/*========== MIN ==========*/
@media (min-width:576px) {
    
    .visible-mobile-sm { display: none !important;}

} 

@media (min-width:768px) {
    
    .visible-mobile { display: none !important;}

    /* FORM */
    .field.half {
        width: calc(50% - var(--spacing-2xs)/2);
    }

    /* POPUP */
    .modal-columns {
        display: flex;
        width: 100%;
    }
    .modal-columns .modal-cover {
        width: 44.3902439024%;
    }
    .modal-columns .modal-cover .object-fit {
        height: 100%;
    }
    .modal-columns .modal-cover .object-fit:before {
        padding-bottom: 123.6263736264%;
        min-height: 100%;
    }
    .modal-columns .modal-content {
        flex: 1;
    }
    .modal-columns .modal-content .entry-content {
        padding-right: var(--spacing-xl);
    }

}

@media (min-width:992px) {
    
    .visible-device-sm { display: none !important;}
    .alignwide-on-device { width: 100% !important;}

    /* GENERAL */
    .container {
        padding-left: var(--spacing-lg);
        padding-right: var(--spacing-lg);
    }
    .container.lg {
        max-width: calc(1160px + var(--spacing-lg)*2);
    }
    .container.md {
        max-width: calc(960px + var(--spacing-lg)*2);
    }
    .container.sm {
        max-width: calc(688px + var(--spacing-lg)*2);
    }
    
    .f-left {
        margin-left: 0;
    }
    .f-right {
        margin-right: 0;
    }

    /* FORM */
    .ui-datepicker {
        width: calc(50vw - var(--spacing-lg)*2);
    }
    
    /* BOOK */
    .book-box {
        --book-height: 85px;
    }
    .book-box,
    .book-form .book-ctrl,
    .book-form .input {
        height: var(--book-height);
    }
    .book-form .fields {
        flex-wrap: nowrap;
    }
    .book-form .field {
        width: 100%;
    }
    .book-form .field:not(:first-child) {
        border-left: 1px solid rgba(var(--rgb-theme-main1),0.1);
    }
    .book-form .field[data-field="submit"] {
        flex: none;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }
    .book-form .field[data-field="destination"] {
        flex: none;
        width: 30vw;
    }
    .book-form .field[data-field*="date"] {
        flex: none;
        width: 20vw;
    }
    .book-form .field:first-child input, 
    .book-form .field:first-child textarea, 
    .book-form .field:first-child select, 
    .book-form .field:first-child .label, 
    .book-form .field:first-child .select2-container--default .select2-selection--single, 
    .book-form .field:first-child .select2-results__option, 
    .book-form .field:first-child .book-date .select-display {
        padding-left: var(--spacing-lg);
    }
    .book-form .select2-dropdown,
    .book-form .book-date .ui-datepicker {
        min-width: calc(100% + 2px);
        margin-left: -1px;
    }

    /* FOOTER */
    .footer-nav {
        display: grid;
        grid-template-columns: 40.2985074627% calc(100% - 40.2985074627% - var(--spacing-xl));
        grid-gap: var(--spacing-lg) 0;
        justify-content: space-between;
    }
    .footer-newsletter {
        grid-row: 1;
        grid-column: 1;
        align-self: baseline;
    }
    .footer-directory {
        grid-row: 1;
        grid-column: 2;
        align-self: baseline;
        grid-template-columns: 1fr 1fr 1fr auto;
        grid-gap: var(--spacing-xs);
    }
    .footer-residence,
    .footer-contact {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .footer-residence {
        grid-row: 2;
        grid-column: 1;
    }
    .footer-residence .entry-menu ul {
        display: flex;
        flex-wrap: wrap;
        margin-top: var(--spacing-2xs-minus);
        margin-left: var(--spacing-md-minus);
    }
    .footer-residence .entry-menu ul > li {
        margin-top: var(--spacing-2xs);
        margin-left: var(--spacing-md);
    } 
    .footer-residence .entry-menu ul > li:not(:last-child) {
        margin-bottom: 0;
    }
    .footer-contact {
        grid-row: 2;
        grid-column: 2;
    }

    /* SECTION */
    .sc-inner-frame {
        padding-top: var(--spacing-lg);
        padding-bottom: var(--spacing-lg);
    }
    
    .sc-elevator {
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        position: -webkit-sticky;
        position: sticky;
        top: calc(var(--header-height) + var(--spacing-lg));
    }
    
    .sc-boxes {
        display: flex;
    }
    .sc-boxes > .sc-box {
        width: 50%;
    }
    .sc-box.content .sc-container > .w-fix {
        width: 470px;
        max-width: 100%;
        margin-left: 0;
        margin-right: auto;
    }
    .sc-box.content .sc-container[data-row="top-bottom"][data-align="center"] {
        grid-template-rows: 1fr 1fr;
    }
    .sc-box.content .sc-container[data-row="top-bottom"][data-align="center"] > *[data-pos="top"] {
        align-self: flex-end;
    }
    .sc-box.content .sc-container[data-row="top-bottom"][data-align="center"] > *[data-pos="bottom"] {
        align-self: flex-start;
    }
    .sc-box.wall .sc-cover {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }
    .sc-box.wall .sc-cover .object-fit:before {
        padding-bottom: 0%;
        height: 100vh;
        height: calc(var(--vh, 1vh) * 100);
    }
    @supports (-webkit-touch-callout:none) {
        html.instagram-browser .sc-box.wall .sc-cover .object-fit:before {
            height: 100vh;
        }
    }
    

    *[data-section="boxes-wall"] *[data-dir-alt="ltr"] > .sc-boxes:nth-child(even),
    *[data-section="boxes-wall"] *[data-dir-alt="rtl"] > .sc-boxes:nth-child(odd) {
        flex-direction: row-reverse;
    }

    .sc-layout {
        display: flex;
        justify-content: space-between;
        position: relative;
    }
    .sc-layout > *:not(:first-child) {
        margin-top: 0 !important;
        margin-left: calc(var(--spacing-lg)*2);
    }
    .sc-layout > .sc-sidebar {
        width: 28.8888888889%;
    }
    .sc-layout > .sc-main {
        flex: 1;
    }

    .sc-columns {
        display: flex;
        justify-content: space-between;
    }
    .sc-columns.v-baseline {
        align-items: baseline;
    }
    .sc-columns.v-center {
        align-items: center;
    }
    .sc-columns > *:not(:first-child) {
        margin-top: 0 !important;
    }
    .sc-columns > .sc-column {
        width: calc(50% - var(--spacing-lg));
    }
    .sc-columns > *.v-baseline {
        align-self: baseline;
    }
    .sc-columns > *.v-center {
        align-items: center;
    }

    .sc-billboard.h-flex.frame {
        padding: calc(var(--spacing-lg)/2);
    }
    .sc-billboard.h-flex.frame .sc-cover .object-fit:before {
        height: calc(100vh - var(--header-height) - var(--spacing-lg));
        height: calc((var(--vh, 1vh) * 100) - var(--header-height) - var(--spacing-lg));
    }
    @supports (-webkit-touch-callout:none) {
        html.instagram-browser .sc-billboard.h-flex.frame .sc-cover .object-fit:before {
            height: calc(100vh - var(--header-height) - var(--spacing-lg));
        }
    }
    
    /* FILTER */
    .fn .select2-dropdown,
    .fn .fn-panel {
        max-width: calc(50vw - var(--spacing-lg)) !important;
    }

    /* MODULES */
    .destination-navi .sc-container {
        width: 50%;
        margin-left: auto;
        margin-right: 0;
    }

    .detail-columns {
        display: grid;
        grid-template-columns: repeat(2, calc(50% - var(--spacing-lg)/2));
        grid-template-rows: auto 1fr;
        justify-content: space-between;
    }
    .detail-columns .detail-column {
        grid-column: 1;
    }
    .detail-columns .detail-column.span-row {
        grid-column: 2;
        grid-row: 1 / span 2;
        border-top: 0;
    }

    .room-faq .accordion-container {
        display: flex;
        justify-content: space-between;
    }
    .room-faq .accordion-wrapper {
        width: calc(50% - var(--spacing-lg)/2);
    }

    .room-type-control {
        display: flex;
        justify-content: space-between;
    }
    .room-type-control > * {
        width: auto;
        max-width: calc(50% - var(--spacing-xs));
    }
    .room-type-control > *:not(:first-child) {
        margin-top: 0;
    }
    
    .room-type-preview {
        padding: var(--spacing-xl) 0;
    }
    
    /* SEGMENT */
    .segment-main .graphic-map {
        width: 466px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    

}

@media (min-width:1025px) {
    
    .visible-device { display: none !important;}
    
}

@media (min-width:1200px) {
    
    .visible-device-lg { display: none !important;}

}

@media (min-width:1280px) {

    /* HEADER */
    .header-nav {
        grid-template-columns: 1fr auto 1fr;
    }
    
    .header-menu-ctrl,
    .header-menu .tools {
        display: none !important;
    }
    .header-menu {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        grid-row: 1;
        grid-column: 2;
    }
    .header-menu .panel,
    .header-menu .wrap,
    .header-menu .inner,
    .header-menu .menu {
        height: 100%;
    }
    .header-menu .menu {
        display: flex;
        justify-content: flex-end;
    }
    .header-menu .menu > li {
        position: relative;
    }
    .header-menu .menu > li:not(:last-child) {
        margin-right: var(--spacing-md);
    }
    .header-menu .menu-dropdown {
        visibility: visible !important;
        height: auto !important;
        width: auto !important;
        margin: 0 !important;
        display: none;
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content;
        padding: 0 var(--spacing-md) var(--spacing-md);
        background-color: rgba(255,255,255,0.9);
        color: var(--color-body);
        position: absolute;
        z-index: 2;
        top: 100%;
        left: var(--spacing-md-minus); 
        overflow: hidden;
    }
    .header-menu .menu-dropdown li:not(:last-child) {
        margin-bottom: var(--spacing-2xs);
    }
    html.hover .header-menu .menu > li:not(:hover) > a {
        opacity: var(--opacity-light);
    }
    html.menu-active:not(.hover) .header-menu .menu > li > a {
        opacity: var(--opacity-light);
    }
    html.menu-active:not(.hover) .header-menu .menu > li > a.active {
        opacity: 1;
    }

    html.index-html.header-bound-hide #header.header-fixed {
        position: absolute;
        top: 100vh;
        top: calc(var(--vh, 1vh) * 100);
    }
    @supports (-webkit-touch-callout:none) {
        html.instagram-browser.index-html.header-bound-hide #header.header-fixed {
            top: 100vh;
        }
    }

    .header-segment {
        grid-template-columns: 1fr auto auto 1fr;
    }    
    .header-segment > .header-menu {
        grid-column: 3;
    }
    .header-segment > .header-system {
        grid-column: 4;
    }
    .header-segment > .header-book {
        grid-column: 5;
    }

    /* FOOTER */
    .footer-nav {
        grid-template-columns: 40.2985074627% calc(100% - 40.2985074627% - var(--spacing-2xl) - var(--spacing-md));
    }

    /* SECTION */
    .sc-layout > .sc-main > .w-fix,
    .sc-columns > .sc-column > .w-fix {
        width: calc(100% - var(--spacing-lg)*3);
        margin-left: 0;
        margin-right: auto;
    }

    .detail-columns {
        grid-template-columns: repeat(2, calc(50% - var(--spacing-lg)));
    }

    .room-faq .accordion-wrapper {
        width: calc(50% - var(--spacing-lg));
    }
    
    /* FORM */
    .ui-datepicker {
        width: calc(50vw - var(--spacing-lg)*5);
    }

}

@media (min-width:1440px) {
    
    /* BOOK */
    .book-ctrl {
        font-size: var(--font-size-xl);
    }

    /* SECTION */
    .sc-box.content .sc-container > .w-fix {
        width: 69.6296296296%;
    }
    
}

/*========== MAX ==========*/
@media (max-width:1279px) {

    :root {
        --header-height: 60px;
        --input-height: 60px;
    }

    /* HAMBURGER */
    .hamburger {
        position: relative;
        display: block;
        width: 22px;
        height: 15px;
        padding: 8px 0;
    }
    .hamburger .bars,
    .hamburger .bars:before,
    .hamburger .bars:after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background: var(--color-theme-main1);
        transition: var(--transition);
    }
    .hamburger .bars {
        display: block;
        font-size: 0;
        line-height: 0;
        top: 50%;
        transform: translateY(-50%);
        transition-property: background-color, transform;
}
    .hamburger .bars:before,
    .hamburger .bars:after {
        display: block;
        content: "";
    }
    .hamburger .bars:before {
        top: -6px;
        transition-property: background-color, top;
        transition-delay: 0s, .10s;
    }
    .hamburger .bars:after {
        bottom: -6px;
        transition-property: background-color, bottom, transform;
        transition-delay: 0s, .10s, 0s;
    }
    .ctrl.active > .hamburger .bars {
        transform: translateY(-50%) rotate(45deg);
        transition-delay: 0s, .10s;
    }
    .ctrl.active > .hamburger .bars:before {
        top: 0;
        opacity: 0;
    }
    .ctrl.active > .hamburger .bars:after {
        bottom: 0;
        transform: rotate(-90deg);
        transition-delay: 0s, 0s, .10s;
    }
    .ctrl:not(.active) > .hamburger {
        width: 15px;
    }
    .ctrl:not(.active) > .hamburger .bars:before,
    .ctrl:not(.active) > .hamburger .bars:after {
        width: 146.6666666667%;
    }
    
    /* HEADER */
    .header-brand,
    .header-system,
    .header-menu-ctrl,
    html.header-menu-enabled .header-book {
        position: relative;
        z-index: 101;
    }
    .header-menu-ctrl {
        grid-row: 1;
        grid-column: 2;
        justify-self: start;
        align-self: center;
    }
    .header-menu {
        display: none;
        position: fixed;
        z-index: 100;
        left: 0;
        top: 0;
        width: 100vw;
        max-width: 100vw;
        margin: 0 calc(50% - 50vw);
        height: 100vh;
        height: calc(var(--vhFlexible, 1vh) * 100);
        padding-top: var(--header-height);
        background: #fff;
        color: var(--color-body);
        overflow: hidden;
        transition: none;
    }
    @supports (-webkit-touch-callout:none) {
        html.instagram-browser .header-menu {
            height: 100vh;
        }
    }
    .header-menu .panel {
        position: relative;
        z-index: 2;
        width: 100%;
        height: 100%;
        display: block;
        text-align: center;
    }
    .header-menu .wrap {
        width: auto;
        max-width: none;
        height: 100%;
        padding: 0 25px 0 0;
        margin-right: -25px;
        overflow: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .header-menu .inner {
        position: relative;
        width: 100%;
        min-height: 100%;
        display: flex;
        flex-direction: column;
        text-align: left;
        padding-bottom: var(--spacing-md);
    }
    .header-menu .inner > * {
        width: 100%;
    }
    .header-menu .inner > *:not(:first-child) {
        margin-top: var(--spacing-md);
    }
    .header-menu .menu {
        flex: 1;
    }
    .header-menu .menu li {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }
    .header-menu .menu > li {
        padding: var(--spacing-sm) var(--spacing-lg) 0;
        margin-bottom: -1px;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        transition: var(--transition);
    }
    .header-menu .menu > li.active {
        border-color: rgba(var(--rgb-theme-main1),0.1);
        background-color: var(--color-gray-light);
    }
    .header-menu .menu > li:not(.active) + li.active {
        margin-top: var(--spacing-sm);
    }
    .header-menu .menu > li > a.active + a.next {
        color: var(--color-theme-main1);
    }
    .header-menu .menu-dropdown {
        width: 100%;
        transition: none;
        display: none;
    }
    .header-menu .menu-dropdown ul {
        padding: var(--spacing-sm) 0;
    }
    .header-menu .menu-dropdown li:not(:last-child) {
        margin-bottom: var(--spacing-xs);
    }
    .header-menu .tools {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-gap: 0 var(--spacing-xs);
        padding: 0 var(--spacing-lg);
    }
    .header-menu .account-tool {
        grid-row: 1;
        grid-column: 1;
    }
    .header-menu .currency-tool {
        grid-row: 1;
        grid-column: 2;
        justify-self: end;
    }
    html.header-menu-enabled {
        overflow: hidden !important;
    }

    .header-system .account-tool,
    .header-system .currency-tool {
        display: none !important;
    }
    .header-system .account-tool + .tool,
    .header-system .currency-tool + .tool {
        margin-left: 0 !important;
    }

    .header-segment {
        grid-template-columns: auto 1fr auto auto;
    }    
    .header-segment > .header-menu {
        grid-column: 3;
    }
    .header-segment > .header-system {
        grid-column: 4;
    }
    .header-segment > .header-book {
        grid-column: 5;
    }

}

@media (max-width:1199px) {
    
    .hidden-device-lg { display: none !important;}
    
}

@media (max-width:1024px) {
    
    .hidden-device { display: none !important;}
    
}

@media (max-width:991px) {
    
    .hidden-device-sm { display: none !important;}
    .alignfull-device-sm { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important;}

    .c-white-m { color: #fff !important;}
    .c-black-m { color: #000 !important;}
    
    /* GENERAL */
    .container,
    .header-menu .menu > li,
    .header-menu .tools,
    .swiper-pagination-custom,
    .gallery-slider,
    .room-type {
        padding-left: var(--spacing-xs);
        padding-right: var(--spacing-xs);
    }

    /* POPUP */
    .popup-style-gallery .mfp-arrow-left {
        left: var(--spacing-sm) !important;
    }
    .popup-style-gallery .mfp-arrow-right {
        right: var(--spacing-sm) !important;
    }
    .popup-style-gallery .mfp-custom-media-wrapper > * {
        width: 100% !important;
    }
    .popup-style-gallery .mfp-custom-ctrl {
        top: var(--spacing-sm);
        right: var(--spacing-sm);
    }

    /* BOOK */
    .book-ctrl {
        padding: 0 var(--spacing-xs);
    }
    .book-box {
        position: fixed;
        height: calc(100vh - var(--header-height));
        height: calc((var(--vhFlexible, 1vh) * 100) - var(--header-height));
        overflow: hidden;
    }
    @supports (-webkit-touch-callout:none) {
        html.instagram-browser .book-box {
            height: calc(100vh - var(--header-height));
        }
    }
    .book-box-wrap {
        width: auto;
        max-width: none;
        height: 100%;
        padding: 0 25px 0 0;
        margin-right: -25px;
        overflow: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    .book-form .fields {
        display: flex;
        flex-direction: column;
        padding-top: var(--spacing-3xs);
        min-height: calc(100vh - var(--header-height));
        min-height: calc((var(--vhFlexible, 1vh) * 100) - var(--header-height));
        transition: var(--transition);
    }
    @supports (-webkit-touch-callout:none) {
        html.instagram-browser .book-form .fields {
            min-height: calc(100vh - var(--header-height));
        }
    }
    .book-form .fields {
        padding-left: var(--spacing-xs);
        padding-right: var(--spacing-xs);
    }
    .book-form .field:not(:first-child) {
        border-top: 1px solid rgba(var(--rgb-theme-main1),0.1);
    }
    .book-form .field[data-field="submit"] {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        border: 0;
        padding: 0;
    }
    .book-form .field[data-field="submit"] {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
    }
    .book-form .field[data-field="submit"] .book-ctrl {
        width: 100%;
    }
    .book-form input, 
    .book-form textarea, 
    .book-form select, 
    .book-form .label, 
    .book-form .select2-container--default .select2-selection--single, 
    .book-form .book-date .select-display {
        padding-left: var(--spacing-3xs);
        padding-right: var(--spacing-3xs);
    }
    .book-form .select2-results__option {
        padding-left: var(--spacing-xs);
        padding-right: var(--spacing-xs);
    }
    .book-form .select2-container--default .select2-selection--single .select2-selection__arrow b:before, 
    .book-form .datepicker:before, 
    .book-form .book-date .select-display:after {
        padding-right: var(--spacing-3xs);
    }
    html.book-enabled {
        overflow: hidden !important;
    }
    html.book-enabled .header-nav {
        background: #fff;
    }
    
    /* HEADER */
    .header-book {
        margin-right: var(--spacing-xs-minus);
    }

    html.index-html.header-bound-hide:not(.header-menu-enabled):not(.book-enabled) #header.header-fixed {
        position: absolute;
        top: 100vh;
        top: calc(var(--vh, 1vh) * 100);
    }
    @supports (-webkit-touch-callout:none) {
        html.instagram-browser.index-html.header-bound-hide:not(.header-menu-enabled):not(.book-enabled) #header.header-fixed {
            top: 100vh;
        }
    }

    /* FOOTER */
    .footer-nav {
        padding-top: var(--spacing-lg);
        padding-bottom: var(--spacing-lg);
    }
    .footer-nav > *:not(:first-child) {
        margin-top: var(--spacing-lg);
    }
    .footer-directory {
        display: grid;
        grid-template-columns: 50% 50%;
        grid-gap: var(--spacing-lg) 0;
    }
    .footer-directory > *:not(:nth-child(even)) {
        padding-right: var(--spacing-xs);
    }

    #addon {
        right: var(--spacing-xs);
        bottom: var(--spacing-xs);
    }

    /* SECTION */
    .sc-inner-frame {
        padding-top: var(--spacing-xs);
        padding-bottom: var(--spacing-xs);
    }
    
    .sc-menu:not(.destroy-device-sm) {
        width: 100vw !important; 
        max-width: 100vw !important; 
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
    }
    .sc-menu.destroy-device-sm .swiper-wrapper,
    .sc-menu.destroy-device-sm .swiper-slide {
        transform: none !important;
        width: 100% !important;
        flex-direction: column;
    }
    .sc-menu.destroy-device-sm .swiper-slide {
        width: 100% !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
    .sc-menu.destroy-device-sm .swiper-slide:not(:last-child) {
        padding-right: 0;
    }

    .sc-billboard.h-flex.frame,
    .sc-billboard.h-flex.frame .sc-inner {
        padding: var(--spacing-xs);
    }
    .sc-billboard.h-flex.frame .sc-cover .object-fit:before {
        height: calc(100vh - var(--header-height) - var(--spacing-xs)*2);
        height: calc((var(--vh, 1vh) * 100) - var(--header-height) - var(--spacing-xs)*2);
    }
    @supports (-webkit-touch-callout:none) {
        html.instagram-browser .sc-billboard.h-flex.frame .sc-cover .object-fit:before {
            height: calc(100vh - var(--header-height) - var(--spacing-xs)*2);
        }
    }
    .sc-billboard .swiper-pagination-custom {
        padding-left: var(--spacing-xs);
    }

    .sc-slider .swiper-pagination-custom {
        padding-left: calc(var(--spacing-xs) + var(--spacing-3xs));
    }

    .sc-boxes {
        flex-direction: column;
    }
    .sc-boxes > .sc-box {
        width: 100%;
    }
    .sc-box.content.h-fix-device-sm .sc-container {
        min-height: calc(125vw - var(--spacing-xl)*2);
    }
    
    .sc-billboard .sc-cover .object-fit:before,
    .sc-box-quote .sc-cover .object-fit:before {
        padding-bottom: 0%;
        height: calc(100vh - var(--header-height) - var(--spacing-xs)*2);
        height: calc((var(--vh, 1vh) * 100) - var(--header-height) - var(--spacing-xs)*2);
    }
    @supports (-webkit-touch-callout:none) {
        html.instagram-browser .sc-billboard .sc-cover .object-fit:before,
        html.instagram-browser .sc-box-quote .sc-cover .object-fit:before {
            height: calc(100vh - var(--header-height) - var(--spacing-xs)*2);
        }
    }

    *[data-section="boxes-tile"] > .sc-boxes-container[data-dir-alt="ltr"] > .sc-boxes:nth-child(odd) > .sc-box.content > .sc-inner,
    *[data-section="boxes-tile"] > .sc-boxes-container[data-dir-alt="rtl"] > .sc-boxes:nth-child(even) > .sc-box.content > .sc-inner,
    .sc-inner > .sc-boxes-container[data-dir-alt="ltr"] > .sc-boxes:nth-child(odd) > .sc-box.content > .sc-inner,
    .sc-inner > .sc-boxes-container[data-dir-alt="rtl"] > .sc-boxes:nth-child(even) > .sc-box.content > .sc-inner {
        padding-bottom: 0;
    }
    *[data-section="boxes-tile"] > .sc-boxes-container[data-dir-alt="ltr"] > .sc-boxes:nth-child(even) > .sc-box.content > .sc-inner,
    *[data-section="boxes-tile"] > .sc-boxes-container[data-dir-alt="rtl"] > .sc-boxes:nth-child(odd) > .sc-box.content > .sc-inner,
    .sc-inner > .sc-boxes-container[data-dir-alt="ltr"] > .sc-boxes:nth-child(even) > .sc-box.content > .sc-inner,
    .sc-inner > .sc-boxes-container[data-dir-alt="rtl"] > .sc-boxes:nth-child(odd) > .sc-box.content > .sc-inner {
        padding-top: 0;
    }

    .sc-single .sc-cover .object-fit:before {
        padding-bottom: 112.5%;
    }

    /* MODULES */
    .card-container.type-grid {
        grid-gap: var(--spacing-xs);
    } 
    .card .entry-logo .object > * {
        width: 24vw;
        height: 10vw;
        max-width: 88px;
        max-height: 38px;
    }

    *[data-card="offer"].type-grid,
    *[data-card="feature"].type-grid {
        grid-template-columns: 100%;
        grid-column-gap: 0;
    } 
    
    *[data-card="feature"] .card .caption,
    *[data-card="feature"] .card .cover .object-overlay {
        padding: var(--spacing-md);
    }
    *[data-card="feature"].type-slider .swiper-slide {
        width: 100% !important;
    }

    .gallery-slider .object > * {
        height: 60.2666666667vw;
    }

    .room-faq .accordion-wrapper:not(:first-child) {
        border-top: 1px solid rgba(var(--rgb-theme-main1),0.1);
    }
    
    .room-type-preview {
        padding: 0 var(--spacing-md);
    }
    .room-type-preview .object > * {
        height: 54vw;
    }
    .room-type-preview:not(:last-child) {
        margin-bottom: var(--spacing-lg);
    }

    .room-testimonial {
        margin: 0 calc(var(--spacing-xs-minus)/2);
    }
    .room-testimonial .swiper-slide {
        width: calc((100% - var(--spacing-xs))/2) !important;
        padding: 0 calc(var(--spacing-xs)/2);
    }
    .room-testimonial .swiper-mask {
        -webkit-mask-box-image: none !important;
    }
    .room-testimonial .swiper-container {
        -webkit-mask-box-image: none !important;
        overflow: visible;
    }

}

@media (max-width:767px) {
    
    .hidden-mobile { display: none !important;}

    :root {
        --font-size-2xl: 26px;
        --font-size-3xl: 40px;
    }

    /* POST */
    .entry-content .wp-block-gallery .blocks-gallery-grid {
        grid-template-columns: repeat(2,1fr) !important;
    }
    .entry-content .wp-block-gallery .blocks-gallery-grid:nth-child(odd):last-child {
        grid-column: span 2 !important;
    }
    .entry-gallery .gallery-item .object-fit:before {
        padding-bottom: 120%;
    }

    /* SECTION */
    .sc-menu-container {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding-left: var(--spacing-xs);
        padding-right: var(--spacing-xs);
    }
    .sc-menu-container:after {
        width: calc(100% - var(--spacing-xs)*2);
    }

    /* MODULES */
    *[data-card="feature"].type-slider .card .caption,
    *[data-card="feature"].type-slider .card .cover .object-overlay {
        padding-top: var(--spacing-lg);
        padding-bottom: var(--spacing-lg);
    }
    *[data-card="feature"].type-slider .card .cover .object-fit:before {
        padding-bottom: 169.5833333333%;
    }

    .room-testimonial .swiper-slide {
        width: calc(100% - var(--spacing-xs)) !important;
    }

}

@media (max-width:575px) {
    
    .hidden-mobile-sm { display: none !important;}

    /* MODULES */
    .detail-columns .entry-content .table-mask {
        width: 100vw;
        max-width: 100vw;
        margin: 0 calc(50% - 50vw);
        padding: 0 var(--spacing-xs);
        -webkit-mask-box-image: -webkit-linear-gradient(0deg, transparent 0%, white var(--spacing-xs));
    }
    .detail-columns .entry-content .table-rwd {
        display: block;
        width: 100vw;
        max-width: 100vw;
        margin: 0 calc(50% - 50vw);
        padding: 0 var(--spacing-xs);
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        margin-bottom: var(--spacing-xs-minus);
        -webkit-mask-box-image: -webkit-linear-gradient(180deg, transparent 0%, white var(--spacing-xs));
    }
    .detail-columns .entry-content .table-rwd table {
        width: 100%;
        max-width: 100%;
        margin-bottom: var(--spacing-xs);
        white-space: nowrap;
    }
    
}

@media (max-width:414px) {
    
    /* POPUP */
    .modal-columns .modal-content {
        min-height: 96vw;
    }
    
}

/*========== MIN and MAX ==========*/
@media (min-width:1280px) and (max-width:1439px) {

    .book-ctrl {
        font-size: var(--font-size-md);
    }

    .book-box,
    .header-nav {
        font-size: var(--font-size-sm);
    }
    
}

@media (min-width:992px) and (max-width:1279px) {

    html.index-html.header-bound-hide:not(.header-menu-enabled) #header.header-fixed {
        position: absolute;
        top: 100vh;
        top: calc(var(--vh, 1vh) * 100);
    }
    @supports (-webkit-touch-callout:none) {
        html.instagram-browser.index-html.header-bound-hide:not(.header-menu-enabled) #header.header-fixed {
            top: 100vh;
        }
    }

}