/*media breakpoints*/ @media (max-width: 1280px){ .remove_route{ text-align: center; } .sf_1_column { padding-left: 35px; padding-right: 105px; } .cut_width_f_curtain.n_profile.open{ right: 0; } } @media (max-width: 1199px){ .dropbtn{ margin-right: unset; } .header_logo, .header_btn_mover{ margin-right: 20px; } .dropbtn_lang{ padding: 2px 0.5px; border-radius: 12px; } #ru_lang,#en_lang{ padding: unset; } #customer_service{ margin-right: 10px; } .info_profile{ width: 97%; } .menu_buttons.curtain.left.close.chat{ width: 275px; } .benefit_img_about_service>figure>img{ width: 173px; } .from-to-country-container-carrier{ padding-right: unset; width: unset; } .type_of_subscribes{ align-items: center; } .container_subscribe{ margin: 20px 16px; width: 42%; } .another_subscribe{ width: 90%; } .input_f_profile{ width: calc(95% - 30.4px); } #img_msg_by_email{ left: 33%; } /* .cards_item_1,*/ /*.cards_item_2,*/ /*.cards_item_3,*/ /*.cards_item_4*/ /*{*/ /* width: 46%;*/ /* 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;*/ /*}*/ .sf_1_column { padding-left: 25px; padding-right: 90px; } .sf_2_column, .sf_3_column { padding-right: 10px; } } @media (max-width: 1180px){ .container_inf_about_moving{ padding: 15px; } .input_list.find_route{ left: unset; width: 70%; } .dropdown{ vertical-align: sub; } .handler_curtain_left{ display: block; } .handler_curtain_left.close{ left: 0; top: 293px; position: fixed; height: 127px; width: 32px; background: #FF613A; border-radius: 0 10px 10px 0; z-index: 101; transition: 200ms; } .unsubscribe_info { font-size: 12px; } .container_content_handler_curtain_left{ display: flex; rotate: 90deg; justify-content: space-between; height: 32px; width: 87px; position: relative; left: -49px; top: 47px; padding: 0 20px; } .handler_curtain_left.open{ left: 320px; top: 293px; position: fixed; height: 127px; width: 32px; background: #FFFFFF; border-radius: 0 10px 10px 0; z-index: 101; transition: 200ms; } .handler_curtain_left.open .container_content_handler_curtain_left{ rotate: 270deg; } .cards_item_1, .cards_item_2, .cards_item_3, .cards_item_4{ height: 322px; width: 65%; float: unset; margin: 15px auto; } .filter_img{ width: 15px; display: block; position: relative; bottom: 0; transform: rotate(270deg) translate(0, 0); filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(296deg) brightness(106%) contrast(101%); /*transition: 200ms;*/ } .handler_curtain_left.open .filter_img{ transform: translate(0, 0); filter: brightness(0) saturate(100%) invert(53%) sepia(48%) saturate(4340%) hue-rotate(337deg) brightness(102%) contrast(102%); /*transition: 200ms;*/ } .arrows_handler_curtain_left{ width: 7px; rotate: -90deg; filter: unset; /*transition: 200ms;*/ } .handler_curtain_left.open .arrows_handler_curtain_left{ filter: brightness(0) saturate(100%) invert(53%) sepia(48%) saturate(4340%) hue-rotate(337deg) brightness(102%) contrast(102%); transition: 200ms; } .wrapper_name_art{ font-size: 29px; line-height: 33px; } .header_buttons{ display: none; } .confirm_profile_btn{ width: 95%; } .not_found_routes>img{ display: none; } .subscribe_inf{ height: 364px; } .subscribe_inf>.clear_both{ clear: both; } .phones_carrier{ display: inline-block; margin-right: 20px; } .title_page{ font-size: 34px; } .wrapper_content { margin: 20px; } .departure_arrival>.clear_both, .from_to_country>.clear_both{ clear: unset; } div.departure_arrival>div>input, .from_address_point_txt.post_route, .to_address_point_txt.post_route{ width: calc(100% - 20px); } div.from_to_place>div>select{ width: 100%; } header{ padding: 3px 16px; margin-top: unset; } .header_logo, .header_btn_mover, .header_btn_sender{ margin-right: 26px; } header .header-first{ margin-top: 5px; } 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; } .container_inp_w_abr{ width: 100%; } #abbreviation_airport_in_search{ float: left; height: 60px; border-radius: 0 10px 0 0; border-top: 2px solid #E6E6E6; border-right: 2px solid #E6E6E6; border-bottom: 2px solid #E6E6E6; width: 60px; } .abbreviation_airport_in_search{ float: left; border-top: 2px solid #E6E6E6; border-right: 2px solid #E6E6E6; border-bottom: 2px solid #E6E6E6; height: 60px; /*width: 40%;*/ } .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{ /*width: 55.6%;*/ 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: calc(100% - 23px); } .cont-el-form-search-carrier.last > select{ width: 100%; border-radius: 0 0 10px 10px; border: 2px solid #E6E6E6; } .daterangepicker{ width: 291px; } .container_inf_about_moving{ width: 65%; margin: auto; } /*.carrier_inf_moving.left{*/ /* display: inline-block;*/ /* width: unset;*/ /* float: unset;*/ /* text-align: left;*/ /*}*/ /*.carrier_inf_moving.right{*/ /* display: inline-block;*/ /* width: unset;*/ /* float: unset;*/ /* text-align: right;*/ /*}*/ /*.arrow_inf_about_moving{*/ /* display: inline-block;*/ /* margin: 0 10px;*/ /* width: 100px;*/ /*}*/ .info_profile>div>div>.left-part-carrier-card>.container_inf_about_moving{ width: 98%; } .cont-el-form-search-carrier > button{ width: 100%; } .subscribe_inf_right_part{ width: 38%; margin-bottom: 20px; } .subscribe_inf>.clear_both{ clear: unset; } .button_profile_header{ display: none; } .button_profile_header_mobile{ display: inline-block ; margin-left: 5px; } .header_logo_mobile { margin-right: 20px; } .line_f_header{ top: 43px; } header .header-second{ margin-top: 3px; } .self_news_img{ width: 40%; } .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{ margin-top: 20px; } .benefit_img{ text-align: center; } .benefit_img_item{ width: 100%; margin-bottom: 40px; } .button_container{ margin-top: unset; } #more_button, #send_parcel_button{ width: 50%; } #title_static{ font-size: 33px; line-height: 42px; margin-bottom: 15px; } .subscribe_inf_left_part{ width: 50%; } details{ width: 100%; margin-right: unset; } 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; /*justify-content: center;*/ } .news_item, .news_item_static { margin-bottom: 40px; width: 49%; } .header-second-item, .header_btn_sender, .header_btn_mover{ display: none; } /* footer*/ .footer_logo{ text-align: center; margin: 40px auto; max-width: 90px; /*margin-left: 43%;*/ } .footer_text_sub{ text-align: center; } .footer_input_wrap{ justify-content: center; } .four-column{ display: unset; } footer{ height: unset; margin-top: 60px; } 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; } .footer_text_contact>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: 100%; } #request_btn{ width: 103%; } .bottom_block_static>form>.button_register{ padding: 10px 0; width: 97%; margin: unset; } /*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; margin-right: 10px; } .inputs{ display: block; margin-bottom: 10px; } .inp_firstname{ margin: unset; width: unset; margin-bottom: 10px; } .inputs>div>input{ width: 100%; } .agree_text{ font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; margin-bottom: 20px; } /* END registration page*/ /* for_customers*/ .top_block_static_wrapper{ background: unset; } #how_it_work_b{ width: 50%; margin-top: 20px; } .mid_block_static>.text_wrapper>span{ width: unset; } .map_wrapper>img{ width: 72%; height: auto; right: 13%; } .benefit_img_about_service>figure>figcaption{ margin: 15px auto; font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px; width: 153px; } .benefit_img_about_service{ flex-wrap: wrap; text-align: center; gap: unset; margin: unset; } figure { width: 32%; } .subscribes_container{ width: 100%; } .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: 50px 0 0; width: unset; margin: unset } .bottom_block_static>form>.inputs_l{ width: unset; padding: 10px 0; } .bottom_block_static>.form_wrapper>form>.button_register{ margin: 10px 0; width: 92%; padding: unset; } #scroll_to_div>form>.button_register{ width: 97%; margin: unset; } span#sub_title_static{ /*margin: unset;*/ } #title_static_customer{ font-size: 24px; font-style: normal; font-weight: 700; line-height: 36px; margin: unset; } #title_static_customer2{ font-size: 24px; margin-bottom: 25px; } ч .arrange_subscribe{ margin: 20px auto 20px auto; } /* for_customers*/ /* user_profile*/ section.profile{ padding: unset; width: 100%; float: unset; } .desctop_var_f_btns_temp{ display: none; } .cut_width_f_curtain{ position: sticky; top: 0; } .cut_width_f_curtain.n_profile.left{ position: sticky; /*min-width: 1280px;*/ } /*.cut_width_f_curtain.n_profile.close{*/ /* display: none;*/ /* min-width: 1280px;*/ /*}*/ /*.cut_width_f_curtain.n_profile.open{*/ /* display: block;*/ /* min-width: 1280px;*/ /* right: 0;*/ /*}*/ .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; top: 46px; display: none; } .menu_buttons.left.close{ left: -338px; transition: 200ms; position: absolute; width: 320px; } .menu_buttons.filters{ transition: 200ms; } .menu_buttons.left.close.filters{ left: -347px; transition: 200ms; position: absolute; width: 320px; } .cut_width_f_curtain.left{ top: 29px; } .menu_buttons.left.open.filters{ max-height: 93vh; top: 0; left: 0; } .block_w_paging.routes { width: 100%; float: right; } .menu_buttons.left .handler_menu{ transform: rotate(90deg); left: -48px; width: 91px; height: 18px; display: block; position: fixed; text-align: center; top: 39%; border-radius: 10px 10px 0 0; padding: 7px 18px 7px 18px; } .support .menu_buttons.left.open { max-height: calc(100vh - 44px); } .menu_buttons.right.open{ right: 0; transition: 200ms; position: absolute; /* padding-top: 10px; */ width: 320px; top: 0; border-radius: 10px; display: block; } .menu_buttons.curtain.left.open.first.filters{ left: -320px; } .menu_buttons.curtain.left.open.filters{ left: 0; } .menu_buttons.left.open{ left: 0; transition: 200ms; position: fixed; float: unset; padding-top: 10px; width: 320px; height: 100vh; max-height: 100vh; } .support .menu_buttons.left.open{ margin-top: 0; } .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; } .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: 2px; } .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: 2px; } .menu_buttons.open .block_overlay{ display: block; } .text_f_curtain{ display: inline-block; font-size: 13px; } .menu_profile{ width: 320px; text-align: -webkit-center; } .menu_profile>div{ width: 274px; } .menu_profile>div>a{ font-size: 12px; line-height: 13px; } .block_overlay{ height: 100vh; width: 100vw; /*background: rgba(39, 53, 62, 0.7);*/ backdrop-filter: blur(6px); z-index: 100; position: fixed; top: 0; right: 0; } .support .menu_buttons.left.open.margin{ margin: 0; } .block_overlay.show{ display: block; } #customer>a, #mover>a{ left: 5%; } .menu_profile>div>img.svg{ top: 18px; left: 1px; } .info_profile{ width: 69%; float: none; /*margin-left: 25px;*/ } .text_btn_profile{ font-size: 12px; top: 20px; } .block-list-of-users{ display: none; } .block-chat{ width: 100%; height: 88vh; } .name_ticket{ width: 100%; } .menu_buttons.curtain.left.close.chat{ left: -338px; transition: 200ms; position: absolute; width: 320px; } .left-part-block-enter-message{ width: calc(70% - 74px); } .right-part-block-enter-message{ width: 74px; } .container-message_support_chat{ width: 70%; min-height: unset; margin-bottom: 25px; } .container-message-req-sprt{ height: unset; width: unset; } #modified_date{ float: right; } .message-sprt-inf{ width: unset; float: unset; text-align: unset; margin-bottom: 20px; } .message-sprt-title{ padding-top: unset; float: unset; } /* END user_profile*/ /* feedback_form*/ .feedback_form{ padding: unset; } .feedback_form>form{ width: unset; } .left_inputs_form, .right_inputs_form{ float: none; width: 100%; } .inputs_l>input{ width: calc(100% - 15px); } .inputs_l{ width: 100%; } .counter-box>textarea{ width: calc(100% - 15px); max-width: unset; min-width: unset; } button#send_feedback_form{ width: 100%; } button#send_feedback_form:active{ box-shadow:unset; background: rgba(255, 97, 58, 0.60); } /* END feedback_form*/ /* news_page*/ .wrapper_advertisement{ padding: unset; } /*.advertisement_block_news{*/ /* height: 80px;*/ /*}*/ .three_pinned_news{ margin: unset; } .news_gradient{ height: 53px; } .news_item_pagination{ width: unset; padding-top: 1px; margin-bottom: 40px; } .pag_news_item_text{ width: 70%; } /* 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*/ /*create_route*/ select#id_type_transport{ width: 100%; background: white; } /*.departure_arrival>div:first-child, .from_to_place>div:first-child, .from_to_country>div:first-child, .phone>div:first-child,*/ /*.departure_arrival>div:nth-child(2), .from_to_place>div:nth-child(2), .from_to_country>div:nth-child(2), .phone>div:nth-child(2){*/ /* width: unset;*/ /* float: none;*/ /*}*/ .wrap_left, .from_country_container, #arrival_div, .wrap_right, .phone_right{ width: unset; float: none; } .js-input, input#id_phone, input#id_extra_phone{ width: calc(100% - 10px); } #img_msg_by_email{ left: 81%; } /*END create_route*/ /* my_routes*/ .left-part-carrier-card, .inf_carrier_container{ width: unset; float: none; padding: 1px 20px; border-right: unset; } .control_frame{ top: 3px; } .inf_carrier_container{ padding-top: 70px; padding-bottom: 10px; } .carrier-card>.clear_both{ clear: unset; } .route_info_about{ margin: unset; text-align: center; font-size: 12px; font-style: normal; font-weight: 400; line-height: 40px; } .cargo_type_disp{ margin: unset; float: left; } .cargo_weight{ float: none; margin: unset; } .cargo_type_trans{ display: block; margin-bottom: 15px; float: unset; } .from-to-country-container-carrier{ width: unset; padding: 10px; } .splitter-from-to-country{ margin-left: 8%; } .from-to-country-text.left, .from-to-country-text.right{ width: 41%; font-size: 12px; font-style: normal; font-weight: 600; line-height: 20px; } .carrier-title, .type_transportation_carrier{ font-size: 12px; margin-top: 20px; display: inline-block; width: unset; float: unset; } .line_inf_about_moving{ font-size: 12px; font-style: normal; font-weight: 600; text-align: center; } .line_inf_about_moving>.clear_both{ clear: unset; } .phones_carrier>.clear_both{ clear: unset; } .email_carrier>.clear_both{ clear: unset; } .from-to-city-text{ font-size: 12px; font-weight: 400; /*padding-bottom: 10px;*/ /*padding-top: unset;*/ } .arrow_inf_about_moving{ left: unset; } .title_container_inf_carrier{ font-size: 14px; font-style: normal; font-weight: 600; text-align: center; margin-top: 7px; } .inf_carrier_icon{ width: 20px; display: inline-block; } .phones_carrier_span, .email_carrier_span{ width: unset; float: unset; /*background: linear-gradient(92deg, #000000 1%, #ffffff 93%, #ffffff);*/ /*background: linear-gradient(90deg, #000000 1%, #ffffff 81%, #ffffff);*/ padding-right: unset; font-size: 14px; top: unset; /*background: linear-gradient(99deg, #000000 1%, #ffffff 16%, #ffffff);*/ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .email_carrier{ display: inline-block; } .name_carrier{ font-size: 14px; position: unset; } /*.phones_carrier{*/ /* display: inline-block;*/ /*}*/ /*.phones_carrier>.inf_carrier_icon{*/ /* width: 100%;*/ /*}*/ /* END my_routes*/ /* support*/ .container-support-btn, .container-sprt-inf-txt{ float: none; width: unset; text-align: center; } .send-ticket-suprt-btn{ width: 100%; } .container-requests-tech-sprt{ margin-top: 100px; } .title-profile-cont{ font-size: 34px; font-style: normal; font-weight: 700; line-height: 42px; } /* END support*/ /* subscribe*/ .b_another_subscribes{ width: 97%; } .state_subscribe, .state_subscribe > a{ font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .label_toggle_switch_cont{ width: 92%; } .title_subscribe{ font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } .name_subscribe{ font-size: 18px; font-style: normal; font-weight: 600; line-height: 26px; } .subscribe_was_paid{ font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; margin-bottom: 20px; } .label_toggle_switch_cont > label{ font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .title_options{ font-size: 18px; font-style: normal; font-weight: 600; line-height: 26px; } .inf_about_tarif_plan_text{ font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; /*margin: 20px auto;*/ margin: 0 auto 20px; width: 100%; } .another_subscribe{ width: 100%; height: unset; margin: 20px auto; padding: 10px; justify-content: space-between; } .subscribe_wrpapper{ justify-content: space-between; } .text_another_subscribe{ font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .padding-n-width-another-subscribes{ /*padding-bottom: 10px;*/ padding-right: unset; width: unset; } .read_more_about_subscribe{ /*margin-bottom: 20px;*/ width: unset; } /* END subscribe*/ /* my_profile*/ .f-l, .f-r{ float: none; width: unset; } .f-l>.clear_both{ clear: unset; } .f-r>.clear_both{ clear: unset; } .block_inf_profile>.clear_both{ clear: unset; } .block_inf_profile{ padding-top: 20px; border-bottom:unset; text-align: center; } .upload_photo_container{ border-bottom: 2px solid #E6E6E6; margin-bottom: 40px; } .container_el_form_profile{ width: 100%; margin: 2.5% 0.5% 0.5% 0.5%; } .wrapper_switch_cont{ width: 100%; } #customer>.text_btn_profile{ top: 12px; left: 70px; width: 50%; } #mover>.text_btn_profile{ top: 12px; left: 70px; width: 50%; } /* END my_profile*/ /* */ .second-footer{ height: unset; } .menu_buttons.right.n_profile.open { right: 0; transition: 200ms; position: fixed; display: block; padding-top: 10px; top: 35px; background: #ffffff; } .menu_buttons.right.n_profile.open .handler_menu{ background: #FFFFFF; color: #000000; } .menu_buttons.n_profile.close .handler_menu{ background: #FF613A; color: #FFFFFF; } .menu_buttons.n_profile.right .handler_menu{ transform: rotate(270deg); right: -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; } } @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; } .cookie_block{ width: 100%; } .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; } .popup_content{ width: 41%; } } @media (max-width: 950px){ #title_static_small{ display: none; } .info_profile{ width: 65%; float: none; /*margin-left: 25px;*/ } .previous_next_news{ flex-wrap: wrap; } .news_item, .news_item_static{ width: 490px; margin: 0 auto 30px; } .news_item_pagination{ width: 490px; } .pag_news_img{ width: unset; } .news_item_pagination.odd .pag_news_img, .news_item_pagination.odd .pag_news_item_text{ float: unset; } .news_item_pagination.even .pag_news_img, .news_item_pagination.even .pag_news_item_text{ float: unset; } .pag_news_item_text{ width: unset; } .popup_content{ width: 52%; } } @media (max-width: 850px){ .cards_item_1, .cards_item_2, .cards_item_3, .cards_item_4{ width: 70%; height: unset; float: unset; margin: 15px auto; } .cards_item_img, .cards_item_text{ float: unset; width: unset; } .cards_item_1>.cards_item_img>img, .cards_item_2>.cards_item_img>img, .cards_item_3>.cards_item_img>img, .cards_item_4>.cards_item_img>img{ float: unset; aspect-ratio: 4/3; object-fit: cover; width: 100%; border-radius: 10px; } .cards_item_text{ padding-bottom: 20px; } .card_title_1{ margin: 25px 0 0 20px; } .read_more_about_subscribe, .read_more_about_subscribe.error { padding: 0 14px; height: 30px; font-size: 14px; } .subscribe_inf_right_part, .subscribe_inf_left_part{ width: 100%; float: unset; margin: 10px auto; } .subscribe_inf{ height: unset; } .wrapper_switch_cont>.width-100 { display: inline-block; } .info_profile>div>div>.left-part-carrier-card>.container_inf_about_moving>.line_inf_about_moving>.arrow_inf_about_moving{ width: 85px; } .info_profile>div>div>.left-part-carrier-card>.container_inf_about_moving>.line_inf_about_moving>.carrier_inf_moving.right{ width: 33%; } .info_profile>div>div>.left-part-carrier-card>.container_inf_about_moving { width: 90%; } .container_inf_about_moving{ width: 78%; margin: auto; } .info_profile{ width: 61%; float: none; /*margin-left: 25px;*/ } .container_subscribe{ margin: 20px 16px; width: unset; } .type_of_subscribes{ flex-direction: column; align-items: center; } .input_toggle_switch_display{ width: 26px; } .label_toggle_switch_cont{ width: 88%; } .toggle_switch_cont{ margin-top: 6px; width: unset; } } @media (max-width: 800px) { .line_inf_about_moving{ margin-bottom: 40px; } .marker_messages_mobile{ position: absolute; top: 0; right: 0; border-radius: 100%; background: #ff0000; height: 14px; width: 15px; } .marker_messages_mobile.hide{ display: none; } .marker_messages_mobile.show{ display: block; } .popup_content>.confirm_profile_btn{ width: 90%; } } @media (max-width: 828px){ /*.to_address_point_txt.find_route {*/ /*width: 54.6%;*/ /*}*/ /*.from_address_point_txt.find_route.first {*/ /* width: 54.1%;*/ /*}*/ .inf_carrier_icon{ /*width: 4%;*/ } .info_profile{ width: 59%; float: none; /*margin-left: 25px;*/ } } @media (max-width: 776px){ .font-large{ font-size: 20px; } .wrapper_text_art>p{ font-size: 14px; } .subscribe_wrpapper{ flex-direction: column; } .info_profile>div>div>.left-part-carrier-card>.container_inf_about_moving>.line_inf_about_moving>.carrier_inf_moving.left{ width: 39%; } .info_profile { width: 56%; float: none; } .benefit_img>img{ display: none; } .benefit_img{ flex-wrap: wrap; } } @media (max-width: 699px){ .block-chat.support { /*height: calc(100vh - 190px);*/ /*1. 100svh 2. 45px - header 3. name_ticket 4. just padding */ height: calc(100svh - 45px - 40px - 50px); } .block-chat{ /*height: calc(88vh - 50px);*/ /*1. 100svh 2. 45px - header 3. just padding */ height: calc(100svh - 45px - 50px); } .block_overlay.show{ display: block; } .block_overlay.show.routes { display: block; } /*этот стиль перекрывал блок диалога в сообщения блюром*/ .menu_buttons.right.open { right: 0; transition: 200ms; position: fixed; display: block; padding-top: 10px; top: 35px; background: #ffffff; } .dropdown-content-lang{ z-index: 1 ; } .menu_buttons.right.open .handler_menu{ background: #FFFFFF; color: #000000; } .menu_buttons.close .handler_menu{ background: #FF613A; color: #FFFFFF; } .menu_buttons.right .handler_menu{ transform: rotate(270deg); right: -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_profile{ background: #FFF; } .menu_buttons.right.open .menu_profile{ padding-top: unset; } .menu_profile>div{ height: 30px; margin-top: 3px; margin-bottom: 8px; } #customer>.text_btn_profile, #mover>.text_btn_profile{ top: 8px; } /*.text_btn_profile{*/ /* top: 14px;*/ /*}*/ .menu_profile > .subscribe_type_txt{ margin-bottom: 12px; padding-top: 12px; } .menu_profile>div>img.svg{ margin-top: 4px; } .info_profile{ width: 100%; } .subscribe_wrpapper{ padding: 10px; flex-direction: unset; justify-content: space-between; } .inf_carrier_icon{ /*width: 3%;*/ } .popup_content{ width: 70%; } } @media (max-width: 687px){ /*.to_address_point_txt.find_route {*/ /* width: 52.6%;*/ /*}*/ /*.from_address_point_txt.find_route.first {*/ /* width: 52.1%;*/ /*}*/ .info_profile>div>div>.left-part-carrier-card>.container_inf_about_moving{ width: 98%; } .container_inf_about_moving { width: 97%; margin: auto; } .self_news_img{ width: 45%; } .subscribe_inf{ width: 95%; margin-bottom: 20px; } .subscribe_inf_right_part{ width: 100%; float: none; } .subscribe_inf_left_part{ width: 100%; float: none; margin: 10px auto; } .wrapper_switch_cont>.width-100{ display: inline-block; } .agree_text{ margin-bottom: 10px; } } @media (max-width: 575px){ .info_profile>div>div>.left-part-carrier-card>.container_inf_about_moving{ width: 89%; } .phones_carrier{ display: block; } .news_item_pagination{ width: 100%; } .previous_next_news>.news_item_static{ margin: unset; margin-bottom: 40px; } .news_item, .news_item_static{ width: 100%; } .first-line-card-carrier{ text-align: center; } .from-to-city-text{ padding-top: unset; } .container_inf_about_moving{ width: 100%; padding: 16px; } .arrow_inf_about_moving{ width: 75px; } .carrier_inf_moving.right{ width: 31%; } .self_news_img{ width: 100%; margin-left: unset; float: unset; margin-bottom: 20px; } .inf_carrier{ margin-bottom: unset; } .name_carrier{ position: relative; } .splitter-from-to-country{ margin-left: 7%; } #how_it_work_b{ width: 100%; margin-top: 20px; } #more_button{ width: 100%; margin-top: 40px; } #send_parcel_button{ width: 100%; margin-top: 40px; } .news_block_main{ justify-content: center; } /*.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; } .card_title_2{ font-size: 18px; font-style: normal; font-weight: 600; line-height: 26px; } .card_title_3{ font-size: 12px; font-style: normal; font-weight: 400; line-height: 20px; } .cards_wrapper{ flex-direction: column; } .cont-el-form-search-carrier.last > select{ width: 100%; } /* .to_address_point_txt.find_route {*/ /* width: 51.6%;*/ /*}*/ /*.from_address_point_txt.find_route.first {*/ /* width: 51.1%;*/ /*}*/ .another_subscribe{ /*padding: 15px 0 0;*/ } .read_more_about_subscribe{ width: unset; } .dropdown-content{ width: 202px; top: 27px; left: -83px; } .text_wrapper{ background-size: 85%; background-image: url(/static/img/svg/mobMap.svg); background-repeat: no-repeat; background-position: right; } .map_wrapper{ display: none; } .benefit_img_about_service{ gap: 20px; } .inf_carrier_icon{ /*width: 4%;*/ } } @media (max-width: 466px) { .switch{ width: 235px; flex-wrap: wrap; height: unset; padding: 10px; } .form_radio_btn{ margin-bottom: unset; width: unset; height: unset; } .form_radio_btn label{ height: 30px; } /*.to_address_point_txt.find_route {*/ /* width: 48.4%;*/ /*}*/ /*.from_address_point_txt.find_route.first {*/ /* width: 47.95%;*/ /*}*/ .container_inp_w_abr { width: 100%; } .another_subscribe{ padding: 15px 0; } .subscribe_wrpapper, .error_order{ flex-direction: column; justify-content: unset; width: unset; } } @media (max-width: 440px){ .card_title_3{ margin: 20px 5px 0 20px; } .f-r{ text-align: left; } .container-message_support_chat.right, .container-message_support_chat.left{ width: 75%; } .info_profile>div>div>.left-part-carrier-card>.container_inf_about_moving>.line_inf_about_moving>.carrier_inf_moving.left { width: 35%; } .inf_carrier_container { padding-top: 5px; } .line_inf_about_moving{ margin-bottom: 60px; height: 20px; } .arrow_inf_about_moving{ width: 60px; } .carrier_inf_moving.right { width: 33%; } .carrier_inf_moving.left{ width: 35%; } .carrier-title, .type_transportation_carrier{ text-align: center; width: unset; float: unset; margin-top: 20px; } .splitter-from-to-country { margin-left: 5%; } .benefit_img_about_service { flex-direction: column; align-content: center; } figure { width: unset; } button.confirm_remove{ width: 48.5%; margin-bottom: 7px; } .phones_carrier_span, .email_carrier_span{ top: -1px; } .inf_carrier_icon { /*width: 6%;*/ } .info_profile>div>div>.left-part-carrier-card>.container_inf_about_moving>.line_inf_about_moving>.arrow_inf_about_moving { width: 70px; } } @media (max-width: 360px){ #customer>.text_btn_profile, #mover>.text_btn_profile{ width: 53%; } .loader_chat_f_sw_chats.show { display: block; height: 100px; width: 100px; position: absolute; top: 35%; left: 34%; } .menu_buttons.left.open.filters { width: calc(100vw - 35px); background: #FFFFFF; border-radius: 10px; height: 100vh; left: 19px; padding: 13px; /* position: fixed; */ float: left; text-align: left; position: absolute; top: 0; transition: 0ms; scrollbar-width: none; box-sizing: border-box; } .menu_buttons.right.open { right: 0; transition: 200ms; position: fixed; display: block; padding-top: 10px; top: 35px; background: #ffffff; width: calc(100vw - 35px); } .menu_profile>div { width: 80%; } .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: 2px; */ padding-right: 0; bottom: -2px; position: relative; } .menu_buttons.left.open { left: 0; transition: 200ms; position: fixed; float: unset; padding-top: 10px; height: 100vh; max-height: 100vh; width: calc(100vw - 35px); } .menu_buttons.left.open.first.filters .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-left: 10px; position: relative; top: 7px; } .menu_profile { width: 100%; text-align: -webkit-center; } .menu_buttons.right.open .handler_menu { background: #FFFFFF; color: #000000; right: calc(100vw - 83px); } .menu_buttons.left.open .handler_menu { background: #FFFFFF; color: #000000; left: calc(100vw - 83px); } .tab-btn-1{ padding: unset; } .tab-btn-2{ padding: unset; } .tab-btn-active{ padding: 10px 55px; } .wrapper_tab_button{ width: 250px; /*margin-top: 20px;*/ } .tabs>div>#title_static{ line-height: 30px; } summary:before{ right: 10px; } } /*END media breakpoints*/