/*media breakpoints*/


@media (max-width: 1199px){
    .benefit_img_about_service>figure>img{
        width: 173px;
    }
}
@media (max-width: 1199px){ }
@media (max-width: 1064px){
   .header_logo, .header_btn_mover, .header_btn_sender{
    margin-right: 26px;
}

}
@media (max-width: 1024px)  {

   .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: 5px 16px;
        margin-top: unset;
    }
    .header_logo, .header_btn_mover, .header_btn_sender{
        margin-right: 26px;
    }
    header .header-first{
        margin-top: 10px;
    }

    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: 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: 93%;
        border-radius: 0 0 10px 10px;
        border: 2px solid #E6E6E6;
     }
     .daterangepicker{
         width: 291px;
     }
     .cont-el-form-search-carrier > button{
         width: 94%;
     }

    .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%;
        margin-top: 20px;
    }
    .benefit_img{

        text-align: center;
    }
    .benefit_img_item{
        width: 100%;
        margin-bottom: 40px;
    }
    .button_container{
        margin-top: unset;
    }
    .tab-btn-2{
        margin: 0 0 5px 0;
    }
    button#more_button{
        width: 50%;
        margin-top: 40px;
    }
    #title_static{
        font-size: 33px;
        line-height: 42px;
    }


    details{
        width: 100%;
        margin-right: unset;
    }

    .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;
    }

    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 {
        margin-bottom: 40px;
        width: 49%;
    }


    .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;
    }

    .first-column>div:nth-child(2)>div:last-child{
        justify-content: 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: 50%;
        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>figure>figcaption{
        /*margin: 15px auto;*/
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 22px;
        width: 197px;
    }
    .benefit_img_about_service{
            flex-wrap: wrap;
    }
    figure {
    width: 32%;
}

    .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;
        width: 100%;
        float: unset;
    }

    .dectop_var_f_btns_temp{
        display: none;
    }


    .cut_width_f_curtain{
        position: sticky;
        top: 61px;
    }
    .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;
    }

    .menu_buttons.left.close{
        left: -338px;
        transition: 200ms;
        position: absolute;
        width: 320px;
    }
    .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;
    }
    .menu_buttons.right.open{
    right: 0;
    transition: 200ms;
    position: absolute;
    display: block;
    /* padding-top: 10px; */
    width: 320px;
    top: 0;
    border-radius: 10px;
}

    .menu_buttons.left.open{
        left: 0;
        transition: 200ms;
        position: fixed;
        float: unset;
        padding-top: 10px;
        width: 320px;
    }
    .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: 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;
    }
    .menu_buttons.open .block_overlay{
        display: block;
    }



     .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;
    }

    .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;
    }
    #customer>a, #mover>a{
        left: 5%;
    }
    .menu_profile>div>img.svg{
        top: 18px;
        left: 1px;
    }
    .info_profile{
        width: 60%;
        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;
    }
    .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;

    }
    .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: 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*/

/*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;
    }
    .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;

    }

    .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;
    }
    .route_info_about>span:first-child{
        margin: unset;
        float: left;
    }
    .route_info_about>span:last-child{
        float: none;
        margin: unset;
    }
    .route_info_about>span:nth-child(2){
        float: right;
    }

    .from-to-country-container-carrier{
        width: unset;
        padding-left: 10px;
        padding-right: 10px;
    }
    .splitter-from-to-country{
        margin-left: 5%;
    }

    .from-to-country-text.left, .from-to-country-text.right{
        width: 41%;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;

    }

    .line_inf_about_moving{
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
    }
    .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;
    }
    .arrow_inf_about_moving{
        top: 7px;
        width: 17%;
        left: unset;

    }
    .title_container_inf_carrier{
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        text-align: center;
    }
    .inf_carrier_icon{
        width: 7%;
    }
    .name_carrier{
        font-size: 12px;

    }
/* 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{
        max-width: 272px;
        margin: auto;
    }
    .state_subscribe, .state_subscribe > a{
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }

     .subscribe_inf{
        max-width: 260px;
        margin: auto;
    }


    .subscribe_inf_left_part{
        width: 100%;
        float: none;
        margin: 10px auto;
    }
    .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;
    }

    .subscribe_inf_right_part{
        width: 100%;
        float: none;
    }

    .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;
        width: 262px;

    }
    .another_subscribe{
        width: 102%;
        height: unset;
        flex-direction: column;
        margin: 20px auto;
        padding: unset;

    }
    .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;
    }




/*  END  subscribe*/
/*    my_profile*/
    .f-l, .f-r{
        float: none;
        width: 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{
        max-width: 245px;
    }

    #customer>.text_btn_profile{
        top: 12px;
        left: 70px;
        width: 50%;
    }

    #mover>.text_btn_profile{
        top: 12px;
        left: 70px;
        width: 50%;
    }


/*  END  my_profile*/

/*    */

}
@media (max-width: 776px){

    .info_profile {
    width: 54%;
    float: none;}


    .benefit_img>img{
        display: none;
    }
    .benefit_img{
        flex-wrap: wrap;

    }

}

@media (max-width: 699px){
    .block_overlay.show{
        display: block;
     }
    /*этот стиль перекрывал блок диалога в сообщения блюром*/
    .menu_buttons.right.open {
        right: 0;
        transition: 200ms;
        position: fixed;
        display: block;
        padding-top: 10px;
        top: 35px;
        background: #F8F8F8;
    }

      .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;
    }

    .info_profile{
        width: 100%;
    }
}
@media (max-width: 575px){

    #how_it_work_b{
        width: 100%;
        margin-top: 20px;
    }
    button#more_button{
        width: 100%;
        margin-top: 40px;
    }

    .news_item{
        width: 100%;
    }
    .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%;
    }

    .cards_wrapper{
        flex-direction: column;
    }

    .cont-el-form-search-carrier.last > select{
            width: 95%;
    }
}
@media (max-width: 440px){
    .container_inp_w_abr{
        width: 99%;
    }
    .cont-el-form-search-carrier.last > select{
        width: 97%;
    }
}
@media (max-width: 440px){
    .benefit_img_about_service {
     flex-direction: column;
        align-content: center;

}
    figure {
     width: unset;
}
}
@media (max-width: 360px){

}





/*END media breakpoints*/