From 0733851e4e269226a04af4ba39d74bb21564f5e8 Mon Sep 17 00:00:00 2001
From: ArtemB <mil.basalyga@gmail.com>
Date: Sat, 11 Nov 2023 18:10:40 +0300
Subject: [PATCH] 0.0.222 upd mobile for main in 1024

---
 static/css/mobile_styles.css | 62 ++++++++++++++++++++++++++++++------
 static/css/styles.css        | 32 +++++++++----------
 2 files changed, 68 insertions(+), 26 deletions(-)

diff --git a/static/css/mobile_styles.css b/static/css/mobile_styles.css
index 7f33522..23ddfd1 100644
--- a/static/css/mobile_styles.css
+++ b/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%;
     }
diff --git a/static/css/styles.css b/static/css/styles.css
index 2b10e40..ad9f62e 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -1105,7 +1105,7 @@ section.login>form>div>div:nth-child(5)>a {
 }
 
 section.profile {
-    padding: 60px 0;
+    /*padding: 60px 0;*/
     margin-bottom: 120px;
     width: 70%;
     float: left;
@@ -1951,15 +1951,15 @@ button#more_button{
           url(/static/img/png/Box3.png),
           url(/static/img/png/Box4.png);
   background-position:
-          bottom 83px left 110px,
-          top 154px left 205px,
-          bottom 34px right 58px,
-          top 140px  right 233px;
+          /*bottom 83px left 110px,*/
+          /*top 154px left 205px,*/
+          /*bottom 34px right 58px,*/
+          /*top 140px  right 233px;*/
 
-    /*-12px left 131px,*/
-    /*      top 51px left -9px,*/
-    /*      bottom -37px right 105px,*/
-    /*      top 65px  right -30px*/
+    bottom -12px left 131px,
+          top 51px left -9px,
+          bottom -37px right 105px,
+          top 65px  right -30px;
   background-repeat:
           no-repeat,
           no-repeat,
@@ -2128,24 +2128,24 @@ button#more_button{
 
 .bottom_block_static img:nth-child(4) {
   /* Положение нижнего левого изображения */
-    left: -5%;
-    bottom: 0%;
+        left: -10%;
+        bottom: -7%;
 
 }
 
 .bottom_block_static img:nth-child(5) {
    /* Положение верхнего левого изображения */
-        top: 5%;
-        left: -2%;
-        transform: scale(-1, 1);
+            top: 16%;
+            left: -2%;
+            transform: scale(-1, 1);
 
 
 }
 
 .bottom_block_static img:nth-child(6) {
   /* Положение нижнего правого изображения */
-    right: -5%;
-    bottom: 0%;
+    right: -10%;
+    bottom: -4%;
     transform: scale(1, -1);
 }