From ad9e6aa6b9c3003845bf5054ec7b56b0c9d25104 Mon Sep 17 00:00:00 2001
From: ArtemB <mil.basalyga@gmail.com>
Date: Tue, 31 Oct 2023 17:20:01 +0300
Subject: [PATCH] 0.0.187 media 360px footer

---
 static/css/mobile_styles.css | 44 ++++++++++++++++++++++++++++++++++++
 static/css/styles.css        | 18 ++++++++-------
 2 files changed, 54 insertions(+), 8 deletions(-)

diff --git a/static/css/mobile_styles.css b/static/css/mobile_styles.css
index 1ae693f..ce37591 100644
--- a/static/css/mobile_styles.css
+++ b/static/css/mobile_styles.css
@@ -183,6 +183,50 @@
         display: none;
     }
 
+/*    footer*/
+
+    .first-column>div:first-child{
+        text-align: center;
+        margin: 40px 0;
+    }
+
+    .first-column>div:nth-child(2)>div:first-child{
+        text-align: center;
+    }
+
+    footer{
+        height: unset;
+        margin-top: unset;
+    }
+    footer>div{
+        padding: 10px;
+        height: unset;
+
+    }
+
+    .left-column,
+    .right-column,
+    .first-column,
+    .second-column,
+    .third-column
+    {
+        width: unset;
+        float: unset;
+        text-align: center;
+    }
+
+    /*.sf_1_column{*/
+    /*    padding: unset;*/
+    /*}*/
+    .second-footer>div{
+        text-align: center;
+    }
+    .second-footer>div>div{
+        padding: unset;
+        padding-bottom: 15px;
+    }
+/*    footer*/
+
 
 
 
diff --git a/static/css/styles.css b/static/css/styles.css
index f37eb7b..d6ea906 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -1966,14 +1966,15 @@ button#more_button{
     margin-bottom: 10px;
 }
 
-.benefit_img_about_service>figure{
-    display: flex;
-    width: 197px;
-    flex-direction: column;
-    justify-content: flex-end;
-    align-items: center;
-    gap: 20px;
-}
+/*.benefit_img_about_service>figure{*/
+/*    display: flex;*/
+/*    width: 197px;*/
+/*    flex-direction: column;*/
+/*    justify-content: flex-end;*/
+/*    align-items: center;*/
+/*    gap: 20px;*/
+/*}*/
+
 .benefit_img_about_service>figure>img{
     max-width: 197px;
     width: 197px;
@@ -1988,6 +1989,7 @@ button#more_button{
 
 .benefit_img_about_service>figure>figcaption{
     text-align: center;
+    margin-top: 15px;
 }
 
 .bottom_block_static{