0.0.192 media 360px for_customers page

static/css/mobile_styles.css

@@ -2,7 +2,7 @@
 @media (max-width: 360px) {
 
     .wrapper_content{
-        max-width: 330px;
+        max-width: 325px;
     }
 
     header{
@@ -28,11 +28,11 @@
      .container_form_search_carrier{
         flex-direction: column;
         width: unset;
-        margin: 170px 10px 10px 10px;
+        margin: 80px 0;
     }
      #abbreviation_airport_in_search{
          float: left;
-         height: 95%;
+         height: 96%;
          border-radius: 0 10px 0 0;
          border-top: 2px solid #E6E6E6;
          border-right: 2px solid #E6E6E6;
@@ -43,7 +43,7 @@
          border-top: 2px solid #E6E6E6;
          border-right: 2px solid #E6E6E6;
          border-bottom: 2px solid #E6E6E6;
-         height: 95%;
+         height: 96%;
          width: 33%;
      }
      .from_address_point_txt.find_route.first{
@@ -105,10 +105,13 @@
     }
     .top_block_static{
         padding: 0;
+        position: unset;
+        width: unset;
+        height: unset;
     }
     .mid_block_static{
         padding: 0;
-        margin: 120px 10px;
+        margin: 120px 0;
         width: 100%;
     }
     .wrapper_tab_button{
@@ -273,6 +276,13 @@
 /*END logi_page*/
 
 /*    registration page*/
+
+    section.register>h1{
+        font-size: 34px;
+        font-style: normal;
+        font-weight: 700;
+        line-height: 42px;
+    }
     section.register>form{
         display: block;
         width: unset;
@@ -294,8 +304,49 @@
         width: 96%;
     }
 
+    .agree>div:last-child{
+        font-size: 12px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 20px;
+    }
+
 /*  END  registration page*/
 
+/*    for_customers*/
+    .top_block_static_wrapper{
+            background: unset;
+    }
+
+    #how_it_work_b{
+        width: 100%;
+        margin-top: 20px;
+    }
+    .mid_block_static>.text_wrapper>span{
+        width: unset;
+    }
+
+    .map_wrapper>img{
+        max-width: unset;
+        width: 270%;
+        height: auto;
+        left: 0;
+    }
+    .benefit_img_about_service{
+        display: inline-block;
+        text-align: center;
+    }
+    .benefit_img_about_service>figure>figcaption{
+        margin: 15px auto;
+        font-size: 16px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 22px;
+        width: 60%;
+    }
+/*    for_customers*/
+
+
 
 }
 

templates/blocks/static_pages_blocks/b_mover_search.html

@@ -53,25 +53,7 @@
             <div class="benefit_img">
 
                 <div class="benefit_img_item">
-                     <img src="/static/img/svg/Find_carrier.svg" alt="">
-                </div>
-
-                <img src="/static/img/svg/Arrow_direction.svg" alt="">
-
-                <div class="benefit_img_item">
-                    <img src="/static/img/svg/Contact_carrier.svg" alt="">
-                </div>
-
-                <img src="/static/img/svg/Arrow_direction.svg" alt="">
-
-                <div class="benefit_img_item">
-                    <img src="/static/img/svg/Pass_package.svg" alt="">
-                </div>
-
-            </div>
-
-            <div class="benefit_title">
-                <div class="benefit_title_item">
+                    <img src="/static/img/svg/Find_carrier.svg" alt="">
                     {% if page.url == 'for_customers' %}
                         <h3>{% translate "Найдите перевозчика" %}</h3>
                     {% endif %}
@@ -86,10 +68,13 @@
                     {% if page.url == 'for_movers' %}
                         <span>{% translate "Укажите откуда, куда хотите перевезти посылку, а также Вашу дату отправки и прибытия. При желании Вы можете указать дополнительные параметры: тип, вес, вид перевозки и т.д" %}</span>
                     {% endif %}
-
                 </div>
 
-                <div class="benefit_title_item">
+                <img src="/static/img/svg/Arrow_direction.svg" alt="">
+
+                <div class="benefit_img_item">
+                    <img src="/static/img/svg/Contact_carrier.svg" alt="">
+
                     <h3>{% translate "Свяжитесь с перевозчиком" %}</h3>
 
                     {% if page.url == 'for_customers' %}
@@ -102,8 +87,11 @@
 
                 </div>
 
-                <div class="benefit_title_item">
-                    <h3>{% translate "Передайте посылку" %}</h3>
+                <img src="/static/img/svg/Arrow_direction.svg" alt="">
+
+                <div class="benefit_img_item">
+                    <img src="/static/img/svg/Pass_package.svg" alt="">
+                     <h3>{% translate "Передайте посылку" %}</h3>
                     {% if page.url == 'for_customers' %}
                         <span>{% translate "Встречайтесь, знакомьтесь и передавайте посылку" %}</span>
                     {% endif %}
@@ -115,6 +103,51 @@
 
             </div>
 
+{#            <div class="benefit_title">#}
+{#                <div class="benefit_title_item">#}
+{#                    {% if page.url == 'for_customers' %}#}
+{#                        <h3>{% translate "Найдите перевозчика" %}</h3>#}
+{#                    {% endif %}#}
+{#                    {% if page.url == 'for_movers' %}#}
+{#                        <h3>{% translate "Разместите объявление" %}</h3>#}
+{#                    {% endif %}#}
+{##}
+{#                    {% if page.url == 'for_customers' %}#}
+{#                        <span>{% translate "Зайдите на сайт Trip With Bonus и в форме вверху страницы, заполните данные для поиска перевозчика." %}</span>#}
+{#                    {% endif %}#}
+{##}
+{#                    {% if page.url == 'for_movers' %}#}
+{#                        <span>{% translate "Укажите откуда, куда хотите перевезти посылку, а также Вашу дату отправки и прибытия. При желании Вы можете указать дополнительные параметры: тип, вес, вид перевозки и т.д" %}</span>#}
+{#                    {% endif %}#}
+{##}
+{#                </div>#}
+{##}
+{#                <div class="benefit_title_item">#}
+{#                    <h3>{% translate "Свяжитесь с перевозчиком" %}</h3>#}
+{##}
+{#                    {% if page.url == 'for_customers' %}#}
+{#                        <span>{% translate "Откройте контакты на сайте и договоритесь о месте встречи и условиях перевозки" %}</span>#}
+{#                    {% endif %}#}
+{##}
+{#                    {% if page.url == 'for_movers' %}#}
+{#                        <span>{% translate "В отобразившемся списке выберите подходящего отправителя и посылку, откройте контакты и свяжитесь удобным способом.  Если не нашли подходящего отправителя с посылкой, разместите объявление о возможности перевезти посылку и отправители Вас сами найдут" %}</span>#}
+{#                    {% endif %}#}
+{##}
+{#                </div>#}
+{##}
+{#                <div class="benefit_title_item">#}
+{#                    <h3>{% translate "Передайте посылку" %}</h3>#}
+{#                    {% if page.url == 'for_customers' %}#}
+{#                        <span>{% translate "Встречайтесь, знакомьтесь и передавайте посылку" %}</span>#}
+{#                    {% endif %}#}
+{##}
+{#                    {% if page.url == 'for_movers' %}#}
+{#                        <span>{% translate "Обсудите с отправителем все условия: время, место и прочие детали. Готово! Доставьте посылку из пункта А в пункт Б и получите благодарность отправителя!" %}</span>#}
+{#                    {% endif %}#}
+{#                </div>#}
+{##}
+{#            </div>#}
+
 
     </div>
 

templates/pages/p_main.html

@@ -109,13 +109,14 @@
                 <div class="benefit_img">
 
                     <div class="benefit_img_item">
-                         <img src="/static/img/svg/Find_carrier.svg" alt="">
+                        <img src="/static/img/svg/Find_carrier.svg" alt="">
                         <h3>{% translate "Разместите объявление" %}</h3>
                         <span>{% translate "Укажите откуда, куда хотите перевезти посылку, а также Вашу дату отправки и прибытия. При желании Вы можете указать дополнительные параметры: тип, вес, вид перевозки и т.д" %}</span>
 
                     </div>
 
                     <img src="/static/img/svg/Arrow_direction.svg" alt="">
+
                     <div class="benefit_img_item">
                         <img src="/static/img/svg/Contact_carrier.svg" alt="">
                         <h3>{% translate "Свяжитесь с перевозчиком" %}</h3>