0.0.263 resize to mobile since 1180px

static/css/mobile_styles.css

@@ -104,58 +104,7 @@
     padding-right: 10px;
 }
 }
-@media (max-width: 1115px){
-
-    .header_logo>a, .header_btn_mover>a, .header_btn_sender>a, #customer_service, .registration_button, .enter_button{
-        font-size: 14px;
-    }
-
-
-    .second-footer>div>div>a,
-    .second-footer>div>div{
-        font-size: 14px;
-    }
-
-    footer>div{
-
-    }
-
-    .menu_buttons.curtain.left.close.chat{
-        width: 275px;
-    }
-
-    .info_profile{
-        width: 94%;
-    }
-
-    .phones_carrier_span, .email_carrier_span{
-        width: calc(88% - 10px);
-    }
-
-}
-@media (max-width: 1064px){
-   .header_logo, .header_btn_mover{
-    margin-right: 26px;
-}
-
-    .menu_buttons.curtain.left.close.chat{
-        width: 265px;
-    }
-
-    .social_media_footer{
-        margin-bottom: 60px;
-    }
-
-    .header_btn_sender{
-        margin-right: 5px;
-    }
-
-    .benefit_img_about_service>figure>img {
-    width: 153px;
-}
-
-}
-@media (max-width: 1024px){
+@media (max-width: 1180px){
 
 
 
@@ -1360,6 +1309,62 @@
     }
 
 }
+@media (max-width: 1115px){
+
+    .header_logo>a, .header_btn_mover>a, .header_btn_sender>a, #customer_service, .registration_button, .enter_button{
+        font-size: 14px;
+    }
+
+
+    .second-footer>div>div>a,
+    .second-footer>div>div{
+        font-size: 14px;
+    }
+
+    footer>div{
+
+    }
+
+    .menu_buttons.curtain.left.close.chat{
+        width: 275px;
+    }
+
+    /*.info_profile{*/
+    /*    width: 94%;*/
+    /*}*/
+
+    .phones_carrier_span, .email_carrier_span{
+        width: calc(88% - 10px);
+    }
+
+}
+@media (max-width: 1064px){
+   .header_logo, .header_btn_mover{
+    margin-right: 26px;
+}
+
+    .menu_buttons.curtain.left.close.chat{
+        width: 265px;
+    }
+
+    .info_profile{
+        width: 67%;
+    }
+
+    .social_media_footer{
+        margin-bottom: 60px;
+    }
+
+    .header_btn_sender{
+        margin-right: 5px;
+    }
+
+    .benefit_img_about_service>figure>img {
+    width: 153px;
+}
+
+}
+
 @media (max-width: 950px){
 
 

static/css/styles.css

@@ -226,7 +226,7 @@ body {
 
 header {
     margin-top: 20px;
-    padding: 5px 10px;
+    padding: 5px 20px;
     position: sticky;
     top: 0;
     background: #F8F8F8;
@@ -1310,16 +1310,27 @@ h2.title_new_route{
     margin-bottom: 40px;
 }
 
-.info_profile>div:nth-child(4) {
+.info_profile>div:nth-child(3) {
     color: #272424;
     font-family: Inter;
     font-size: 16px;
     font-style: normal;
     margin-bottom: 40px;
+    margin-top: 20px;
     font-weight: 400;
     line-height: 22px;
 }
 
+.info_profile>div:nth-child(4) {
+    color: #272424;
+    font-family: Inter;
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+    margin-bottom: 40px;
+}
+
 .info_profile>div:nth-child(5) {
     color: #272424;
     font-family: Inter;
@@ -1327,16 +1338,10 @@ h2.title_new_route{
     font-style: normal;
     font-weight: 400;
     line-height: 22px;
-    margin-bottom: 40px;
 }
 
-.info_profile>div:nth-child(6) {
-    color: #272424;
-    font-family: Inter;
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 22px;
+.info_profile>div:nth-child(3)>a {
+    color: #FF613A;
 }
 
 .info_profile>div:nth-child(4)>a {
@@ -1347,10 +1352,6 @@ h2.title_new_route{
     color: #FF613A;
 }
 
-.info_profile>div:nth-child(6)>a {
-    color: #FF613A;
-}
-
 .profile_prof>img {
     margin-right: 20px;
     border-radius: 10px;
@@ -2490,6 +2491,7 @@ button#send_feedback_form{
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
+    justify-content: center;
 }
 
 

templates/blocks/profile/b_profile_first_page.html

@@ -11,7 +11,7 @@
 {#            src="{{ user.user_profile.avatar.url }}"#}
 {#            {% else %}src="{% static "img/svg/User.svg" %}"{% endif %} >#}
 {#        </div>#}
-      <div>{% translate "Статус:" %} {{ user.user_profile.get_account_type_display }}</div>
+{#      <div>{% translate "Статус:" %} {{ user.user_profile.get_account_type_display }}</div>#}
 {#          <div>#}
 {#              <select name="" id="">#}
 {#              <option>Перевозчик</option>#}
@@ -19,7 +19,7 @@
 {#            </select></div>#}
     </div>
   </div>
-  <div class="advice_text">{% translate "Если хотите отправить посылку - зарегистрируйтесь, как отправитель" %}</div>
+{#  <div class="advice_text">{% translate "Если хотите отправить посылку - зарегистрируйтесь, как отправитель" %}</div>#}
   <div>{% translate "Если у Вас возникнут вопросы Вы можете связаться с нами:" %} <a href="mailto:support@twb.com">support@twb.com</a></div>
-  <div>{% translate "У Вас" %} <a href="#">{% translate "три" %}</a>{% translate "новых сообщения." %}  <a href="#">{% translate "Посмотреть" %}</a></div>
+  <div>{% translate "У Вас" %} <a href="#">{% translate "три " %}</a>{% translate "новых сообщения." %}  <a href="#">{% translate "Посмотреть" %}</a></div>
   <div>{% translate "Хотите получать уведомление о появлении посылок?" %} <a href="#">{% translate "Заполните форму" %}</a></div>