0.0.157

static/aerbimCSS.css

@@ -25,6 +25,7 @@ body,html{
     box-sizing: border-box;
 }
 
+
 body.n_scroll{
     overflow-y: hidden;
 }
@@ -752,7 +753,7 @@ body.n_scroll{
     height: 100%;
     width: 100%;
     object-fit: contain;
-    object-position: bottom;
+    object-position: top;
 }
 
 /*faq*/
@@ -1087,13 +1088,15 @@ body.n_scroll{
     justify-content: center;
 }
 
-.container_content_features_block_item{
-    width: 17%;
+.container_content_features_block_item {
+    width: 20%;
     display: block;
     /* margin-left: 10px; */
     /* margin-right: 10px; */
     padding: 10px;
     margin: 5px;
+    /* flex: auto; */
+    /* flex: auto; */
 }
 
 .container_content_features_block_item.bottom{
@@ -1237,6 +1240,7 @@ body.n_scroll{
     padding: 25px;
     margin-top: 10px;
     margin-bottom: 10px;
+    box-sizing: border-box;
 }
 
 .w_one_present.odd{
@@ -1526,6 +1530,6 @@ body.n_scroll{
 .img_proj{
     width: 100%;
     height: 100%;
-    object-fit: cover;
+    object-fit: contain;
     object-position: center;
 }

static/aerbimCSSMOBILE.css

@@ -182,6 +182,7 @@
     }
     .cut-width{
         margin: 0 20px;
+        width: calc(100% - 40px);
     }
     .title_page{
         font-size: 36px;
@@ -264,8 +265,28 @@
 
 }
 
-@media (max-width: 800px) {
+@media (max-width: 900px){
+    .container_content_functional_features_block_items{
+        margin-top: -10%;
+    }
+}
 
+@media (max-width: 800px) {
+    .container_sections_buttons.main{
+        display: block;
+    }
+    .container_sections_buttons.not_main{
+        display: none;
+    }
+    .container_sliders{
+        display: none;
+    }
+    .container_content_functional_features_block_items{
+        flex-wrap: wrap;
+    }
+    .container_content_features_block_item{
+        width: 45%;
+    }
 
 }
 
@@ -287,4 +308,23 @@
         width: 100%;
     }
 
+}
+
+@media (max-width: 600px) {
+    .first_line_block_functional_features{
+        flex-direction: column-reverse;
+        flex-wrap: wrap;
+    }
+    .container_txt_first_line_block_functional_features {
+        width: 100%;
+    }
+    .container_image_block_functional_features {
+        width: 100%;
+    }
+    .container_content_features_block_item {
+        width: 100%;
+    }
+    .description_item_features_container{
+        width: 100%;
+    }
 }

templates/blocks/b_sections_buttons.html

@@ -1,5 +1,5 @@
 {% load static %}
-<div class="container_sections_buttons">
+<div class="container_sections_buttons{% if main %} main{% else %} not_main{% endif %}">
     <div class="cut-width sections_btns">
         <div class="container_content_sections_buttons">
             {% for section in sections %}

templates/blocks/b_slider.html

@@ -5,7 +5,12 @@
             <div class="one_slide_container{% if forloop.counter0 == 0 %} show{% else %} hide{% endif %}" data-id-slide="{{ forloop.counter }}">
                 <div class="picture_slider_container" {% if slide.bg_color %}style="background: {{ slide.bg_color }}" {% endif %}>
                     {% if slide.picture %}
-                        <img class="picture_slider" src="{{ MEDIA_URL }}{{ slide.picture }}" alt="{{ slide.name }}" />
+                        <picture>
+                            <source media="(min-width:800px)" srcset="{{ MEDIA_URL }}{{ slide.picture }}">
+                            <source media="(max-width:800px)" srcset="{% static "images/image_f_800_slider.png" %}">
+                            <img class="picture_slider" src="{{ MEDIA_URL }}{{ slide.picture }}" alt="{{ slide.name }}" />
+                        </picture>
+
                     {% endif %}
                 </div>
                 {% if slide.name or slide.description %}