/*media breakpoints*/ @media (max-width: 360px) { .wrapper_content{ max-width: 325px; } header{ padding: 5px 16px; margin-top: unset; } 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{ flex-direction: column; width: unset; margin: 80px 0; } #abbreviation_airport_in_search{ float: left; height: 96%; border-radius: 0 10px 0 0; border-top: 2px solid #E6E6E6; border-right: 2px solid #E6E6E6; border-bottom: 2px solid #E6E6E6; } .abbreviation_airport_in_search{ float: left; border-top: 2px solid #E6E6E6; border-right: 2px solid #E6E6E6; border-bottom: 2px solid #E6E6E6; height: 96%; width: 33%; } .from_address_point_txt.find_route.first{ border-radius: 10px 0 0 0; border-top: 2px solid #E6E6E6; border-bottom: 2px solid #E6E6E6; border-left: 2px solid #E6E6E6; } .to_address_point_txt.find_route{ float: left; border-top: 2px solid #E6E6E6; border-left: 2px solid #E6E6E6; border-bottom: 2px solid #E6E6E6; } .cont-el-form-search-carrier > input{ border: 2px solid #E6E6E6; width: 90%; } .cont-el-form-search-carrier.last > select{ width: 97.5%; border-radius: 0 0 10px 10px; border: 2px solid #E6E6E6; } .daterangepicker{ width: 305px; } .cont-el-form-search-carrier > button{ width: 97%; } .button_profile_header{ display: none; } .button_profile_header_mobile{ display: inline-block ; } .header-first>div { margin-right: 37px; } .line_f_header{ top: 45px; } .registration_button, .enter_button{ display: none; } .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; position: unset; width: unset; height: unset; } .mid_block_static{ padding: 0; margin: 120px 0 40px; width: 100%; } .wrapper_tab_button{ width: 55%; } .benefit_img{ flex-wrap: wrap; text-align: center; } .tab-btn-2{ margin: 0 0 5px 0; } button#more_button{ width: 100%; margin-top: 40px; } #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 0 120px 0; } .news_item { margin-bottom: 20px; } .header-second-item, .header_btn_sender, .header_btn_mover{ display: none; } /* footer*/ .first-column>div:first-child{ text-align: center; margin: 40px 0; } .first-column>div:nth-child(2)>div:first-child{ text-align: center; } footer{ height: unset; margin-top: unset; } footer>div{ padding: 10px; height: unset; } .left-column, .right-column, .first-column, .second-column, .third-column { width: unset; float: unset; text-align: center; margin: unset; } .second-footer>div{ text-align: center; } .second-footer>div>div{ padding: unset; padding-bottom: 15px; width: 85%; } .third-column>div{ margin-bottom: 10px; } #f_contacts{ margin-bottom: 60px; } .four-column>div:last-child>div{ margin-bottom: 10px; } .fifth-column{ float: none; width: 50%; margin-right: unset; display: inline-block; margin-top: 60px; margin-bottom: 40px; } /* footer*/ /*logi_page*/ section.login>h1{ font-size: 34px; font-style: normal; font-weight: 700; line-height: 42px; } section.login>form{ max-width: 290px; } .button_register>button{ width: 106%; } /*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; } .inputs{ display: block; margin-bottom: 10px; } .inputs>div:first-child{ margin: unset; width: unset; margin-bottom: 10px; } .inputs>div>input{ 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%; } .type_of_subscribes{ flex-direction: column; align-items: center; } .subscribes_container{ width: 100%; } .container_subscribe{ margin: 20px 16px; width: unset; } .first-decr-subscribe{ width: 55%; margin: 0 auto; } .periud_subscribe{ font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px; } .bottom_block_static img{ display: none; } #title_static_customer{ font-size: 24px; font-style: normal; font-weight: 700; line-height: 36px; margin: unset; } .map_wrapper{ display: none; } .text_wrapper{ background-image: url("/static/img/svg/mobMap.svg"); background-size: cover; } /* for_customers*/ /* user_profile*/ section.profile{ padding: unset; } .menu_buttons.close{ left: -320px; transition: 200ms; } .menu_buttons.open{ left: 0; transition: 200ms; } .handler_menu.close{ background: #FF613A; color: #FFFFFF; } .handler_menu.close{ background: #FFFFFF; color: #000000; } .btns_f_curtain{ width: 11px; transition: 200ms; } .btns_f_curtain.open{ transform: rotate(240deg); } .btns_f_curtain.open{ transform: rotate(0deg); } .text_f_curtain{ font-size: 12px; color: #000000; } .text_f_curtain.right{ transform: rotate(240deg); } .text_f_curtain.left{ transform: rotate(90deg); } .handler_menu{ width: 127px; height: 32px; display: block; position: absolute; right: 0; } .menu_profile{ width: 320px; } .menu_profile>div{ width: 274px; } .menu_profile>div>a{ font-size: 12px; line-height: 13px; } #customer>a, #mover>a{ left: 5%; } .menu_profile>div>img.svg{ top: 18px; } .info_profile{ width: 100%; float: none; } .block-list-of-users{ display: none; } .block-chat{ width: 100%; } .left-part-block-enter-message{ width: 70%; } .right-part-block-enter-message{ width: 30%; } .container-message_support_chat{ width: 70%; min-height: unset; margin-bottom: 25px; } /* END user_profile*/ } @media (max-width: 992px) { .benefit_img>img{ display: none; } } /*END media breakpoints*/