0.0.222 upd mobile for main in 1024

static/css/mobile_styles.css

@@ -3,7 +3,13 @@
 
 
 @media (max-width: 1199px){ }
-@media (max-width: 1024px) {
+@media (max-width: 1064px){
+   .header_logo, .header_btn_mover, .header_btn_sender{
+    margin-right: 26px;
+}
+
+}
+@media (max-width: 1024px)  {
 
    .wrapper_content {
         margin: 20px;
@@ -26,6 +32,9 @@
         padding: 5px 16px;
         margin-top: unset;
     }
+    .header_logo, .header_btn_mover, .header_btn_sender{
+        margin-right: 26px;
+    }
     header .header-first{
         margin-top: 10px;
     }
@@ -89,7 +98,7 @@
          width: 90%;
      }
      .cont-el-form-search-carrier.last > select{
-        width: 94%;
+        width: 93%;
         border-radius: 0 0 10px 10px;
         border: 2px solid #E6E6E6;
      }
@@ -143,7 +152,7 @@
         margin-top: 20px;
     }
     .benefit_img{
-        flex-wrap: wrap;
+
         text-align: center;
     }
     .benefit_img_item{
@@ -157,16 +166,14 @@
         margin: 0 0 5px 0;
     }
     button#more_button{
-        width: 100%;
+        width: 50%;
         margin-top: 40px;
     }
     #title_static{
         font-size: 33px;
         line-height: 42px;
     }
-    .cards_wrapper{
-        flex-direction: column;
-    }
+
 
     details{
         width: 100%;
@@ -178,7 +185,7 @@
     .cards_item_3,
     .cards_item_4
     {
-        width: 100%;
+        width: 46%;
         height: 180px;
         background-size:60%;
     }
@@ -224,10 +231,11 @@
     }
     .news_block_main {
         margin: 0 0 120px 0;
-        justify-content: center;
+        /*justify-content: center;*/
     }
     .news_item {
         margin-bottom: 40px;
+        width: 49%;
     }
 
 
@@ -363,7 +371,7 @@
     }
 
     #how_it_work_b{
-        width: 100%;
+        width: 50%;
         margin-top: 20px;
     }
     .mid_block_static>.text_wrapper>span{
@@ -999,6 +1007,10 @@
     .benefit_img>img{
         display: none;
     }
+    .benefit_img{
+        flex-wrap: wrap;
+
+    }
 
 }
 
@@ -1045,6 +1057,36 @@
 }
 @media (max-width: 575px){
 
+    #how_it_work_b{
+        width: 100%;
+        margin-top: 20px;
+    }
+    button#more_button{
+        width: 100%;
+        margin-top: 40px;
+    }
+
+    .news_item{
+        width: 100%;
+    }
+    .news_block_main{
+        justify-content: center;
+    }
+
+    .cards_item_1,
+    .cards_item_2,
+    .cards_item_3,
+    .cards_item_4
+    {
+        width: 100%;
+        height: 180px;
+        background-size:60%;
+    }
+
+    .cards_wrapper{
+        flex-direction: column;
+    }
+
     .cont-el-form-search-carrier.last > select{
             width: 95%;
     }