0.0.182 media 360px v.3

2023-10-26 13:11:51 +03:00
parent 02f7edade5
commit 31833000bb
5 changed files with 193 additions and 182 deletions
--- a/static/css/mobile_styles.css
+++ b/static/css/mobile_styles.css
@@ -0,0 +1,155 @@
+/*media breakpoints*/
+@media (max-width: 360px) {
+
+    header{
+        padding: 5px 16px;
+    }
+
+    header .header-second {
+        margin-left: unset;
+    }
+    .header_big_background{
+        height: 45px;
+    }
+
+    .header_logo_mobile{
+        display: inline-block ;
+
+    }
+    .header_logo{
+        display: none;
+    }
+
+    .container_form_search_carrier{
+        margin: 10px;
+    }
+
+
+    .button_profile_header{
+        display: none;
+    }
+    .button_profile_header_mobile{
+        display: inline-block ;
+    }
+    .header-first>div {
+        margin-right: 37px;
+    }
+    .line_f_header{
+        top: 44px;
+    }
+
+    .top_block_static_wrapper_main{
+        background: unset;
+    }
+    .header_big_background {
+        max-width: 100%;
+    }
+    #sub_title_static>p{
+        white-space: normal;
+    }
+    .top_block_static{
+        padding: 0;
+    }
+    .mid_block_static{
+        padding: 0;
+    }
+    .wrapper_tab_button{
+        width: 55%;
+    }
+    .benefit_img{
+        flex-wrap: wrap;
+    }
+    .tab-btn-2{
+        margin: 0 0 5px 0;
+    }
+    button#more_button{
+        width: 100%;
+    }
+    #title_static{
+        font-size: 34px;
+        line-height: 42px;
+    }
+    .cards_wrapper{
+        flex-direction: column;
+    }
+
+    .cards_item_1,
+    .cards_item_2,
+    .cards_item_3,
+    .cards_item_4
+    {
+        width: 100%;
+        height: 180px;
+        background-size:60%;
+    }
+    .card_title_1{
+        font-size: 34px;
+        font-style: normal;
+        font-weight: 700;
+        line-height: 42px;
+        margin: 22px 0 0 10px;
+        text-shadow: 1px 1px 0px #272424;
+    }
+    .card_title_2{
+        font-size: 17px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: 26px;
+        margin: 10px 0 0 10px;
+        text-shadow: 1px 1px 0px #272424;
+    }
+    .card_title_3{
+        margin: 10px 0 0 10px;
+        width: 95%;
+        font-size: 12px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 20px;
+        text-shadow: 1px 1px 0px #272424;
+    }
+
+    summary{
+        font-size: 18px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: 26px;
+        margin: 0;
+    }
+    summary ~ * {
+        padding: 0 1em 10px 1.4em;
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 20px;
+    }
+    .news_block_main {
+        margin: 0 16px 120px 16px;
+    }
+    .news_item {
+        margin-bottom: 20px;
+    }
+    .container_form_search_carrier{
+        flex-direction: column;
+        margin-top: 170px;
+        width: unset;
+    }
+
+    .header-second-item,
+    .header_btn_sender,
+    .header_btn_mover{
+        display: none;
+    }
+
+
+
+
+}
+
+@media (max-width: 992px) {
+    .benefit_img>img{
+        display: none;
+    }
+}
+
+
+/*END media breakpoints*/