/* Responsive CSS placeholder generated */
@media (max-width:991.98px){
.topbar{display:none;}
.desktop-header{display:none;}
.mobile-header{display:block;background:var(--primary);padding:20px 0 18px;}
.main-header{height:auto;background:var(--primary);}
.mobile-header .container-custom{position:relative;}
.mobile-header-inner{display:flex;justify-content:space-between;align-items:flex-start;position:relative;}
.mobile-logo img{width:70px;height:auto;display:block;}
.mobile-tagline{margin-top:16px;max-width:250px;color:#fff;font-size:.85rem;font-weight:300;line-height:1.45;}
.mobile-toggle{position:absolute;right:0;top:30%;width:36px;height:28px;padding:0;background:none;border:0;display:flex;flex-direction:column;justify-content:space-between;}
.mobile-toggle span{display:block;width:36px;height:2px;background:#fff;}
.menu-left,.menu-right,.header-logo{display:none;}

.mobile-menu{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#5b4775;
    display:block;
    transform:translateX(-100%);
    transition:transform .45s cubic-bezier(0.22, 1, 0.36, 1);
    will-change:transform;
    z-index:99999;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
}

.mobile-menu.active{
    transform:translateX(0);
}
.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:24px;}
.mobile-menu-header img{width:90px;}
.mobile-close{
    position:relative;
    width:36px;
    height:28px;
    background:none;
    border:0;
    flex-shrink:0;
}

.mobile-close:before,
.mobile-close:after{
    content:'';
    position:absolute;
    left:0;
    top:13px;
    width:36px;
    height:1.5px;
    background:#fff;
    transition:transform .25s ease;
}

.mobile-close:before{
    transform:rotate(45deg);
}

.mobile-close:after{
    transform:rotate(-45deg);
}
.mobile-nav>li{border-top:1px solid rgba(255,255,255,.2);}
.mobile-nav>li>a{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;color:#fff;font-size:.95rem;}
.mobile-submenu{
    max-height:0;
    overflow:hidden;
    background:rgba(0,0,0,.08);
    transition:max-height .4s cubic-bezier(0.22, 1, 0.36, 1);
}

.mobile-nav li.active > .mobile-submenu{
    max-height:1000px;
}
.mobile-submenu a{display:block;padding:14px 42px;color:#fff;}
.mobile-bottom{padding:30px 20px;text-align:center;}
.mobile-bottom-social{display:flex;justify-content:center;gap:10px;}

.mobile-nav .fa-chevron-down{
    font-size:.7rem;
    transition:transform .3s ease;
}

.mobile-nav li.active > a .fa-chevron-down{
    transform:rotate(180deg);
}

}

.mobile-bottom-links{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:14px;
    margin-bottom:20px;
}

.mobile-bottom-links a{
    color:#fff;
    font-size:.85rem;
    font-weight:400;
}

.mobile-bottom-links a:hover{
    color:#f0c94b;
}



/* =========================================================
   Hero Slider
========================================================= */

@media (max-width: 991.98px){

    :root{
        --header-height: 80px;
    }

}

/* =========================================================
   Hero Caption
========================================================= */

@media (max-width: 991.98px){

    .hero-caption{
        padding: 12px 24px;
    }

    .hero-caption h2{
        font-size: 2rem;
    }

}

@media (max-width: 767.98px){

    .hero-slider .carousel-caption{
        width: 90%;
        bottom: 12%;
    }

    .hero-caption{
        display: block;
        padding: 12px 20px;
    }

    .hero-caption h2{
        font-size: 1.6rem;
        line-height: 1.3;
    }

}

/* =========================================================
   Watch Portis
========================================================= */

@media (max-width:991.98px){

    .watch-portis{
        padding:20px 0;
    }

    .watch-portis-link{
        gap:20px;
    }

    .watch-portis-icon i{
        font-size:2.5rem;
    }

    .watch-portis-title{
        font-size:1.5rem;
    }

    .watch-portis-click{
        font-size:1.4rem;
    }

    .watch-portis-divider{
        height:55px;
    }

}


@media (max-width:767.98px){

    .watch-portis{
        padding:18px 0;
    }

    .watch-portis-link{
        flex-direction:column;
        gap:15px;
        text-align:center;
    }

    .watch-portis-divider{
        width:70px;
        height:1px;
    }

    .watch-portis-icon svg{
        width:55px;
        height:55px;
    }

    .watch-portis-title{
        font-size:1.25rem;
        line-height:1.4;
        white-space:normal;
    }

    .watch-portis-click{
        font-size:1.1rem;
    }

}

/* =========================================================
   Common Home Sections
========================================================= */


@media(max-width:991.98px){

    .section-content{
        padding:60px 40px;
    }

    .section-heading{
        font-size:2.8rem;
    }

    .section-subheading{
        font-size:1.9rem;
    }

}

@media(max-width:767.98px){

    .section-content{
        padding:45px 25px;
    }

    .section-heading{
        font-size:3.2rem;
    }

    .section-subheading{
        font-size:2rem;
    }

    .section-content p{
        font-size:1.3rem;
        line-height:1.7;
    }

    .btn-primary-outline{
        min-width:105px;
        height:34px;
        font-size:1.15rem;
    }

}


/* =========================================================
   Holistic Experience
========================================================= */

@media (max-width:991.98px){

    #holisticCarousel{

        min-height:450px;

    }

}

@media (max-width:767.98px){

    .section-link-white{

        font-size:1.1rem;
        padding:7px 16px;

    }

    #holisticCarousel{

        min-height:320px;

    }

}

/* =========================================================
   Enquiry Form
========================================================= */

@media(max-width:767.98px){

    .enquiry-form label{

        font-size:1.3rem;

    }

    .enquiry-form .form-control,
    .enquiry-form .form-select{

        height:44px;

        font-size:1.3rem;

    }

    .enquiry-submit{

        width:110px;
        height:40px;

        font-size:1.4rem;

    }

}

/* =========================================================
   Gallery Mobile
========================================================= */

@media (max-width:991px){

    #galleryCarousel .carousel-item .col-12{

        padding-left:12px;
        padding-right:12px;

    }

    #galleryCarousel .carousel-control-prev{

        left:-5px;

    }

    #galleryCarousel .carousel-control-next{

        right:-5px;

    }

}