From f3feda991e95f983adbf55a75a62ec268e6a3039 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=94=D0=B5=D0=BD=D0=B8=D1=81=20=D0=92=D0=BE=D1=80=D0=BE?=
 =?UTF-8?q?=D0=BD=D0=BA=D0=BE=D0=B2?= <granhust@gmail.com>
Date: Mon, 29 Apr 2024 13:58:57 +0300
Subject: [PATCH] =?UTF-8?q?=D1=84=D0=B8=D0=BA=D1=81=D0=B8=D1=80=D0=B2?=
 =?UTF-8?q?=D0=BE=D0=B0=D0=BD=D0=B8=D0=B5=20=D0=BE=D1=86=D0=B5=D0=BD=D0=BA?=
 =?UTF-8?q?=D0=B8=20=D1=81=D0=BD=D0=B8=D0=B7=D1=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/main/style.css  | 15 +++++++++++++++
 css/main/style.less | 18 +++++++++++++++++-
 2 files changed, 32 insertions(+), 1 deletion(-)

diff --git a/css/main/style.css b/css/main/style.css
index 1ba72c9..346d823 100644
--- a/css/main/style.css
+++ b/css/main/style.css
@@ -3652,6 +3652,11 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li {
     top: 0;
   }
 }
+@media all and (max-width: 960px) {
+  .helpBox_wrapper .helpBox {
+    max-width: 100%;
+  }
+}
 .helpBox_wrapper .helpBox.hidden {
   display: none;
 }
@@ -3804,12 +3809,22 @@ main .dropdown_blocks_list .dropdown_block .block_body .fines_detail ul li {
   display: flex;
   align-items: flex-end;
   height: 102px;
+  position: absolute;
+  left: auto;
+  right: 0;
+  bottom: 0;
 }
 @media all and (max-width: 1080px) {
   .rate_us {
+    position: sticky;
     height: 120px;
   }
 }
+@media all and (max-width: 960px) {
+  .rate_us {
+    width: 100%;
+  }
+}
 .rate_us.opened {
   width: 350px;
   animation: rate_opened 0.25s normal forwards ease-in-out;
diff --git a/css/main/style.less b/css/main/style.less
index 0fa388d..6d060f4 100644
--- a/css/main/style.less
+++ b/css/main/style.less
@@ -4069,6 +4069,10 @@ main .dropdown_blocks_list .dropdown_block .block_body {
             top: 0;
         }
 
+        @media all and (max-width: 960px) {
+            max-width: 100%;
+        }
+
         &.hidden {
             display: none;
 
@@ -4239,15 +4243,27 @@ main .dropdown_blocks_list .dropdown_block .block_body {
     top: calc(100vh - 150px);
     /* tile shadow */
 
-    display: flex;
+    display: flex;  
     align-items: flex-end;
     height: 102px;
 
+    // fix to bottom
+    position: absolute;
+    left: auto;
+    right: 0;
+    bottom: 0;
+
     @media all and (max-width: 1080px) {
         //display: none;
+        position: sticky;
         height: 120px;
     }
 
+    @media all and (max-width: 960px) {
+        width: 100%;
+       
+    }
+
     &.opened {
         form {
             display: flex;