/* mobile */
@media (max-width: 768px) {

    .container {
        --bs-gutter-x: 4rem !important;
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
    
    .mt-sm-1 {
        margin-top: 1em !important;
    }

    .mt-sm-2 {
        margin-top: 2em !important;
    }

    .mt-sm-3 {
        margin-top: 3em !important;
    }

    .mb-sm-0 {
        margin-bottom: 0rem !important;
    }

    .mb-sm-1 {
        margin-bottom: 1rem !important;
    }

    .mb-sm-3 {
        margin-bottom: 3rem !important;
    }

    .mb-sm-1-5 {
        margin-bottom: 1.5rem !important;
    }

    .ml-sm-50 {
        margin-left: 50px;
    }

    .mx-sm-3 {
        margin-left: 3em;
        margin-right: 3em;
    }

    .mx-sm-5 {
        margin-left: 5em;
        margin-right: 5em;
    }

    .pl-sm-0 {
        padding-left: 0px !important;
    }

    .pb-sm-1 {
        padding-bottom: 1rem;
    }

    .pt-sm-1 {
        padding-top: 1rem;
    }

    .gap-sm-2 {
        gap: 2rem !important;
    }

    .text-sm-centerr {
        text-align: center !important;
    }

    .mob-swipper-nav {
        width: 100%;
        display: flex ;
        flex-direction: row;
        justify-content: space-evenly;
        align-items: center;
    }


    /* ----------------home-page------------------- */
    .hm-bn .inner-con {
        height: 80vh !important;
    }

    .bn-owl {
        margin-top: 0em;
        width: 90% !important;
        height: auto;
    }

    .intro-sec .rotate-gif {
        transform: unset;
    }

    .pillar-sec {
        overflow-x: hidden !important;
    }
        
    .events-sec .background {
        padding: 1.5em 2em;
        background: url(../images/enquire-now-background.jpg) no-repeat center left / cover;
    }

    .featured {
        padding-top: 35px;
        gap: 0px;
    }

    .featured .swiper-slide {
        width: fit-content !important;
        display: flex;
        justify-content: center;
        margin: 15px 0px;
    }

    .featured > h4 {
        font-size: 35px;
        font-weight: 600;
    }

    .publications-img > img {
        height: 27px;
        width: auto;
    }

    .footer {
        justify-content: space-evenly;
        padding: 1.8em 0;
    }

    .footer .m-part {
        display: none;
    }


    /* ----------------the-lore-page------------------- */
    .ollie-sec .con {
        padding-left: 0em;
    }



    /* ------------------experiences-page------------------- */

    .tiles-sec {
        justify-content: center;
        grid-template-columns: 1fr !important;
    }



    /* ------------------reach-us-page------------------- */
    
    .border-between {
        border-right: unset;
    }

    .border-in-between {
        border-bottom: 1px solid #631639;
    }

    .radio-group {
        flex-direction: column;
        row-gap: 10px;
    }

    /* top-button */
    .top {
        right: 30px !important;
    }

}

/* md-lg */
@media (min-width: 768px) {
    .pr-md-1 {
        padding-right: 1em !important;
    }
    
    .pr-md-2 {
        padding-right: 2em !important;
    }

    .pl-md-1 {
        padding-left: 1em !important;
    }

    .pl-md-2 {
        padding-left: 2em !important;
    }

    .text-md-left {
        text-align: left !important;
    }

    .text-md-right {
        text-align: right !important;
    }

}


@media (max-width: 1023px) {

    .para-lg {
        margin-bottom: 1em !important;
    }

    .md-nav {
        display: none;
    }
    
    .mobile-nav {
        display: block;
    }

    .side-nav {
        display: none;    
    }
    
    .navbar {
        position: relative !important;
        width: 100vw;
        padding: 25px 0px !important;
        margin-bottom: -1px !important;
    }

    .logo {
        width: 100px;
    }
    
    .bg-pink {
        background: url("../images/home-banner.webp") no-repeat center center/cover;
        background-size: cover;
        background-position: center;
    }

    .navbar-toggler-icon {
        background-image:url(../images/toggle.png) !important;
        width: 1.9em !important;
        height: 1.7em !important;
    }

    .navbar-toggler {
        border: unset !important;
        border-radius: 8px !important;
        padding: 5px 12px !important;
    }

    .navbar-toggler:focus {
        text-decoration: none;
        outline: unset !important;
        box-shadow: none !important;
    }

    .navbar-collapse {
        text-align: right !important;
    }

    .navbar-nav {
        margin-top: 13px !important;
    }

    .nav-link {
        font-family: 'Maxima Nouva', serif !important;
        font-size: 25px !important;
        line-height: 30px !important;
        font-weight: 500 !important;
        color: #ffffff !important;
        padding: 13px 0px !important;
    }

    .main-btn-w {
        font-size: 25px !important;
        line-height: 30px !important;
        padding: 5px 12px;
    }

    .btns {
        display: flex;
        flex-direction: column;
        gap: 26px;
        padding: 13px 0;
    }


    /* --------------home-page-------------- */
    .hm-bn {
        background: url("../images/home-banner-mobile.webp") no-repeat center center/cover;
        height: 90vh;
    }

    .bn-owl {
        margin-top: 0em;
        width: 60%;
        height: auto;
    }

    .pillar-sec .swiper-button-prev {
        left: 0px !important;
    }

    .pillar-sec .swiper-button-next {
        right: 0px;
    }


    /* --------------lore-page-------------- */
    .lore-bn {
        background: url("../images/home-banner-mobile.webp") no-repeat center center/cover;
    }


    /* --------------taste-and-tales-page-------------- */
    .t-t-bn {
        height: 30vh;
    }

    .page-title {
        position: relative;
        height: 100%;
        justify-content: center;
        rotate: unset;
        transform: unset;
    }

    .taste-and-tales-sec .swiper-button-prev {
        left: 0px !important;
        background-image: url('../images/previous-sm-w.png');

    }

    .taste-and-tales-sec .swiper-button-next {
        right: 0px;
        background-image: url('../images/next-sm-w.png');
    }

    /* ------------------experiences-page------------------- */

    .experiences-bn, .bg-video {
        height: 90vh;
    }

    .view-icon {
        display: none !important;
    }

    .tiles-sec {
        justify-content: center;
        grid-template-columns: 1fr 1fr;
    }

}

@media (min-width: 1024px) {

    /* navbar */
    .navbar {
        width: calc(100vw - 3px);
        padding: 50px 115px !important;
    }

    .logo {
        width: 120px;
    }

    .mobile-nav {
        display: none !important;
    }

    .pt-lg-5 {
        padding-top: 3rem;
    }

}





/* xl */
@media (min-width: 1500px) {

    .pillar-sec .pillar-card {
        height: 400px;
        padding: 30px 80px !important;
    }

}