/*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; width: 100%; } .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 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%; } /* for_customers*/ } @media (max-width: 992px) { .benefit_img>img{ display: none; } } /*END media breakpoints*/