0.0.218 996 px mobile

static/css/mobile_styles.css

@@ -3,7 +3,7 @@
 
 
 @media (max-width: 1199px){ }
-@media (max-width: 991px) {
+@media (max-width: 1024px) {
 
    .wrapper_content {
         margin: 20px;
@@ -471,6 +471,14 @@
         position: sticky;
         top: 61px;
     }
+    .menu_buttons{
+        /*background: #FFFFFF;*/
+        height: 100vh;
+        z-index: 99;
+        top: 47px;
+        overflow: auto;
+
+    }
 
     .menu_buttons.right.close{
         right: -320px;
@@ -486,6 +494,18 @@
         position: absolute;
         width: 320px;
     }
+    .menu_buttons.left .handler_menu{
+        transform: rotate(90deg);
+        left: -48px;
+        width: 91px;
+        height: 18px;
+        display: block;
+        position: fixed;
+        text-align: center;
+        top: 39%;
+        border-radius: 10px 10px 0 0;
+        padding: 7px 18px 7px 18px;
+    }
     .menu_buttons.right.open{
     right: 0;
     transition: 200ms;
@@ -969,19 +989,36 @@
 /*    */
 
 }
-@media (max-width: 767px){
-     .menu_buttons{
-        background: #FFFFFF;
-        height: 100vh;
-        z-index: 99;
-        top: 47px;
-        overflow: auto;
+@media (max-width: 776px){
 
+    .info_profile {
+    width: 54%;
+    float: none;}
+
+    .menu_buttons.right.open {
+        right: 0;
+        transition: 200ms;
+        position: fixed;
+        display: block;
+        padding-top: 10px;
+        top: 46px;
     }
+    .benefit_img>img{
+        display: none;
+    }
+
+}
+
+@media (max-width: 699px){
+    .block_overlay.show{
+        display: block;
+     }
+    /*этот стиль перекрывал блок диалога в сообщения блюром*/
+
       .menu_buttons.right.open .handler_menu{
         background: #FFFFFF;
         color: #000000;
-        left: -39px;
+
     }
     .menu_buttons.close .handler_menu{
         background: #FF613A;
@@ -999,39 +1036,13 @@
         border-radius: 10px 10px 0 0;
         padding: 7px 18px 7px 18px;
     }
-    .menu_buttons.left .handler_menu{
-        transform: rotate(90deg);
-        left: -48px;
-        width: 91px;
-        height: 18px;
-        display: block;
-        position: fixed;
-        text-align: center;
-        top: 39%;
-        border-radius: 10px 10px 0 0;
-        padding: 7px 18px 7px 18px;
-    }
-    .block_overlay.show{
-        display: block;
-     }
-    /*этот стиль перекрывал блок диалога в сообщения блюром*/
-    .menu_buttons.right.open {
-        right: 0;
-        transition: 200ms;
-        position: fixed;
-        display: block;
-        padding-top: 10px;
-        top: 46px;
-    }
-    .benefit_img>img{
-        display: none;
-    }
-    .info_profile {
-    width: 100%;
-    float: none;
+
+    .info_profile{
+        width: 100%;
     }
 }
 @media (max-width: 575px){
+
     .cont-el-form-search-carrier.last > select{
             width: 95%;
     }