/*
* Template Name: Chateau Du Village
* Author: Gavin
* Designed & Coding by : Gavin
*/

@media (max-width: 1440px) {
    .common-wrapper .common-content.width-auto {
        max-width: var(--breakpoint-auto);
    }
}

@media (max-width: 1280px) {}

@media (max-width: 1024px) {
    h1 {
        font-size: 2rem;
    }

    h2 {
        font-size: 1.8rem;
    }

    h3 {
        font-size: 1.5rem;
    }

    h4 {
        font-size: 1.2rem;
    }

    h5 {
        font-size: 0.9rem;
    }

    h6 {
        font-size: 0.9rem;
    }

    /*-------------------------------------*/
    /* COMMON MAIN NAV */
    /*-------------------------------------*/
    .common-navbar .navbar-container .uk-navbar .uk-navbar-nav {
        margin-bottom: 23px;
    }

    .common-navbar.active .navbar-container .uk-navbar .uk-navbar-nav {
        margin-bottom: 0;
    }
    .common-navbar .navbar-container .navbar-right ul li:nth-child(2),
    .common-navbar .navbar-container .uk-navbar .uk-navbar-nav .navbar-button {
        display: none;
    }
    /*-------------------------------------*/
    /* SLIDESHOW */
    /*-------------------------------------*/
    .common-slideshow .main-scroll {
        display: none;
    }

    /*-------------------------------------*/
    /* WRAPPER */
    /*-------------------------------------*/
    .common-wrapper .common-content .common-row,
    .common-footer .common-footer-content .common-row,
    .common-footer .common-content .common-row {
        padding: 50px 0;
    }
    .common-wrapper .common-content .common-row.padding-remove-m{
        padding: 50px 0 !important;
    }
    .common-wrapper .common-content .col-30,
    .common-wrapper .common-content .col-40,
    .common-wrapper .common-content .col-50,
    .common-wrapper .common-content .col-60,
    .common-wrapper .common-content .col-70 {
        width: 100%;
    }

    .common-wrapper .common-content.width-auto {
        padding: 0 30px;
    }

    /*-------------------------------------*/
    /* COMMON CARD */
    /*-------------------------------------*/
    .slide-two,
    .common-card .card-body {
        padding: 0;
    }

    .common-card .card-body.card-content {
        margin-bottom: 50px;
    }

    .common-card .slide-one.uk-slider .nav-slide {
        left: -15px;
    }

    /* .common-card .slide-one.uk-slider .card-media .column-2 {
        display: none;
    } */
    .common-card .slide-one.uk-slider .nav-slide {
        left: 0;
        right: 0;
        margin: 50px auto;
    }

    .slide-two .uk-slider .nav-slide {
        left: 0;
        right: 0;
        margin: auto;
        margin-top: 30px;

    }
    .common-card .content-height .height-60,
    .common-card .content-height .height-40{
        height: auto;
    }
    /*-------------------------------------*/
    /* SLIDE CENTER */
    /*-------------------------------------*/
    .common-slider-center {
        padding: 0;
    }
    /*-------------------------------------*/
    /* AROUND & ABOUT*/
    /*-------------------------------------*/
    .common-around-about .card-grid{
        flex-wrap: wrap;
        gap: 50px;
    }
    .common-around-about .card-grid .media-map img{
        height: auto !important;
    }
    .common-around-about .card-grid .media-map,
    .common-around-about .card-grid .card-boby{
        width: 100%;
    }
    .common-around-about .card-boby .card-inner{
        padding: 30px;
    }
    .common-around-about .card-boby .item-entry{
        gap: 10px;
    }
    /*-------------------------------------*/
    /* BOOKING MOBILE */
    /*-------------------------------------*/
    .booking_mobile {
        display: flex;
    }

    /*-------------------------------------*/
    /* CONTACT */
    /*-------------------------------------*/
    .common-contact .uk-child-width-1-2\@s > *{
        width: 100%;
    }
    .common-contact .common-body{
        margin-top: 50px;
    }
    .common-contact .common-media{
        padding: 0;
    }

    /*-------------------------------------*/
    /* FOOTER*/
    /*-------------------------------------*/
    .common-copyright {
        margin-bottom: 50px;
    }

    .common-whatsapp {
        bottom: 80px;
        right: 30px;
    }

}

@media (max-width: 980px) {
    .common-off-canvas {
        width: 100%;
    }

    .common-off-canvas .nav-off-canvas {
        width: 100%;
        left: 0;
        text-align: center;
        justify-content: center;
    }
    .common-lightbox .uk-child-width-1-3\@m>*,
    .common-lightbox .uk-child-width-1-5\@m>* {
        width: 50%;
    }
}

@media (max-width: 960px) {
    .slide-two .card-body {
        padding: 50px 0 0;
    }
}

@media (max-width: 768px) {
    .common-navbar .navbar-container .uk-navbar .uk-navbar-nav {
        gap: 10px;
    }

    .common-footer,
    .common-footer .logo-m {
        display: block;
        text-align: center;

    }

    .common-footer .main-logo {
        display: none;
    }

    .common-footer .social_media {
        margin-top: 30px;
        float: none;
    }

    .common-slider-center .uk-width-3-4 {
        width: 100%;
    }
}

@media (max-width: 639px) {
    .common-card .switch-card .body-switch {
        margin-bottom: 50px;
    }
    .common-card .switch-card .uk-slideshow-items{
        height: auto;
    }

    .common-card .switch-card .uk-card-body,
    .common-card .switch-card .body-switch .uk-card-bod {
        padding: 30px 0 0;
    }

    .common-slider-center .title-slider h3 {
        font-size: 1.4rem;
    }
    .common-contact .common-body .uk-card-body ul li{
        margin: 5px 0;
    }
    .common-page-404 .heading-large{
        font-size: 10rem;
    }
    .common-card-overlay .card-overlay .card-title{
        display: none;
    }
    .common-card-overlay .card-overlay .card-body{
        transform: translate(0%,0%);
    }
    .common-card-overlay .card-overlay .card-media::before{
        height: 100%;
        opacity: 0.8;
    }
    .common-card-child .card-body{
        padding: 30px;
    }
    .common-around-about .uk-subnav-pill > * > :first-child{
        padding: 5px 5px;
        font-size: 0.7rem;
    }
    .common-around-about .uk-subnav > *{
        padding-left: 5px;
    }
}

@media (max-width: 425px) {}

@media (max-width: 414px) {
    .common-card-child .card-body .icon-set ul,
    .slide-two .card-body .icon-set ul {
        column-count: 1;
    }
}

@media (max-width: 320px) {}