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

@media (max-width: 767px){

    *{
        --default-font-size: 16px;
        --default-line-height: 1.375;
    }

    .title-box .title{
        font-size: 20px; 
    }

    .title-box.sect-title .title{
        font-size: 24px; 
        line-height: 1.25;
    }

    .title-box.main-title .title{
        font-size: 24px; 
        line-height: 1.25;
    }


    .rows,
    .rows.type-2{
        gap: 24px;
    }

    .container{
        padding: 0 16px;
    }

    .title-box{
        gap: 8px;
    }

    .title-box.sect-title{
        max-width: 400px;
    }

    section{
        padding: 24px 0;
    }

    section:first-child{
        padding-top: 22px;
    }

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

    .mobile-scroll .items-list{
        display: flex!important;
        flex-wrap: nowrap;
        gap: 8px;
    }

    .mobile-scroll::-webkit-scrollbar{
		-webkit-appearance: none;
		display: none;
		opacity: 0;
		width:0;
		height: 0;
	}

    .item-post-destin{
        width: 314px;
        height: 390px;
    }

    .item-post-destin .img-box img{
        width:100%;
        height: 100%;
        object-fit: cover;
    }

    .rev-item,
    .steps-list .item-step{
        width: 318px;
    }

    .deals-sect .items-list .item,
    .reviews-list .item{
        padding: 0;
    }

    .reviews-list .item{
        width:initial;
    }

    .reviews-list::before{
        display: none;
    }

    .reviews .show-more-box{
        display: none;
    }

    .tabs-block {
        gap: 24px;
    }

    .reviews-list{
        overflow: initial;
    }

    .triggers-section .columns{
        flex-direction: column;
    }

    header{
        font-size: 14px;
    }

    header .menu-btn{
        display: block;
        border: none;
        outline: none;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: transparent;
    }

    header .menu-btn svg,
    .close-menu svg{
        width: 24px;
        height: 24px;
    }

    header .close-menu{
        display: flex;
    }

    header .menu-box {
        position: fixed;
        top: 0;
        right: -375px;
        width: 375px;
        background-color: var(--color-base);
        height: 100dvh;
        justify-content: flex-start;
        padding: 16px 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 .menu-box ul{
        flex-direction: column;
    }

    header .columns{
        gap: 16px;
    }

    header .phone-box{
        flex: initial;
    }

    header .menu-phone-box, 
    header .menu-logo-box{
        display: block;
    }

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

    header .menu-box{
        gap: 12px;
        flex-direction: column;
        text-align: center;
        font-size: 20px;
    }

    header .menu-phone-box a{
        font-size: 20px;
        color: var(--color-white);
        text-decoration: none;
    }

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

    header .logo-box img,
    header .menu-logo-box img {
        width: 130px;
    }

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

    .overlay.active {
        opacity: 0.7;
        visibility: visible;
    }
    
    .title-box.main-title{
        gap: 16px;
    }

    .head-box{
        padding: 20px 0 0;
    }

    .head-box .title-box.main-title{
        margin: 0 auto;
        max-width: 440px;
    }

    .main-form-wrap .title-box.main-title .title{
        font-size: 21px;
    }

    .main-form-wrap .title-box.main-title .descr{
        display: none;
    }

    .main-form-wrap{
        gap: 24px;
    }

    .partners-line{
        padding: 16px 0;
    }

    .partners-line .container{
        padding: 0;
    }

    .partners-line .partners-list::after{
        background: linear-gradient(90deg, var(--Lux-01, #363A2C) 0%, rgba(54, 58, 44, 0.00) 50%, #363A2C 100%);
    }

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

    .triggers-section .info-box{
        max-width: 380px;
        margin: 0 auto;
    }

    .triggers-list{
        gap: 24px;
    }

    .triggers-list .item{
        gap: 16px;
    }

    .triggers-list .item .content{
        gap: 8px;
    }

    .triggers-section .img-box{
        max-width: 400px;
    }

    .triggers-section .img-box .img-wrap {
        border-radius: 23px;
    }

    .dop-info{
        padding: 16px;
        border-radius: 18px;
        gap: 10px;
        line-height: 1.3;
        box-shadow: 0px 8px 18px 0px rgba(54, 58, 44, 0.10);
        max-width: 270px;
    }

    .dop-info .ico-box{
        width: 52px;
        height: 52px;
    }

    .dop-info .sale {
        border-radius: 7px;
        padding: 3px 6px;
        font-size: 14px;
    }

    .triggers-section .dop-info:nth-child(1){
        max-width: 270px;
        bottom: 43px;
        transform: rotate(-5deg);
        left: 30px;
    }

    .triggers-section .dop-info:nth-child(2){
        max-width: 236px;
        left: initial;
        right: 50px;
    }

    .triggers-section{
        padding-bottom: 58px;
    }

    .tabs-block.destinations .tabs-content{
        margin: 0;
    }

    .item-post-destin .info-box{
        padding: 0 24px 32px;
        gap: 8px;
    }

    .item-post-destin .economy-box .economy {
        padding: 11px 12px;
        border-radius: 13px;
    }

    .steps-list .item-step{
        border-radius: 32px;
        padding: 24px;
        padding-bottom: 26px;
        gap: 44px;
    }

    .cloude-box {
        box-shadow: 0 3.27px 16.35px 0 rgba(215, 218, 206, 1);
        padding: 16px 20px;
        border-radius: 20px;
        font-size: 13px;
        gap: 13px;
        min-height: 112px;
    }

    .cloude-box .cloude-title{
        font-size: 16px;
    }

    .cloude-box.type-1 .change-button {
        padding: 12px;
        margin: -22px 0;
        width: 42px;
        height: 42px;
    }

    .cloude-box.type-1 .destin {
        gap: 3px;
    }

    .cloude-box.type-1 .destin:nth-of-type(1) {
        padding-bottom: 13px;
    }

    .cloude-box.type-1 .destin:nth-of-type(3) {
        padding-top: 13px;
    }

    .cloude-box.type-1 .label{
        font-size: 10px;
    }

    .bage{
        padding: 7px 10px;
        font-size: 16px;
        border-radius: 10px;
    }

    .cloude-box .bage {
        font-size: 13px;
    }

    .cloude-box.type-2 .bage {
        border-radius: 6px;
    }

    .cloude-box .destin .name{
        padding-top: 5px;
    }

    .cloude-box.type-2 .destination-box::before{
        top: 12px;
    }

    .cloude-box.type-2:nth-child(1){
        margin-bottom: -72px;
    }

    .cloude-box.type-3 .destin{
        padding-bottom: 13px;
    }

    .cloude-box.type-3 .destination-box {
        gap: 13px;
    }

    .cloude-box .price-box{
        font-size: 14px;
    }

    .cloude-box .price-box .old-price{
        font-size: 12px;
    }

    .rev-item .author-box .name{
        font-size: 18px;
    }

    .stars-list{
        font-size: 20px;
    }

    .partners-block{
        padding: 16px;
        padding-top: 240px;
        padding-bottom: 24px;
    }

    .partners-block .title-box{
        max-width:340px;
        margin: 0 auto;
    }

    .partners-block::after{
        background: linear-gradient(0deg, #55340C 0%, rgba(85, 52, 12, 0.5) 50.48%, rgba(85, 52, 12, 0) 65.87%);
    }

    .partners-block .partners-list{
        display: block !important;
        margin: 0 -16px;
        width: calc(100% + 32px);
    }

    .partners-block .partners-list .item{
        width: 165px;
        padding: 0 8px;
    }

    .faq-list{
        gap: 8px;
    }

    .faq-list .item{
        padding: 14px 20px 20px;
        gap: 8px;
    }

    footer{
        padding: 16px 0 24px;
    }

    footer .rows {
        gap: 48px;
    }

    footer .bottom-bar{
        flex-direction: column;
        gap: 24px;
        padding-top: 24px;
    }

    footer .reg-list{
        gap: 24px;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    footer .terms{
        flex-direction: row!important;
        gap: 24px;
        justify-content: flex-start;
    }

    footer .menu-box ul{
        gap: 36px;
    }

    footer .menu-box {
        font-size: 20px;
    }

    footer .top-bar{
        gap: 40px;
    }

    footer .contacts{
        gap: 16px;
        flex-direction: column;
    }

    footer .top-bar{
        align-items: initial;
        flex-direction: column;
    }

    footer .top-bar .social{
        order: 1;
        margin-top: -24px;
    }
    
    footer .bottom-bar{
        padding: 0;
        border: none;
    }

    footer .reg-list{
        flex-direction: column;
    }

    /* Page thanks */
    .new-thanks footer .logo-box{
        display: block;
		order: 0;
    }

	.new-thanks footer .footer-rows{
		grid-gap: 24px;
	}

	.new-thanks footer .title{
		display: block;
		font-size:16px;
		font-weight: 600;
	}

	.new-thanks footer .reg-block{
		grid-gap: 16px;
	}

	.new-thanks footer .reg-list{
		grid-template-columns: 1fr;
		margin: initial;
	}

	.new-thanks header{
		padding: 0;
		padding-top: 24px;
	}

	.new-thanks header .logo-box img, .new-thanks footer .logo-box img {
		width: 123px;
		max-width: initial;
	}

	.new-thanks header .columns{
		grid-template-columns: 1fr auto;
		justify-content: space-between;
		grid-gap: 24px;
	}

	.new-thanks header .steps{
		grid-column-start: span 2;
		order: 1;
		padding: 16px 20px;
		border-top: 1px solid rgba(226, 224, 227, 1);
		margin: 0 -16px;
		display: initial;
	}

	.new-thanks header .steps .hidden-steps{
		display: none;
		margin-top: 18px;
	}

	.new-thanks header .steps .item{
		margin-right: 0;
	}

	.new-thanks header .steps .hidden-steps .item{
		margin-bottom: 18px;
	}

	.new-thanks header .steps .item:last-child{
		margin-bottom: 0;
	}

	.new-thanks header .steps .item::after{
		display: none;
	}

	.new-thanks header .steps .item.current .step-of {
		display: block;
	}

	.new-thanks header .steps .item.current{
		position: relative;
	}

	.new-thanks header .steps .item.current::after{
		content: '';
		width: 20px;
		height: 20px;
		background-image: url(../img/arrows/arrow-down.svg);
		background-position: center;
		background-repeat: no-repeat;
		background-size: 26px;
		position: absolute;
		right: 0;
		top: 11px;
		display: block;    
		transform: initial;
		background-color: transparent;
		transition: .2s ease transform;
		-o-transition: .2s ease transform;
		-webkit-transition: .2s ease transform;
		-moz-transition: .2s ease transform;
	}

	.new-thanks header .steps .item.active::after{
		transform: rotate(180deg);
	}


	.new-thanks .info-block .images-list img {
		max-width: 60px;
	}

	.new-thanks .searching-block .searching-info {
		font-size: 16px;
	}

	.new-thanks .info-block{
		padding: 24px;
	}

	.new-thanks .info-block,
	.new-thanks .searching-block{
		grid-gap: 24px;
	}

    .page-contacts .rows{
        max-width: 360px;
        margin: 0 auto;
        gap: 40px;
    }

    .page-contacts .title-box{
        gap: 16px;
    }

    .form-box{
        padding: 16px;
    }

    .form-box .fields-list{
        grid-template-columns: 1fr;
        grid-gap: 32px;
    }

    .form-box .fields-list div:has(textarea){
        grid-column-start: initial;
    }

    .form-box .fields-list .input-group:nth-child(4)::before{
        display: none;
    }

    .form-box .fields-list .input-group:first-child::after,
    .form-box .fields-list .input-group:not(:last-child)::after{
        content: '';
        background-color: rgba(54, 58, 44, 0.16);
        position: absolute;
        top: calc(100% + 16px);
        right: 0;
        width: 100%;
        height: 1px;
    }

    .form-box .input-control,
    .form-box textarea.input-control{
        padding:2px 0;
    }

    .form-box .bottom-bar{
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .form-box .btn{
        width: 100%;
    }

    .form-box .wpcf7 form .wpcf7-response-output,
    .form-box .wpcf7 form.invalid .wpcf7-response-output,
    .form-box .wpcf7 form.sent .wpcf7-response-output{
        font-size: var(--value-12);
    }

    .protection-plans-page .head-box{
        overflow: hidden;
        margin-bottom: 56px;
    }

    .protection-plans-page .head-box .triggers{
        flex-direction: column;
        max-width: 314px;
        margin: 0 auto;
    }

    .protection-plans-page .head-box .triggers .item:not(:last-child)::after {
        width: 100%;
        height: 1px;
        right: 0;
        top: calc(100% + 30px);
        transform: initial;
    }

    .protection-plans-page .info-box{
        gap: 40px;
    }

    .protection-plans-page .head-box .images-items {
        margin-top: 80px;
        width: 900px;
        transform: translateX(-50%);
        left: 50%;
        position: relative;
    }

    .protection-plans-page .head-box .images-items .item{
        width: 180px;
        height:170px;
        border-width: 4px;
        border-top-left-radius: 22px;
        border-top-right-radius: 22px;
    }

    .protection-plans-items{
        gap: 80px;
    }

    .protection-plans-items .item{
        grid-template-columns: repeat(2, 1fr);
        padding: 24px;
    }

    .protection-plans-items .item .bottom-box .img-box{
        height: 380px;
        border-radius: 32px;
    }

    .protection-plans-items .item .bottom-box .dop-info-list{
        top: initial;
        bottom: 24px;
        transform: translateX(-50%);
        right: initial;
        left: 50%;
        max-width: 359px;
        padding: 0 16px;
    }  
    
    .protection-plans-items .item .quote{
        right: initial;
        left: 50%;
        transform: rotate(2deg) translate(-50%, -50%);
    }

    .protection-plans-items .item .content{
        gap: 16px;
    }

    .protection-plans-items .item .bottom-box .img-box img{
        object-position: 16%;
    }

    .dop-info .flight-item .item-ico img{
        width: 24px;
    }


    .reviws-2-slider-block{
        padding: 0;
    }

    .reviews-list-2 .item {
        padding: 2px 0;
    }

    .rev-item-2 {
        grid-template-columns: 1fr;
        padding: 24px;
        gap: 16px;
        border-radius: 32px;
        width: 318px;
    }

    .rev-item-2 .content{
        font-size: 18px;
    }

    .rev-item-2 .body-box{
        gap: 16px;
    }

    .rev-item-2 .img-box{
        width: 70px;
    }

    .rev-item-2 .info-box{
        flex-direction: row;
        gap: 16px;
        align-items: center;
    }

    .rev-item-2 .info-box .author{
        flex: 1;
    }

    .banner-section .images-list{
        grid-template-columns: 1fr;
        grid-gap: 8px;
        width: 700px;
        position: relative;
        right: initial;
        left: 0;
        top: initial;
        order:-1;
    }

    .banner-section .images-list .column{
        flex-direction: row;
        gap: 8px;
    }

    .banner-section .images-list .img-item:nth-child(2n) {
        transform: translateY(0);
    }

    .banner-section .images-list .img-item:nth-child(n+9){
        transform: translateX(40px);
    }

    .banner-section{
        padding: 16px;
        gap: 24px;
        margin: 0 -16px;
        display: flex;
        flex-direction: column;
    }

    .reviews-page .banner-section{
        margin: 48px -16px;
    }

    .banner-section .rows{
        display: inline-flex;
        margin: 0 auto;
    }

    .reviews-page .head-box .triggers{
        grid-template-columns: 1fr;
        max-width: 252px;
        margin: 0 auto;
    }

    .reviews-page .head-box {
        padding-bottom: 44px;
        margin-bottom: 24px;
    }

    .reviews-page .head-box .triggers .item{
        text-align: center;
    }

    .reviews-page .reviews-list .item {
        width: 50%;
        padding: 4px;
    }

    .reviews-page .reviews-list .rev-item{
        width: 100%;
    }

    .cloude-box.type-4 .item:not(:last-child){
        padding-bottom: 12px;
    }

    .cloude-box.type-4{
        gap: 12px;
    }

    .cloude-box.type-4 .item{
        gap: 10px;
    }

    .cloude-box.type-4 .item img{
        width: 15px;
        height: 15px;
    }

    .cloude-box.type-4 .item .destin .label{
        font-size: 10px;
    }

    .cloude-box.type-4 .destin{
        gap: 3px;
    }

    .cloude-box .chat-item .text-box{
        font-size: 13px;
    }

    .cloude-box .chat-item .text-box{
        max-width: 170px;
    }

    .cloude-box .chat-item:first-child .text-box {
        max-width: 180px;
    }

    .cloude-box .chat {
        gap: 12px;
    }

    .our-story{
        padding: 24px;
        margin: 0 -16px;
        overflow: hidden;
    }

    .our-story .rows{
        max-width: 327px;
        gap: 24px;
    }

    .our-story .triggers{
        gap: 40px;
        grid-template-columns: auto 122px auto;
    }

    .our-story .triggers .item .value{
        font-size: 24px;
    }

    .our-story .triggers .item:not(:last-child):after{
        right: -20px;
    }

    .our-story::before, .our-story::after{
        width: 151px;
        height: 278px;
        transform: initial;
        top: 10px;
    }

    .our-story::after {
        right: -40px;
    }

    .our-story::before {
        left: -40px;
        transform: scale(-1, 1);
    }

    .deals-scroll-sect .item{
        width: 328px;
        height: 220px;
        border-radius: 24px;
    }

    .deals-scroll-sect .item .info-box .text-box{
        padding: 16px;
        gap: 4px;
    }

    .deals-scroll-sect {
        overflow-x: scroll;
        padding: 114px 0 32px;
        margin-bottom: 24px;
    }

    .steps-list{
        padding: 2px 0;
    }

    .iti--container{
        color: var(--color-base);
    }

    body form .iti--separate-dial-code .iti__selected-flag{
        padding-left: 0;
    }

}

@media (max-width: 600px){
    .protection-plans-items .item{
        grid-template-columns: 1fr;
        gap: 16px;
        padding-bottom: 0;
        margin: 0 -16px;
    }

    .protection-plans-items .item .bottom-box{
        grid-column-start: initial;
        margin: 0 -24px;
    }

    .reviews-page .reviews-list{
        max-width: 400px;
        margin: 0 auto;
    }

    .reviews-page .reviews-list .item{
        width: 100%;
    }

    .reviews-page .reviews-list .item{
        padding: 4px 0;
    }
}


@media (max-width: 480px){
    .head-box .title-box.main-title{
        max-width: 100%;
    }
    
    .partners-block{
        margin: 0 -16px;
    }

    .protection-plans-items .item .bottom-box .img-box img{
        object-position: initial;
    }
}

@media (max-width: 435px){
    .triggers-section .img-box {
        max-width: initial;
        margin: 0 -16px;
    }

    footer .menu-box ul{
        justify-content: space-between;
        gap: 24px;
    }
	
	header .menu-box {
        position: fixed;
        top: 0;
        right: -100vw;
        width: 100vw;
	}

    form.booking_form_new .notice-box{
        padding: 0 8px;
    }
}

@media (max-width: 360px){
    .our-story .triggers{
        grid-template-columns: repeat(3, auto);
        gap: 32px;
    }

    .our-story .triggers .item:not(:last-child):after {
        right: -16px;
    }
}