diff --git a/static/css/mobile_styles.css b/static/css/mobile_styles.css
index eaba19f..661992f 100644
--- a/static/css/mobile_styles.css
+++ b/static/css/mobile_styles.css
@@ -159,6 +159,17 @@
         rotate: 270deg;
     }
 
+    .cards_item_1,
+    .cards_item_2,
+    .cards_item_3,
+    .cards_item_4{
+        height: 322px;
+        width: 65%;
+        float: unset;
+        margin: 15px auto;
+
+    }
+
     .filter_img{
         width: 15px;
         display: block;
@@ -1511,6 +1522,45 @@
 
 
 
+
+    .cards_item_1,
+    .cards_item_2,
+    .cards_item_3,
+    .cards_item_4{
+        width: 70%;
+        height: unset;
+        float: unset;
+        margin: 15px auto;
+
+    }
+
+    .cards_item_img, .cards_item_text{
+        float: unset;
+        width: unset;
+    }
+
+    .cards_item_1>.cards_item_img>img,
+    .cards_item_2>.cards_item_img>img,
+    .cards_item_3>.cards_item_img>img,
+    .cards_item_4>.cards_item_img>img{
+        float: unset;
+        aspect-ratio: 4/3;
+        object-fit: cover;
+        width: 100%;
+        border-radius: 10px;
+    }
+    .cards_item_text{
+        padding-bottom: 20px;
+    }
+
+    .card_title_1{
+        margin: 25px 0 0 20px;
+    }
+
+
+
+
+
     .read_more_about_subscribe{
         padding: 0 14px;
         height: 30px;
diff --git a/static/css/styles.css b/static/css/styles.css
index 5812a2b..44f4003 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -2664,7 +2664,10 @@ button#send_feedback_form:active{
 .cards_item_2, .cards_item_4{
     float: right;
 }
-.cards_item_1>.cards_item_img>img, .cards_item_2>.cards_item_img>img, .cards_item_3>.cards_item_img>img, .cards_item_4>.cards_item_img>img{
+.cards_item_1>.cards_item_img>img,
+.cards_item_2>.cards_item_img>img,
+.cards_item_3>.cards_item_img>img,
+.cards_item_4>.cards_item_img>img{
     float: right;
 }
 
@@ -2676,9 +2679,6 @@ button#send_feedback_form:active{
 
 
 .cards_item_1{
-
-    width: 48%;
-
     border-radius: 10px;
     /*background: url(/static/img/png/cards_item_1.png)  #1d1e20 50%;*/
     background: #1d1e20 50%;
@@ -2690,12 +2690,7 @@ button#send_feedback_form:active{
     margin: 10px;
 }
 
-.cards_item_1,
-.cards_item_2,
-.cards_item_3,
-.cards_item_4{
-   height: 322px;
-}
+
 
 
 
@@ -2710,9 +2705,7 @@ button#send_feedback_form:active{
 }
 
 .cards_item_2{
-    width: 48%;
-
-    border-radius: 10px;
+     border-radius: 10px;
     /*background: url(/static/img/png/cards_item_2.png) white 50%;*/
     background: white 50%;
     background-repeat: no-repeat;
@@ -2766,8 +2759,6 @@ button#send_feedback_form:active{
 
 
 .cards_item_3{
-    width: 48%;
-
     border-radius: 10px;
     /*background: url(/static/img/png/cards_item_3.png) white 50%;*/
     background: white 50%;
@@ -2790,8 +2781,6 @@ button#send_feedback_form:active{
 
 
 .cards_item_4{
-    width: 48%;
-
     border-radius: 10px;
     /*background: url(/static/img/png/cards_item_4.png), #111217 50%;*/
     background: #111217 50%;
@@ -2803,6 +2792,16 @@ button#send_feedback_form:active{
     margin: 10px;
 
 }
+
+.cards_item_1,
+.cards_item_2,
+.cards_item_3,
+.cards_item_4{
+   height: 322px;
+    width: 48%;
+}
+
+
 .cards_item_4_right{
     float: right;
     border-radius: 10px;