/*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: 291px; } .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: 33px; 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: 40px; } .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; margin-bottom: unset; margin-top: unset; } .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; } .bottom_block_static{ padding: unset; width: unset; } .bottom_block_static>form>.inputs_l{ width: unset; padding: 10px 0; } .bottom_block_static>form>.button_register{ margin: 10px 0; width: 92%; padding: unset; } span#sub_title_static{ margin: unset; } #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; } .arrange_subscribe{ margin: 20px auto 20px auto; } /* for_customers*/ /* user_profile*/ section.profile{ padding: unset; } .dectop_var_f_btns_temp{ display: none; } .menu_buttons{ background: #FFFFFF; height: 100vh; z-index: 99; top: 47px; overflow: auto; } .menu_buttons.right.close{ right: -320px; transition: 200ms; position: absolute; width: 320px; } .menu_buttons.left.close{ left: -320px; transition: 200ms; position: absolute; width: 320px; } .menu_buttons.right.open{ right: 0; transition: 200ms; position: fixed; display: block; padding-top: 10px; } .menu_buttons.left.open{ left: 0; transition: 200ms; position: fixed; padding-top: 10px; } .handler_menu.left.close{ background: #FF613A; color: #FFFFFF; left: -49px; } .handler_menu.right.close{ background: #FF613A; color: #FFFFFF; left: -49px; } .menu_buttons.left.open .handler_menu{ background: #FFFFFF; color: #000000; left: 272px; } .menu_buttons.right.open .handler_menu{ background: #FFFFFF; color: #000000; left: -39px; } .menu_buttons.close .handler_menu{ background: #FF613A; color: #FFFFFF; } .menu_buttons.right .handler_menu{ transform: rotate(270deg); left: 312px; width: 91px; height: 18px; display: block; position: fixed; text-align: center; top: 39%; border-radius: 10px 10px 0 0; padding: 7px 18px 7px 18px; } .menu_buttons.left .handler_menu{ transform: rotate(90deg); width: 91px; height: 18px; display: block; position: fixed; left: -48px; text-align: center; top: 39%; border-radius: 10px 10px 0 0; padding: 7px 18px 7px 18px; } .btns_f_curtain{ width: 7px; transition: 200ms; display: block; } .btns_f_curtain.left{ float: left; } .btns_f_curtain.right{ float: right; } .menu_buttons.close .btns_f_curtain{ transition: 200ms; transform: rotate(270deg); filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(0%) hue-rotate(162deg) brightness(104%) contrast(103%); padding-right: 10px; } .menu_buttons.open .btns_f_curtain{ transition: 200ms; transform: rotate(90deg); filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(21%) hue-rotate(344deg) brightness(105%) contrast(106%); padding-left: 10px; } .text_f_curtain{ display: inline-block; } .menu_profile{ width: 320px; text-align: -webkit-center; } .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; margin-left: 25px; } .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*/ /* feedback_form*/ .feedback_form{ padding: unset; } .feedback_form>form{ width: unset; } .left_inputs_form, .right_inputs_form{ float: none; width: 99%; } .inputs_l>input{ width: 93%; } .counter-box>textarea{ width: 99%; max-width: unset; min-width: unset; } button#send_feedback_form{ width: 102%; } /* END feedback_form*/ /* news_page*/ .wrapper_advertisement{ padding: unset; } .advertisement_block_news{ height: 80px; } .three_pinned_news{ margin: unset; } .news_gradient{ height: 36px; } .news_item_pagination{ width: unset; padding-top: 1px; margin-bottom: 40px; } .news_item_pagination:nth-child(odd) .pag_news_img, .news_item_pagination:nth-child(odd) .pag_news_item_text, .news_item_pagination:nth-child(even) .pag_news_img, .news_item_pagination:nth-child(even) .pag_news_item_text{ float: none; width: unset; } /* END news_page*/ /*profile_prof*/ .info_profile>h1{ font-size: 18px; font-style: normal; font-weight: 600; line-height: 26px; margin-bottom: 40px; } /*END profile_prof*/ } @media (max-width: 992px) { .benefit_img>img{ display: none; } } /*END media breakpoints*/