@media (min-width: 1600px){
    *{
        --coef: 0.95; 
    }
}

@media (min-width: 1750px){
    *{
        --coef: 0.8; 
    }
}

@media (min-width: 1921px){
    *{
        --coef: 0.75; 
    }
}


@media (max-width: 1440px){
    *{
        --value-1: 1px;
    }
}

@media (max-width: 1100px){
    *{
        --coef: 1.05; 
    }
}

@media (max-width: 767px){
    *{
        --value-2: 2px;
        --value-3: 3px;
        --value-4: 4px;
        --value-5: 5px;
        --value-6: 6px;
        --value-7: 7px;
        --value-8: 8px;
        --value-9: 9px;
        --value-10: 10px;
        --value-12: 12px;
        --value-13: 13px;
        --value-14: 14px;
        --value-15: 15px;
        --value-16: 16px;
        --value-18: 18px;
        --value-20: 20px;
        --value-22: 22px;
        --value-24: 24px;
        --value-25: 25px;
        --value-28: 28px;
        --value-30: 30px;
        --value-32: 32px;
        --value-34: 34px;
        --value-40: 40px;
        --value-48: 48px;
        --value-50: 50px;
        --value-58: 58px;
        --value-60: 60px;
        --value-64: 64px;
        --value-70: 70px;
        --value-80: 80px;
        --value-90: 90px;
        --value-100: 100px;

        --default-font-size: 14px;
        --default-body-line-height: 1.43;
    }

    .container{
        padding: 0 16px;
    }

    .rows{
        gap: 24px;
    }

    .title-box{
        gap: 8px;
    }

    .title-box .title{
        font-size: 18px; 
        line-height: 1.11;
    }
    
    .title-box.sect-title .title{
        font-size: 24px; 
        line-height: 1.17;
    }
    
    .title-box.main-title .title{
        font-size: 28px; 
        line-height: 1.29;
    }

    header .main-bar {
        padding: 12px 0;
    }

    header .sign-in-box{
        display: none;
    }

    header .menu-bt-box,
    header .menu-phone-box,
    header .menu-sign-in-box,
    header .menu-logo-box,
    header .close-menu{
        display: block;
    }

    header .menu-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        padding: 10px;
    }

    header .menu-btn img{
        width: 24px;
        height: auto;
    }

    header .main-bar .columns{
        gap: 12px;
    }

    header .animation-btn-box{
        margin-left: -12px;
    }

    header.show-btn .phone{
        color: transparent;
        padding: 10px;
    }

    header.show-btn .phone img,
    header.show-btn .phone svg{
        display: block;
    }

    header .phone{
        padding: 12px 10px;
    }

    header .phone i{
        width: 102px;
        overflow: hidden;
        white-space: nowrap;
        transition: .2s ease width;
        -o-transition: .2s ease width;
        -webkit-transition: .2s ease width;
        -moz-transition: .2s ease width;
    }

    header .phone-box{
        transition: .2s ease margin-right;
    }

    header.show-btn .phone-box{
        margin-right: -12px;
    }
    
    header.show-btn .phone i{
        width: 0;
    }

    header .menu-box{
        position: fixed;
        top: 0;
        right: -375px;
        width: 375px;
        background-color: var(--color-base);
        z-index: 1;
        height: 100dvh;
        justify-content: flex-start;
        padding: 12px 16px 50px;
        z-index: 999;
        overflow-x: hidden;
        overflow-y: scroll;
        transform: translateX(0%);
        transition: transform .3s ease-out;
        -o-transition: transform .3s ease-out;
        -moz-transition: transform .3s ease-out;
        -webkit-transition: transform .3s ease-out;
    }

    header .menu-box.active {
        transform: translateX(-100%);
    }

    header .main-bar .wrap-menu{
        flex-direction: column;
        text-align: center;
        gap: 0;
    }

    header .menu-box ul{
        flex-direction: column;
        gap: 0;
    }

    header .menu-box ul li a,
    header .menu-box ul li span{
        padding: 8px 16px;
        min-width: 100px;
        width: 100%;
        font-size: 20px;
        line-height: 1.6;
    }

    header .menu-phone-box .phone,
    header .menu-sign-in-box .sign-in{
        padding: 8px 16px;
        font-size: 20px;
        border: none;
        line-height: 1.6;
    }

    header .menu-btn-box{
        margin-top: 4px;
        display: block;
    }

    header .menu-logo-box{
        width: 100%;
        text-align: left;
        margin-bottom: 24px;
        margin-top: 12px;
    }

    .close-menu{
        padding:10px;
        position: absolute;
        top:12px;
        right: 16px;
    }

    .close-menu img,
    .close-menu svg{
        width: 24px;
    }

    .page-exp-n .close-menu svg path{
        fill: #fff;
    }


    .overlay {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: rgb(0 0 0 / 40%);
        opacity: 0;
        z-index: 1;
        visibility: hidden;
        transition: visibility .3s ease-out, opacity .3s ease-out;
        -o-transition: transform .3s ease-out, opacity .3s ease-out;
        -moz-transition: transform .3s ease-out, opacity .3s ease-out;
        -webkit-transition: transform .3s ease-out, opacity .3s ease-out;
    }

    .overlay.active{
        opacity: 0.7;
        visibility: visible;
    }

    .sect{
        padding: 24px 0;
    }

    .main-wrap {
        --header-height: 68px;
    }

    .title-box .title br{
        display: none;
    }

    .sect.head-sect{
        margin-bottom: 24px;
        padding-top: calc(var(--header-height) + 16px);
        min-height: auto;
    }

    .sect.head-sect .columns{
        padding-right: 0;
        grid-gap: 30px;
    }
    
    .sect.head-sect .content-box {
        gap: 16px;
        font-size: 14px;
        line-height: 1.43;
        max-width: 360px;
    }

    .sect.head-sect .img-box {
        width: 133px;
    }

    footer .footer-bar {
        grid-template-columns: repeat(3, 1fr);
    }

    footer .pad-left {
        padding-left: 0;
    }

    footer .footer-bar.bottom{
        grid-template-columns: repeat(2, 1fr);
    }

    footer li.more-link a{
        text-decoration: underline;
    }

    footer .logo-box{
        order: 1;
    }

    footer .copyright{
        order: 2;
    }

    footer .footer-bar.bottom .col-span-2{
        grid-column-start: initial;
    }

    footer .links{
        grid-column-start: span 2;
        grid-template-columns: repeat(2, 1fr);
        display: grid;
        grid-gap: 30px;
    }

    footer{
        padding: 40px 0;
        margin-top: 24px;
    }

    .sect.text-img-sect .columns,
    .sect.text-img-sect.type-2 .columns{
        grid-template-columns: repeat(2, 1fr);        
        grid-gap: 24px;
    }

    .sect.text-img-sect .image-block{
        align-items: center;
    }

    .sect.text-img-sect .content-box{
        gap: 8px;
    }

    .message-box{
        padding: 8px;
        grid-gap: 8px;
        text-align: left;
    }

    .message-box.great-news{
        width: 265px;
    }

    .sect.text-img-sect .image-block .message-box{
        position: relative;
        top: initial;
        right: initial;
        margin-top: -16px;
    }

    .message-box.great-news .ava-box{
        width: 48px;
        height: 48px;
    }

    .message-box.great-news .name{
        font-size: 12px;
    }

    .sect.triggers.primary,
    .sect.triggers.secondary{
        padding: 48px 0;
        margin: 24px 0;
    }

    .sect.triggers .items-list {
        text-align: center;
    }

    .sect.triggers .items-list .item .ico-box{
        margin: 0 auto;
    }

    .sect.triggers .item .title-box.main-title .title{
        font-size: 32px;
    }

    .mobile-scroll{
        overflow-x: auto;
        padding: 0 16px;
        margin: 0 -16px;
        width: 100vw;
        display: flex;
    }

    .mobile-scroll::-webkit-scrollbar{
        display: none;
    }

    .mobile-scroll .items-list{
        display: flex;
        flex-wrap: nowrap;
    }

    .items-posts-list{
        gap: 16px;
    }

    .items-posts-list .item-post{
        min-width: 280px;
    }

    .link::after{
        width: 20px;
        height: 20px;
        background-size: 20px;
    }

    .slider-box .item {
        padding: 0 8px;
    }

    .sect .slider-cities {
        width: 100%;
        overflow: hidden;
        padding: 0 15px!important;
    }

    .avatar-rows .item {
        width: 64px;
        height: 64px;
    }

    .avatar-rows{
        grid-gap: 8px;
    }

    .avatar-rows .item:nth-child(n+13):nth-child(-n+24) {
        transform: translateX(-52px);
    }

    .life-travalign .travalin-box{
        order: 1;
        text-align: center;
        width: 100vw;
    }

    .life-travalign .travalin-box,
    .life-travalign .img-box{
        margin: 0 -16px;
    }

    .steps-list .item{
        grid-gap: 12px;
    }

    .reviews-list{
        gap: 8px;
    }

    .reviews-list .item{
        width: 280px;
    }

    .sect.reviews .rev-sect-info {
        max-width: 430px;
        gap: 16px;
    }

    .sect.reviews .rev-sect-info img {
        width: 32px;
    }

    .sect.platforms .columns{
        grid-template-columns: 1fr;
        grid-gap: 24px;
    }

    .item-platform{
        padding: 48px 20px;
    }

    .sect.humans-trip {
        padding: 48px 0;
        margin: 24px 0;
    }

    .humans-trips-slider.owl-carousel{
        width: calc(100% + 32px);
        max-width: initial;
        overflow: hidden;
        margin: 0 -16px;
        position: relative;
    }

    .humans-trips-slider .item-trip .img-box{
        max-width: 100%;
    }

    .humans-trips-slider .item-trip{
        gap: 24px;
    }

    .humans-trips-slider .item-trip .content{
        padding: 0 16px;
        font-size: 16px;
    }

    .humans-trips-slider .item-trip .author .name{
        font-size: 14px;
    }

    .humans-trips-slider .owl-nav .owl-next, 
    .humans-trips-slider .owl-nav .owl-prev{
        bottom: 30px;
        margin-top: 0;
        top: initial;
        transform: initial;
        width: 32px;
        height: 32px;
        background-size: 32px;
    }

    .humans-trips-slider .owl-nav .owl-prev{
        transform: scale(-1, 1);
    }


    .humans-trips-slider .owl-nav .owl-prev{
        left: 16px;
    }

    .humans-trips-slider .owl-nav .owl-next{
        right: 16px;
    }

    .sect.faq .rows{
        gap: 16px;
    }

    .faq-list .item .ask{
        font-size: 16px;
    }

    .sect.confidence .content .img-box img{
        max-width: 128px;
    }

    .sect.confidence .content{
        font-size: 16px;
    }

    .stears-list .item,
    .stears-list .item:nth-child(2n){
        grid-template-columns: 1fr;
        grid-gap: 24px;
    }

    .stears-list .item .content{
        text-align: center;
    }

    .stears-list .item:nth-child(2n) .img-box {
        order: 0;
    }

    .stears-list .item .options-list .item .ico-box {
        width: 20px;
    }

    .stears-list .item .options-list{
        flex-direction: initial;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px 12px;
    }

    .stears-list .item:nth-child(1) .message-box,
    .stears-list .item:nth-child(3) .message-box{
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: -16px auto 0;
    }

    .message-box.fly-box>div {
        padding: 8px;
    }

    .stears-list .item:nth-child(1) .message-box{
        max-width: 250px;
    }

    .stears-list .item:nth-child(3) .message-box{
        max-width: 305px;
    }

    .stears-list .item:nth-child(4) .message-box{
        max-width: 325px;
    }

    .stears-list .item:nth-child(2) .img-box{
        display: flex;
        flex-direction: column;
    }

    .stears-list .item:nth-child(2) .message-box{
        position: relative;
        top: 0;
        left: 0;
        transform: initial;
        order: -1;
        margin: 0 auto -16px;
        max-width: 245px;
    }

    .stears-list {
        gap: 38px;
    }

    .posts-box:has(.mobile-scroll){
        overflow: initial;
    }

    .destin-list{
        gap: 8px;
    }

    .mobile-scroll .tabs-nav{
        flex-wrap: nowrap;
        padding-right: 0;
    }

    .mobile-scroll .tabs-nav li{
        white-space: nowrap;
    }
    .mobile-scroll .tabs-nav li:has(img){
        display: inline-grid;
        grid-template-columns: 20px 1fr;
    }

    .tabs-nav li{
        font-size: 14px;
        padding: 12px 16px;
        border-radius: 4px;
    }

    .tabs-nav li img{
        width: 20px;
    }

    .tabs-block{
        gap: 16px;
    }

    .item-post-destin .price-box .price{
        font-size: 18px;
    }

    .item:has(.item-post-destin) {
        flex-direction: initial;
        gap: 8px;
    }

    .item-post-destin{
        min-width: calc(2.8 * var(--value-100));
    } 

    .sect.partners .partners-list .item{
        width: 121px;
        padding: 0 8px;
    }

    .sect.partners .partners-list{
        grid-template-columns: initial;
        margin: 0 -16px;
        width: 100vw;
    }

    .sect.partners .partners-list .item img {
        max-width: 85px;
        width: auto;
    }

    .sect.partners .partners-list .owl-controls{
        display: none;
    }

    .sect.partners {
        padding: 48px 0;
        margin: 24px 0;
        text-align: center;
    }

    .sect.partners .partners-block{
        grid-template-columns: 1fr;
        grid-gap: 24px;
    }

    .sect.partners .partners-block .info{
        grid-gap: 8px;
    }

    .search-form-sect:has(form.booking_form_new){
        min-height: initial!important;
        padding-bottom: 0!important;
    }

    .sect.partners-line {
        padding: 24px 0;
        margin-bottom: 24px;
    }

    .slider-cities .item-post{
        width: 260px;
    }

    /* step version */
    .step_order_home .search-form-sect .columns{
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .step_order_home .cards-box{
        align-items: center;
        order: -1;
        padding-top: 10px;
    }

    .step_order_home form.booking_form_new .top-bar{
        grid-column-start: initial;
    }

    .step_order_home .search-form-sect .main-title {
        text-align: center;
    }

    .step_order_home .search-form-sect .main-title,
    .step_order_home .form-frame:has(.booking_form_new){
        max-width: 347px;
    }

    .step_order_home form.booking_form_new .fields-list {
        grid-gap: 2px;
        grid-template-columns: 1fr;
    }

    .step_order_home form.booking_form_new .top-bar {
        margin-bottom: 0;
    }

    .step_order_home .form-frame:has(.booking_form_new) form {
        grid-gap: 12px;
    }

    .step_order_home form.booking_form_new .bt-box{
        margin-top: 0;
    }

    .step_order_home .step-review-card{
        max-width: 282px;
    }

    .step_order_home .step-review-card{
        padding: 20px;
        border-radius: 10px;
        font-size: 12px;
        gap: 10px;
    }
    
    .step_order_home .step-review-card .img-box {
        width: 36px;
        height: 36px;
    }

    .step_order_home .step-review-card .review-info {
        gap: 13px;
    }

    .step_order_home .step-review-card .name, 
    .step_order_home .step-review-card .title{
        font-size: 13px;
    }

    .step_order_home .step-review-card .logo-box img {
        width: 81px;
    }

    .step_order_home .step-review-card .avatars-list .item {
        width: 26px;
        height: 26px;
    }

    .step_order_home .stars .star{
        width: 16px;
        height: 16px;
    }

    .step_order_home .step-review-card .bottom-bar,
    .step_order_home .step-review-card .rating{
        gap: 6px;
    }

    .step_order_home .step-review-card.trustpilot {
        gap: 13px;
    }

    .step_order_home .step-review-card.trustpilot .head-box{
        gap: 6px;
    }

    .step_order_home .step-review-card:nth-child(1) {
        transform: rotate(6deg) translateX(25px);
    }

    .step_order_home .step-review-card:nth-child(2) {
        transform: rotate(-6deg) translateX(-25px);
        margin-top: -40px;
    }

    .step_order_home form.booking_form_new .bt{
        height: 42px;
    }

    .step_order_home form.booking_form_new .select2-container--search-airports .select2-selection__rendered{
        height: 56px;
    }

    .step_order_home form.booking_form_new .field-box:first-child,
    .step_order_home form.booking_form_new .field-box:first-child .select2-container--search-airports .select2-selection__rendered,
    .step_order_home form.booking_form_new .field-box:first-child select{
        border-top-left-radius: 4px!important;
        border-top-right-radius: 4px!important;
        border-bottom-left-radius: 0!important;
    }

    
    .step_order_home form.booking_form_new .field-box:nth-child(3),
    .step_order_home form.booking_form_new .field-box:nth-child(3) .select-trigger{
        border-top-left-radius: 0!important;
        border-bottom-left-radius: 0!important;
    }

    .step_order_home form.booking_form_new .field-box:nth-child(2),
    .step_order_home form.booking_form_new .field-box:nth-child(2) .select2-container--search-airports .select2-selection__rendered,
    .step_order_home form.booking_form_new .field-box:nth-child(2) select{
         border-top-right-radius: 0!important;
         border-bottom-right-radius: 0!important;   
    }

    .step_order_home form.booking_form_new .field-box:nth-child(4),
    .step_order_home form.booking_form_new .field-box:nth-child(4) .select-trigger{
        border-top-right-radius: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .multi_step_form .step:not(.thanks_step){
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .multi_step_form .content-section{
        margin-top: 0;
        gap: 16px;
    }

    .multi_step_form .top_bar{
        max-width: 100%;
    }

    .multi_step_form .content-section{
        max-width: 400px;
    }

    .step_order_page .sect:first-child {
        padding-top: 16px;
    }

    .step_order_page .main-wrap{
        padding-bottom: 60px;
    }

    form.multi_step_form:has(.custom-radio-select.active)::before {
        content: '';
        width: 100vw;
        height: 120dvh;
        position: fixed;
        top: 0;
        left: 0;
        background-color: rgb(0 0 0 / 45%);
        z-index: 1001;
    }

    .page-exp-n form.booking_form_new:has(.custom-radio-select.active)::before{
        height: 120dvh;
    }

    .step_order_page .side-card-item.agents .title{
        font-size: 16px;
    }

    .agents_slider_step .item .title::after{
        margin-top: 0;
    }

    .step_order_page .ui-datepicker-top-panel, .step_order_page .ui-datepicker {
        margin-top: 0;
    }

    .step_order_page .ui-datepicker{
        border: none;
    }

    .multi_step_form,
    .step_order_page .select2-dropdown{
        font-size: 16px;
    }

    .multi_step_form .control-wrap>label,
    .multi_step_form .radio-row .row-content>label, 
    .multi_step_form .control-wrap p {
        font-size: 14px;
    }

    .multi_step_form .select2-selection--multiple .select2-search--inline .select2-search__field{
        height: 24px;
    }

    .multi_step_form .control-wrap .error-message{
        font-size: 14px;
    }

    .step_order_page .agents-box.fixed-funct{
        display: flex!important;
        flex-direction: row;
        width: 400px;
        position: fixed;
        bottom: 16px;
        left: 50%;
        transform: translateX(-50%);
    }

    .step_order_page .agents-box.fixed-funct .subtitle{
        font-size: 14px;
        font-weight: 600;
        color: var(--color-base);
    }

    .step_order_page a:has(.agents-box.fixed-funct){
        text-decoration: none;
    }

    .multi_step_form .fields-row .control-wrap p {
        max-width: 100%;
    }

    .multi_step_form .step .fields-list,
    .multi_step_form .fields-row{
        gap: 20px;
    }

    .around-the-world .main-title .title,
    .around-the-world .sect-title .title{
        font-size: 31px;
    }

    .around-the-world .around-head-sect .columns {
        flex-direction: column;
        max-width: 440px;
        margin: 0 auto;
    }

    .around-the-world header .phone-box {
        order: 0;
    }

    .around-the-world .around-head-sect{
        padding-top: calc(var(--header-height) + 11px);
        margin-bottom: 24px;
    }

    .around-the-world .around-head-sect .list{
        font-size: 16px;
    }

    .around-the-world .around-head-sect .list .item::before{
        width: 22px;
        height: 22px;
        background-size: 18px;
    }

    .around-the-world .around-head-sect .img-box img{
        transform: initial;
    }

    .around-the-world .around-head-sect .img-box {
        margin: 0 -20px;
        max-width: initial;
        width: calc(100% + 20px);
    }

    .around-the-world .how-get-ticket .columns {
        grid-template-columns: 1fr;
        grid-gap: 48px;
        max-width: 440px;
        margin: 0 auto;
    }

    .around-the-world .how-get-ticket .title-box.main-title {
        gap: 16px;
        max-width: 100%;
    }

    .around-the-world .main-title .descr{
        font-size: 17px;
    }

    .around-the-world .how-get-ticket .items-list {
        gap: 23px;
    }

    .around-the-world .how-get-ticket .items-list .item::before {
        width: 38px;
        height: 38px;
        border-radius: 8px;
        font-size: 16px;
    }

    .around-the-world .how-get-ticket .items-list .item{
        gap: 16px;
    }

    .around-the-world .container{
        padding: 0 20px;
    }

    .around-the-world .form-area {
        border-radius: 20px;
        padding: 32px 20px;
        font-size: 16px;
    }

    .around-the-world .wpcf7 form .wpcf7-response-output{
        font-size: 14px;
    }

    .around-the-world .faq-list-around .item{
        font-size: 16px;
    }

    .around-the-world .faq-list-around{
        max-width: 500px;
    }

    .around-the-world .close-menu svg path{
        fill: var(--color-base);
    }

    .around-the-world header .bt{
        font-size: inherit;
        font-weight: inherit;
        border-radius: 4px;
    }

    .page-exp-o .search-form-sect .columns {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-bottom: 24px;
    }

    .page-exp-o .cards-box {
        align-items: center;
        order: -1;
        padding-top: 10px;
        margin-bottom: 16px;
    }

    .page-exp-o .search-form-sect .main-title, 
    .page-exp-o .form-frame:has(.booking_form_new) {
        max-width: 347px;
    }

    .page-exp-o .search-form-sect .main-title {
        text-align: center;
    }

    .page-exp-o .step-review-card:nth-child(1) {
        transform: rotate(5deg) translateX(25px);
    }

    .page-exp-o .step-review-card:nth-child(2) {
        transform: rotate(-6deg) translateX(-15px);
        margin-top: -45px;
    }

    .page-exp-o .step-review-card{
        font-size: 11px;
    }

    .page-exp-o .step-review-card .name {
        font-size: 13px;
    }

    .page-exp-o .step-review-card{
        max-width: 310px;
    }

    .page-exp-o .step-review-card:nth-child(1){
        max-width: 282px;
    }

    .page-exp-o .step-review-card .info-box {
        gap: 0;
    }

}

@media (max-width: 700px){
    /* step variant */
    .multi_step_form .fields-row:has(.date-return-show) {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px){
    .sect.text-img-sect .columns,
    .sect.text-img-sect.type-2 .columns{
        grid-template-columns: 1fr;
    }

    .sect.text-img-sect .content-box{
        text-align: center;
    }

    .sect.text-img-sect .image-block{
        order: -1;
    }

    .sect.triggers .items-list {
        grid-template-columns: 1fr;
        grid-gap: 24px;
        max-width: 375px;
        margin: 0 auto;
    }

    .life-travalign .travalin-box{
        padding: 48px 16px;
    }

    .sect.reviews .rev-sect-info {
        max-width: 340px;
        gap: 16px;
        flex-direction: column;
        font-size: 16px;
        text-align: center;
    }

    /* step variant */
    .step_order_page .agents-box{
        flex-direction: column;
        align-items: flex-start;
    }

}


@media (max-width: 530px){
    footer .footer-bar {
        grid-template-columns: repeat(2, 1fr);
    }

    footer .reg-list .reg-item p span{
        display: block;
    }

    footer .footer-bar.bottom .cont-box{
        grid-column-start: span 2;
    }

    footer .footer-bar .item{
        grid-gap: 12px;
    }

    footer .footer-bar.top{
        grid-gap: 24px;
    }

    footer .footer-bar.bottom{
        grid-gap: 16px;
    }

    footer .reg-list .reg-item{
        grid-template-columns: 31px 1fr;
        grid-gap: 16px;
    }

    footer .links{
        margin-top: 20px;
        grid-gap: 15px;
    }

    footer .footer-bar .item:first-child{
        order: 1;
    }

    footer .footer-bar.top .pad-left{
        order: 2;
    }

    footer .item ul li.more-link {
        margin-top: 10px;
    }

    footer .rows{
        grid-gap: 32px;
    }

    .sect.real-solutions .images-box .item:nth-child(3){
        display: none;
    }

    .sect.real-solutions .images-box .item:nth-child(1) {
        margin-top: 25px;
        margin-right: -42px;
    }

    .sect.real-solutions .images-box img {
        max-width: 180px;
    }

    /* step variant */
    .multi_step_form .fields-row,
    .multi_step_form .fields-row:has(.date-return-show){
        grid-template-columns: 1fr;
    }

}

@media (max-width: 480px){
    .item-platform{
        margin: 0 -16px;
    }

    .item-platform .platform-info{
        flex-direction: column;
        gap: 24px;
    }

    .item-platform .rate-info::before{
        display: none;
    }

    /* step variant */
    .multi_step_form .choice-buttons .bt,
    .multi_step_form .step[data-step="4"] .choice-buttons .bt, 
    .multi_step_form .step[data-step="5"] .choice-buttons .bt{
        min-width: 100%;
    }

    .multi_step_form .content-section{
        max-width: 100%;
    }

    .step_order_page .agents-box.fixed-funct{
        width: calc(100vw - 32px);
        left: 16px;
        transform: initial;
    }

    .around-the-world .around-head-sect .columns {
        max-width: 353px;
    }

    .around-the-world .form-area {
        border-radius: 0;
        width: calc(100% + 40px);
        margin: 0 -20px;
    }

    .sect#faq .title-box .title{
        text-align: left!important;
    }
}

@media (max-width: 430px){
    header .menu-box{
        position: fixed;
        top: 0;
        right: -100vw;
        width: 100vw;
        background-color: var(--color-base);
        z-index: 1;
        height: 100dvh;
        justify-content: flex-start;
        padding: 10px 16px 50px;
        z-index: 999;
        overflow-x: hidden;
        overflow-y: scroll;
        transform: translateX(0%);
        transition: transform .3s ease-out;
        -o-transition: transform .3s ease-out;
        -moz-transition: transform .3s ease-out;
        -webkit-transition: transform .3s ease-out;
    }

    header .menu-logo-box svg{
        width: 92px;
        height: auto;
    }

    .page-exp-n header .menu-logo-box svg path{
        fill: #fff;
    }

    .around-the-world header .menu-box{
        background-color: rgba(207, 227, 255, 1);
    }

    .around-the-world header .menu-box{
        padding: 10px 20px 50px;
    }

    .around-the-world header .menu-logo-box svg path{
        fill: var(--color-base);
    }

    .sect.head-sect .content-box{
        max-width: 311px;
    }

    div:not(.page-reviews) .sect.head-sect .title-box.main-title{
        max-width: 300px;
    }

    .sect.head-sect{
        position: relative;
        width: 100vw;
        overflow: hidden;
    }

    .sect.head-sect .img-box{
        position: absolute;
        top: var(--header-height);
        right: -32px;
    }

    .avatar-rows{
        transform: translateX(-30%);
        grid-template-columns: repeat(9, 1fr);
    }
    
    .avatar-rows .item:nth-child(-n+9){
        transform: translateX(68px);
    }

    .avatar-rows .item:nth-child(n+10):nth-child(-n+18){
        transform: translateX(104px);
    }

    .avatar-rows .item:nth-child(n+19):nth-child(-n+27){
        transform: translateX(68px);
    }

    .avatar-rows .item:nth-child(n+28):nth-child(-n+36){
        transform: translateX(104px);
    }

    .stears-list .item:nth-child(4) .message-box{
        max-width: 220px;
        font-size: 9px;
    }

    .message-box .ico-box {
        width: 18px;
    }

}


@media (max-width: 350px){
    /* step variant */
    .step_order_home .step-review-card:nth-child(1) {
        transform: rotate(6deg) translateX(10px);
    }

    .step_order_home .step-review-card:nth-child(2) {
        transform: rotate(-6deg) translateX(-10px);
    }

    .page-exp-o .step-review-card:nth-child(1) {
        transform: rotate(5deg) translateX(12px);
    }

    .page-exp-o .step-review-card:nth-child(2) {
        transform: rotate(-6deg) translateX(-7px);
        margin-top: -40px;
    }
}