@media (max-width: 767px){
    :root{
        --peek: 0.938rem;
        --cols: 2;
        --about-introduction-padding: 3.125rem 0 0 0;
        --subpage-module-padding: 0 1.875rem;
        --introduction-contact-padding: 3.125rem 0 5rem 0;
        --subpage-introduction-padding: 5.625rem 0;
        --grid-padding: 10rem 0;
        --about-padding: 10rem 0 0 0;
        --about-information-padding: 0 0 6.875rem 0;
        --contact-bottom-padding: 0 0 5rem 0;
        --location-padding: 9.375rem 0;
        --accordion-padding: 5rem 1.875rem;
        --team-padding: 4.375rem 1.875rem 5.938rem 1.875rem;
        --grid-padding: 10rem 0;
        --pinned-text-padding: 10.938rem 1.875rem 12.188rem 1.875rem;
        --newsletter-padding: 6.25rem 1.875rem;
        --footer-padding: 2.188rem 0.938rem 3.75rem 0.938rem;
        --about-bleed: 0 0 10rem 0;
        --pinned-h2: 4.375rem;
        --intro-top-h2: 2.25rem;
        --newsletter-h2: 2.25rem;
        --cta-h2: 1.5rem;
        --economy-first-child: 1.375rem;
        --cta-copy: 1.063rem;
        --font-footer: 1.063rem;
        --font-copyright: 0.875rem;
    }
    .header-logo, .logo-layer .header-logo{height: 70px;}
    .burger-menu__inner{padding: 1.875rem;}
    .burger-nav__list > li > a{font-size: 60px; line-height: 50px; letter-spacing: inherit;}
    .burger-nav__list .link-underline{--underline-offset: -0.0em;}
    .burger-contact{left: 1.875rem; bottom: 1.875rem;}
	body.home .acf-slideshow .media-overlay{height: 100%;}
    .acf-slideshow .media-overlay{width: 100%; height: 50%;}
    .slide-inner{width: 100%; top: 25%; left: 0; transform: translate(0, -25%); padding: 0 1.875rem;}
    .slide-inner h1{line-height: 32.4px; letter-spacing: -1.08px; max-width: 80%;}
    .introduction-top h2{line-height: 39.6px; letter-spacing: -0.36px; width: 100%; margin-bottom: var(--gap-large);}
    .introduction-bottom .copy{width: 100%; padding: 0;}
    .copy p{line-height: 22.4px;}
    body.home .intro-row--top{margin-bottom: 5rem;}
    body.home .intro-slot--top-left{grid-column: 1 / span 6; padding-right: 0.938rem;}
    body.home .intro-slot--top-right{grid-column: 7 / span 6; padding-top: 3.125rem; padding-left: 0.938rem;}
    body.home .intro-row--middle{margin-top: 5rem; margin-bottom: 12px;}
    body.home .intro-slot--bottom-right{grid-column: 8 / span 4; padding-left: 0.938rem;}
    body.home .intro-slot--middle-left{grid-column: 1 / span 6; padding-right: 0.934rem;}
    body.home .intro-slot--middle-center{grid-column: 4 / span 6; margin-top: 12px;}
    body.home .intro-slot--bottom-left{grid-column: 1 / span 6; padding-right: 0.938rem; padding-top: 6.25rem;}
    body.home .intro-slot--middle-right{grid-column: 7 / span 6; padding-left: 0.934rem; margin-top: -350px;}
    h2.pinned-text__word{line-height: 81.2px; font-size: var(--pinned-h2); letter-spacing: -2.8px;}
    body.home .slide-inner h1, .introduction-inner h2, .carousel h2, .our-resorts h2.module-heading, .zones-heading, .resort-card__title, .loc-heading, .eco-heading, h2.grid__heading, h3.grid__title, .our-team h2, body.home .cta__inner h2{line-height: 31.2px; letter-spacing: -0.24px;}
    body.page-template-afan .introduction-inner{margin-bottom: 5rem;}
    body.page-template-afan .intro-slot--middle-left{grid-column: 1 / span 6; margin: 0; aspect-ratio: 1 / 1;}
    body.page-template-afan .intro-slot--middle-center{grid-column: 3 / span 4; aspect-ratio: 1 / 1; margin-top: 0.934rem; padding: 0;}
    body.page-template-afan .intro-slot--middle-right{grid-column: 7 / span 6; padding-left: 0.934rem; margin-top: -135px;}
    .carousel .slide{position: relative; width: 100%; overflow: visible; align-items: center; justify-content: center; height: 80vh;}
    .cta, .cta img{height: 80vh;}
    .carousel .slide-inner{padding: 0 var(--gap-resorts);}
    .carousel .module-copy p{max-width: 100%; font-size: var(--cta-copy);}
    .carousel .flickity-page-dots{left: var(--gap-resorts); bottom: var(--gap-resorts) !important;}
    .our-resorts{padding: 5rem 0;}
    .our-resorts__map{margin-bottom: 150px;}
    h2.grid__heading{margin-bottom: var(--gap-medium);}
    .grid__inner, .about-information, .our-resorts__grid, .afan-location, .accordion__grid{grid-template-columns: 1fr;}
    .resort-overlay__inner{width: 90%;}
    .our-resorts .slide{height: 40vh;}
    .location-inner{position: inherit; padding-left: 0; margin-top: 9.375rem;}
    .eco-right{padding: 0; margin-left: 0;}
    .grid__item{margin-bottom: var(--gap-small);}
    .grid__item:last-child{margin-bottom: 0;}
    .team-dots, .intro-slot--top-center, .about-small{display: none;}
    .accordion__row{padding: 0.938rem 0;}
    .accordion__panel-inner{padding: 0 0 1.25rem 0;}
    .accordion__copy, .cta__inner{max-width: 100%;}
    .accordion__title-text{font-size: 45px; line-height: 54px; letter-spacing: -0.9px;}
    .about-information{gap: var(--gap-large);}
    .about-inner{position: inherit; padding-right: 0; top: 0;}
    h2.about-heading{font-size: 29px; line-height: 34.8px; margin-bottom: 30px;}
    .our-team h2{font-size: var(--intro-top-h2); line-height: 39.6px;}
    body.home .slide-inner, .introduction-inner, .eco-copy, .loc-small, .team-card__bio p, .cta, .cta img{width: 100%;}
    .intro-rail .flickity-page-dots, .team-rail .flickity-page-dots{left: 0%; padding: 0 1.875rem;}
    body.page-template-contact .acf-slider .slide{height: 70vh;}
    body.page-template-afan .introduction-inner, #contact.introduction .wrap{width: 100%; padding: 0 1.875rem;}
    #contact.introduction h2{line-height: 39.6px; letter-spacing: -0.36px;}
    input, textarea, span.wpcf7-list-item-label{font-size: var(--font-footer);}
    .contact-bottom__wrap, .copyright p, .cta__inner, .introduction-inner{padding: 0 0.938rem;}
    p.contact-bottom__number a, p.contact-bottom__email a, .contact-bottom__address{line-height: 31px; letter-spacing: -0.24px;}
    .eco-heading{margin-bottom: 40px;}
    .newsletter, .newsletter-form input#email{text-align: center;}
    .social-media img{width: 1.875rem; height: 1.875rem;}
    .footer-widget-area{margin-bottom: 3.75rem;}
    .footer-branding{padding-bottom: 0.938rem;}
    .widget ul > li a{font-size: var(--font-footer);}
	.newsletter-form{border-radius: var(--btn-radius); flex-direction: column;}
    .newsletter-form input[type="submit"]{width: 90%; margin-top: 10px;}
    .newsletter-checkbox{font-size: var(--font-footer);}
    .team-rail{margin-left: 0;}
    #wpgmza_map_1{height: 300px!important;}
    .accordion__grid{display: block; min-height: 0;}
    .accordion__left{width: 100%; padding-right: 0;}
    .accordion__right{position: relative; top: auto; right: auto; bottom: auto; width: 100%; margin-top: clamp(20px, 4vw, 28px); pointer-events: auto;}
    .accordion__media-stage{position: relative; width: 100%; height: auto;}
    .accordion__media-stage::before{content: ""; display: block; padding-top: 56.25%;}
    .accordion__media-slide{position: absolute; inset: 0; opacity: 0; pointer-events: none; transition: opacity .18s ease;}
    .accordion__media-slide.is-active{opacity: 1; pointer-events: auto;}
    .accordion__media-img, .accordion__media-video{width: 100%; height: 100%; object-fit: cover; display: block;}    
    .accordion__right::after{bottom: 0;}
    .pinned-text__media--belong-left{left: -1.875rem; width: 40%;}
    .pinned-text__media--belong-right{right: -1.875rem; width: 57%;}
    .pinned-text__media--feast-right{right: -1.875rem;}
    .pinned-text__media--feast-left{left: -1.875rem;}
    .pinned-text__media--connect-right{right: -1.875rem; width: 40%;}
    .pinned-text__media--connect-left{width: 47%;}
    .pinned-text__media--discover-left{width: 40%;}
    .pinned-text__media--discover-right{right: 1.875rem; width: 35%;}
    .pinned-text__media--discover-bottom{width: 50%; left: 1.875rem;}
}