0.0.223

static/css/mobile_styles.css

@@ -1,7 +1,11 @@
 /*media breakpoints*/
 
 
-
+@media (max-width: 1199px){
+    .benefit_img_about_service>figure>img{
+        width: 173px;
+    }
+}
 @media (max-width: 1199px){ }
 @media (max-width: 1064px){
    .header_logo, .header_btn_mover, .header_btn_sender{
@@ -384,20 +388,21 @@
         height: auto;
         left: 0;
     }
-    .benefit_img_about_service{
-        display: inline-block;
-        text-align: center;
-        margin-bottom: unset;
-        margin-top: unset;
-    }
+
     .benefit_img_about_service>figure>figcaption{
-        margin: 15px auto;
+        /*margin: 15px auto;*/
         font-size: 16px;
         font-style: normal;
         font-weight: 500;
         line-height: 22px;
-        width: 60%;
+        width: 197px;
     }
+    .benefit_img_about_service{
+            flex-wrap: wrap;
+    }
+    figure {
+    width: 32%;
+}
 
     .type_of_subscribes{
         flex-direction: column;
@@ -1102,7 +1107,16 @@
         width: 97%;
     }
 }
+@media (max-width: 440px){
+    .benefit_img_about_service {
+     flex-direction: column;
+        align-content: center;
 
+}
+    figure {
+     width: unset;
+}
+}
 @media (max-width: 360px){
 
 }