all fixes

src/styles/my.css

@@ -430,4 +430,32 @@ input#VinSearchInput {
   text-overflow: ellipsis;
   max-height: 2.8em;
   line-height: 1.4em;
+}
+
+
+@media (max-width: 767px) {
+  .w-layout-hflex.flex-block-6 {
+    flex-direction: column !important;
+  }
+  @media (max-width: 767px) {
+    .div-block-12,
+    .div-block-12.small,
+    .div-block-12-copy,
+    .div-block-12-copy.small,
+    .div-block-123,
+    .div-block-123.small,
+    .div-block-red,
+    .div-block-red.small {
+      width: 100% !important;
+      max-width: 100% !important;
+    }
+  }
+}
+@media (max-width: 767px) {
+  .flex-block-6 {
+    grid-template-columns: 1fr !important;
+    grid-template-rows: none !important;
+    grid-template-areas: none !important;
+    grid-auto-flow: row !important; /* <--- ВАЖНО! */
+  }
 }

src/styles/protekproject.webflow.css

@@ -787,6 +787,8 @@
   .w-layout-blockcontainer {
     max-width: 728px;
   }
+
+
 }
 
 @media screen and (max-width: 767px) {
@@ -794,6 +796,8 @@
     max-width: none;
   }
 
+
+
   .w-commerce-commercelayoutcontainer {
     flex-direction: column;
     align-items: stretch;
@@ -4024,6 +4028,7 @@ body {
   position: relative;
 }
 
+
 .button-for-mobile-menu-block:hover {
   background-color: var(--_button---hover-dark_blue);
 }
@@ -5426,10 +5431,10 @@ body {
     margin-left: 0;
     margin-right: 0;
   }
-
-  .topmenuh {
+/* 
+   .bottom_head {
     margin-top: 0;
-  }
+  } */
 
   .flex-block-4 {
     grid-column-gap: 40px;
@@ -5579,6 +5584,8 @@ body {
     background-color: var(--white);
   }
 
+
+
   .button-for-mobile-menu-block {
     padding-left: 20px;
     padding-right: 20px;
@@ -5680,9 +5687,9 @@ body {
     margin-top: 12px;
   }
 
-  .topmenub {
+  /* .bottom_head {
     margin-top: 0;
-  }
+  } */
 
   .vinleftbar {
     width: 320px;
@@ -6082,7 +6089,7 @@ body {
     padding-bottom: 40px;
   }
 
-  .top_head, .topmenuh {
+  .top_head, .bottom_head {
     padding-left: 30px;
     padding-right: 30px;
   }
@@ -6882,7 +6889,7 @@ body {
     margin-left: 0;
   }
 
-  .topmenub {
+  .bottom_head {
     padding-left: 30px;
     padding-right: 30px;
   }
@@ -7543,8 +7550,9 @@ body {
   }
 
   .flex-block-18-copy-copy {
-    grid-column-gap: 10px;
-    grid-row-gap: 10px;
+    grid-column-gap: 40px;
+    grid-row-gap: 40px;
+    flex-flow: column;
   }
 
   .link-block-4-copy {
@@ -7602,8 +7610,9 @@ body {
   }
 
   .flex-block-87 {
-    grid-column-gap: 0px;
-    grid-row-gap: 0px;
+    grid-column-gap: 10px;
+    grid-row-gap: 10px;
+    flex: 1;
   }
 
   .mobile-menu-bottom {
@@ -7627,10 +7636,16 @@ body {
   }
 
   .button-for-mobile-menu-block {
-    grid-column-gap: 0px;
-    grid-row-gap: 0px;
-    width: 60px;
-    padding-bottom: 5px;
+    grid-column-gap: 2px;
+    grid-row-gap: 2px;
+    background-color: var(--_fonts---color--white);
+    color: var(--_button---light-blue-grey);
+    flex-flow: column;
+    width: 70px;
+  }
+
+  .button-for-mobile-menu-block:hover {
+    background-color: var(--_button---light-blue);
   }
 
   .section-3 {
@@ -7643,7 +7658,8 @@ body {
   }
 
   .flex-block-93 {
-    margin-left: 0;
+    align-self: auto;
+    min-height: 48px;
   }
 
   .sort-list-card {
@@ -7882,6 +7898,10 @@ body {
   .container-copy.footer {
     padding-bottom: 90px;
   }
+
+  .mobile-menu-buttom-section {
+    display: block;
+  }
 }
 
 @media screen and (max-width: 479px) {
@@ -7951,7 +7971,7 @@ body {
     grid-row-gap: 15px;
   }
 
-  .top_head, .topmenuh {
+  .top_head, .bottom_head {
     padding-left: 15px;
     padding-right: 15px;
   }
@@ -9132,7 +9152,7 @@ body {
     top: 58px;
   }
 
-  .topmenub {
+  .bottom_head {
     padding-left: 15px;
     padding-right: 15px;
   }
@@ -9400,6 +9420,12 @@ body {
   #w-node-_35f55517-cbe0-9ee3-13bb-a3ed00029bba-00029ba8, #w-node-_35f55517-cbe0-9ee3-13bb-a3ed00029bc7-00029ba8 {
     justify-self: stretch;
   }
+  .button-for-mobile-menu-block {
+    grid-column-gap: 0px;
+    grid-row-gap: 0px;
+    width: 60px;
+    padding-bottom: 5px;
+  }
 }
 
 .flex-block-113 {