/*========== min ==========*/
@media (min-width:576px) {
    
    .visible-mobile-sm { display: none !important;}
    
    /* Size */
    body, .size-body, 
    .input {
        font-size: 16px;
        line-height: 1.7;
    }
    
    h6, .size-h6, 
    #footer .title,
    .room .entry-info,
    .nav {
        font-size: 18px;
    }
    
    h5, .size-h5 {
        font-size: 20px;
        line-height: 1.3;
    }
    
    h4, .size-h4, legend,
    .blog .entry-title,
    .card .entry-title,
    .content-group .entry-title,
    .accordion .headline .entry-title,
    .topic .entry-title,
    .mfp-title {
        font-size: 22px;
        line-height: 1.3;
    }

    h3, .size-h3 {
        font-size: 26px;
        line-height: 1.3;
    }
    .post .entry-title {
        font-size: 32px;
        line-height: 1.3;
    }
    h2, .size-h2,
    h1, .size-h1 {
        font-size: 38px;
        line-height: 1.3;
    }
    
    /* Form */
    .fields .field.half {
        width: 50%;
    }
    
    .form fieldset.sets {
        display: flex;
        justify-content: space-between;
    }
    .form fieldset.sets > fieldset {
        width: calc(50% - calc(25px/2));
    }
    .form fieldset.sets > fieldset:not(:last-child) {
        margin-bottom: 0;
    }
    
    
    
} 

@media (min-width:768px) {
    
    .visible-mobile { display: none !important;}
    
    .container { max-width: 1140px;}
    .container.md { max-width: 830px;}
    .container.fluid { max-width: 100%;}
    
    .width-md,
    .single .post { 
        width: 100%;
        max-width: 740px;
        margin-left: auto; 
        margin-right: auto;
    }
    
    /* section */
    .sc-headline.grid {
        display: grid;
        grid-gap: 10px 15px;
        grid-template-columns: 1fr auto;
        grid-template-rows: auto;
        grid-auto-flow: dense;
        align-items: baseline;
    }
    .sc-headline.grid .sc-desc {
        grid-column: span 2;
    }
    .sc-headline.grid > * {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    
    /* blog */
    .blog-main.single #cover .sc-container {
        margin-bottom: -100px;
    }
    .blog-main.single #article:not(:first-child) {
        padding-top: 100px;
    }
    
    /* Wedding */
    .entry-package {
        display: flex;
        justify-content: space-between;
    }
    .package,
    .package .content {
        display: flex;
        flex-direction: column;
    }
    .package {
        width: calc(50% - 45px);
        justify-content: space-between;
    }
    .package .content,
    .package .row:nth-last-of-type(2) {
        flex: 1;
    }
    .package .row:nth-last-of-type(2) {
        padding-bottom: 30px;
    }
    
    .entry-package {
        flex-wrap: wrap;
    }
    .entry-package .package {
        width: 100%;
    }
    .entry-package .package:not(:last-child) {
        margin-bottom: 50px;
    }
    
}

@media (min-width:992px) {
    
    .visible-device-sm { display: none !important;}
    
    /* Section */
    .sc-layout {
        display: grid;
        grid-gap: 0 55px;
        grid-template-columns: 280px 1fr;
    }
    .sc-layout:not(:first-child) {
        margin-top: 60px;
    }
    .sc-layout:not(:last-child) {
        margin-bottom: 75px;
    }
    .sc-layout>*:not(:last-child) {
        margin-bottom: 0;
    }
    
    .sc-sidebar {
        border-right: 1px solid #b73d25;
        padding-right: 55px;
    }
    .sc-sidebar.toggle .sc-content {
        display: block !important;
        height: auto !important;
        top: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    .sc-2columns {
        display: flex;
        align-items: center;
    }
    .sc-2columns > .sc-column {
        width: 50%;
    }
    .sc-2columns > .spacing-right {
        padding-right: 90px;
    }
    
    .sc-2tiles {
        display: flex;
    }
    
    .sc-tile {
        width: 50%;
        position: relative;
    }
    .sc-tile.details {
        padding-top: 100px;
        padding-bottom: 100px;
        align-self: center;
    }
    
    .sc-tile.cover > .image {
        width: 50vw;
        max-width: 50vw;
        min-height: 100%;
    }
    .sc-tile.cover > .float {
        width: 78.4761904%;
        position: absolute;
        z-index: 1;
        top: 50%; left: 0;
        transform: translateY(-50%);
    }
    .sc-tile.cover > .float .image {
        transform: translateX(-45px);
        box-shadow: 0px 15px 30px -15px rgba(0,0,0,0.8);
    }
    .sc-tile.cover > .float .object-fit:before {
        padding-bottom: 133.4951456%;
    }
    
    .sc-2tiles.rtl {
        flex-direction: row-reverse;
    }
    .sc-2tiles.rtl .sc-tile.details {
        padding-right: 90px;
    }

    
    /* Blog */
    .blog-grid {
        grid-gap: 60px 40px;
        grid-template-columns: repeat(6, 1fr);
    }
    .blog-grid .blog {
        grid-column: auto / span 2;
    }
    .blog-grid.featured .break {
        grid-row: 2;
        grid-column: auto / span 6;
    }
    .blog-grid.featured .blog:nth-child(1),
    .blog-grid.featured .blog:nth-child(2) {
        grid-column: auto / span 3;
    }
    
    .blog-container {
        margin: 0 -20px;
    }
    .blog-container .swiper-slide {
        width: 33.3333333%;
        padding: 0 20px;
    }
    
    /* Room */
    .room .sc-container {
        display: flex;
        align-items: center;
    }
    .room .sc-images {
        width: 57.4285714%;
    }
    .room .sc-details {
        flex: 1;
        padding: 0 60px;
    }
    .roomall > .room:nth-child(odd) .sc-container {
        flex-direction: row-reverse;
    }
    .roomall > .room:nth-child(odd) .sc-details {
        padding-left: 0;
    }
    .roomall > .room:nth-child(even) .sc-details {
        padding-right: 0;
    }
    
    .room-main.single #article .sc-container,
    .wedding-main.single #article .sc-container {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
    }
    .room-main.single #article .sc-container > *,
    .wedding-main.single #article .sc-container > * {
        width: 43.8095238%;
    }
    .room-main.single #article .sc-container > *:not(:last-child),
    .wedding-main.single #article .sc-container > *:not(:last-child) {
        margin-bottom: 0;
    }
    
    /* Wedding */
    .wedding-main.single #article .sc-container {
        flex-direction: row-reverse;
        align-items: flex-start;
    }
    .wedding-main.single #article .sc-headline {
        padding: 30px 0;
    }
    
    /* Story */
    .story-quote .sc-container {
        display: flex;
        align-items: center;
    }
    .story-quote .sc-images {
        flex: 1;
        margin: -50px auto;
    }
    .story-quote .sc-headline {
        width: 38.095238%;
        padding-left: 65px;
    }
    
    /* Index */
    .index-main .billboard .object-fit {
        max-height: calc(100vh - 80px);
        overflow: hidden;
    }
    .index-main .billboard .object-fit:before {
        padding-bottom: 51.7777777%;
    }
    
    #lead .sc-container {
        grid-gap: 30px 90px;
        grid-template-columns: 1fr 62.095238%;
    }
    #lead .sc-headline {
        grid-column: 1;
        grid-row: 1 / span 2;
    }
    #lead .sc-content {
        grid-column: 2;
        grid-row: 2;
    }
    #lead .sc-images {
        grid-column: 2;
        grid-row: 1;
    }
    
    .event-setup {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 50px;
    }
    .event-setup .meta {
        padding: 50px;
    }
    .event-setup-container .event-setup:nth-child(odd) .meta {
        order: -1;
    }
    
    .capacity-chart {
        padding: 0 50px;
    }
    .capacity-chart table {
        width: 100%;
    }
    .capacity-chart table tr > * {
        height: 50px;
        padding: 5px 20px;
        line-height: 1.3;
        text-align: center;
    }
    .capacity-chart table tr > *:first-child {
        text-align: left;
    }
    .capacity-chart table th {
        font-family: inherit;
        font-weight: 500;
    }
    .capacity-chart table thead {
        background: #ddc7b7;
        color: #fff;
    }
    .capacity-chart table tbody th {
        color: #b73d25;
        font-family: inherit;
        font-weight: 500;
    }
    .capacity-chart table tbody tr > * {
        border-bottom: 1px solid #b73d25;
    }
    .capacity-chart .title {
        display: none;
    }
    
    .popup-style-gallery .mfp-arrow,
    .popup-style-gallery .mfp-arrow:hover {
        color: #fff;
        text-shadow: 0 0 5px rgba(0,0,0,0.5);
    }

    /*========== v2023 ==========*/
    #footer.v2023 .footer-directory > *[data-menu="room"] > li > .toggle {
        display: none;
    }
    #footer.v2023 .footer-directory > *[data-menu="room"] > li > ul {
        display: block !important;
        height: auto !important;
        max-height: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
}

@media (min-width:1025px) {
    
    .visible-device { display: none !important;}
    
    .header-menu-ctrl,
    .header-menu-overlay,
    .header-menu .main-menu > li.has-dropdown .toggle {
        display: none !important;
    }
    .header-menu {
        opacity: 1 !important;
        visibility: visible !important;
        display: block !important;
        top: auto !important;
        align-self: flex-start;
        transform: translateY(-11px);
    }
    
    .header-menu .wrap,
    .header-menu .inner {
        height: 100%;
    }
    .header-menu .inner {
        display: flex;
        justify-content: space-between;
    }
    .header-menu .main-menu > li:not(:last-child) {
        margin-right: 25px;
    }
    .header-menu .main-menu > li > a,
    .header-menu .lang-tool .ctrl {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .header-menu .main-menu > li > a {
        display: flex;
        align-items: baseline;
    }
    .header-menu .main-menu > li.has-dropdown {
        position: relative;
    }
    .header-menu .main-menu > li.has-dropdown > a:after {
        font-family: 'iconfont';
        content: "\e90c";
        font-size: 10px;
        margin-left: 10px;
    }
    
    .header-menu .main-menu > li > a:hover,
    .header-menu .main-menu > li.has-dropdown:hover > a {
        color: #b73d25;
    }
    
    .header-menu .menu-dropdown {
        display: none;
        position: absolute;
        z-index: 1;
        top: auto; 
        left: -15px;
    }
    .header-menu .menu-dropdown .menu li {
        position: relative;
        width: 100%;
        margin-bottom: 1px;
    }
    .header-menu .menu-dropdown .menu a {
        min-width: 164px;
        min-height: 38px;
        padding: 7px 15px;
        white-space: nowrap;
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        background-color: #f8f4f1;
        color: #362f2d;
    }
    .header-menu .menu-dropdown .menu > li.has-dropdown > a:after {
        font-family: 'iconfont';
        content: "\e90a";
        font-size: 10px;
        margin-left: 10px;
        opacity: 0;
    }
    .header-menu .menu-dropdown .menu > li.has-dropdown > ul {
        display: none;
        position: absolute;
        z-index: 1;
        top: 0; left: 100%;
        padding-left: 1px;
    }
    .header-menu .menu-dropdown .menu a:hover,
    .header-menu .menu-dropdown .menu > li.has-dropdown:hover > a {
        background-color: #ddc7b7;
        color: #b73d25;
    }
    .header-menu .menu-dropdown .menu > li.has-dropdown:hover > a:after {
        opacity: 1;
    }
    .header-menu .menu-dropdown .menu > li.has-dropdown:hover > ul {
        display: block;
    }
    
    .header-menu .booking-tool {
        transform: translateY(-9px);
    }
    
    html.page-scrolling .header-menu {
        align-self: center;
        transform: none;
    }
    html.page-scrolling .header-menu .menu,
    html.page-scrolling .header-menu .tools {
        align-items: center;
    }
    html.page-scrolling .header-menu .booking-tool {
        transform: none;
    }
    
    html.starting .header-menu .booking-tool {
        opacity: 0;
        pointer-events: none;
    }
    
    /* Section */
    .sc-tile.cover > .float .image {
        transform: translateX(-90px);
    }
    
    .sc-2tiles.rtl .sc-tile.details {
        padding-right: 135px;
    }
    
    /* Card */
    .card-container.columns-3 > .swiper-wrapper > .swiper-slide:not(.swiper-slide-next):not(.swiper-slide-active) {
        opacity: 0;
        pointer-events: none;
    }
    .card-container.columns-3 > .swiper-wrapper > .swiper-slide.swiper-slide-next + .swiper-slide {
        opacity: 1;
        pointer-events: auto;
    }

    /*========== v2023 ==========*/
    #header.v2023 .header-system,
    #header.v2023 .header-menu .contact-tool,
    #header.v2023 .header-menu .menu-dropdown-ctrl,
    #header.v2023 .header-menu .menu-dropdown .ctrl {
        display: none !important;
    }

}

/*========== max ==========*/
@media (max-width:1199px) {
    
    .card-container.swiper-container > .swiper-button-prev { left: -22px;}
    .card-container.swiper-container > .swiper-button-next { right: -22px;}
    
}

@media (max-width:1024px) {
    
    .hidden-device { display: none !important;}
    
    /* Hamburger */
    .hamburger {
        position: relative;
        display: block;
        width: 30px;
        height: 14px;
        padding: 8px 0;
    }
    .hamburger .bars,
    .hamburger .bars:after,
    .hamburger .bars:before {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #b73d25;
        transition: .4s ease-in-out;
    }
    .hamburger .bars {
        display: block;
        font-size: 0;
        line-height: 0;
        top: 50%;
        transform: translateY(-50%);
        transition-property: background-color, transform;
    }
    .hamburger .bars:after,
    .hamburger .bars:before {
        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;
    }
    .hamburger.active .bars {
        transform: translateY(-50%) rotate(45deg);
        transition-property: background-color, transform;
        transition-delay: 0s, .10s;
    }
    .hamburger.active .bars:before {
        top: 0;
        opacity: 0;
    }
    .hamburger.active .bars:after {
        bottom: 0;
        transform: translateY(-50%) rotate(-90deg);
        transition-property: background-color, bottom, transform;
        transition-delay: 0s, 0s, .10s;
    }
    
    /* Header */
    .header-menu-enabled {
        overflow: hidden !important;
    }
    .header-menu-ctrl {
        grid-row: 1;
        grid-column: 2;
        position: relative;
        z-index: 102;
        align-self: center;
        justify-self: end;
        line-height: 1;
    }
    .header-menu {
        grid-column: auto;
        position: fixed;
        z-index: 101;
        right: 0; top: 0;
        height: 100vh;
        height: calc((var(--vhFlexible, 1vh) * 100));
        width: 100vw;
        max-width: 100vw;
        margin: 0 calc(50% - 50vw);
        color: #362f2d;
        background-color: #fff;
        background-image: url(../img/bg/header-menu-top.png), url(../img/bg/header-menu-bottom.png);
        background-position: right top, center bottom;
        background-repeat: no-repeat, no-repeat;
        background-size: 100% auto;
        overflow: hidden;
        transition: none;
        display: none;
    }
    .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;
    }
    .header-menu .inner {
        position: relative;
        z-index: 1;
        min-height: 100%;
        padding: 110px 45px 55px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .header-menu .inner > * {
        width: 100%;
    }
    .header-menu .inner > *:not(:last-child) {
        margin-bottom: 45px;
    }
    .header-menu .menu {
        justify-content: center;
        flex-direction: column;
    }
    .header-menu .main-menu li {
        display: block;
        width: 100%;
    }
    .header-menu .main-menu > li {
        border-bottom: 1px solid #ccc;
    }
    .header-menu .main-menu > li > a,
    .header-menu .main-menu > li.has-dropdown .toggle {
        display: inline-flex;
        align-items: center;
        min-height: 60px;
        padding: 10px 0;
        font-size: 24px;
        color: #b73d25;
    }
    .header-menu .main-menu > li.has-dropdown {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    .header-menu .main-menu > li.has-dropdown .toggle:after {
        content: "+";
        padding: 0 5px 0 15px;
    }
    .header-menu .main-menu > li.has-dropdown.active .toggle:after {
        content: "-";
    }
    
    .header-menu .tools {
        flex-direction: column;
    }
    
    .header-menu .booking-tool {
        width: 100%;
    }
    .header-menu .booking-tool .button {
        width: 100%;
        height: 60px;
        font-size: 20px;
    }
    
    .header-menu .lang-tool {
        font-size: 24px;
        line-height: 1.3;
    }
    .header-menu .lang-tool .ctrl {
        min-width: 42px;
    }
    .header-menu .lang-tool .wpml-ls {
        min-width: 57px;
    }
    .header-menu .lang-tool .wpml-ls-item .wpml-ls-link {
        min-height: 0;
    }
    
    .header-menu .menu-dropdown {
        display: none;
        width: 100%;
        font-size: 18px;
        padding-top: 10px;
        padding-bottom: 45px;
    }
    .header-menu .menu-dropdown .menu > li:not(:last-child) {
        margin-bottom: 20px;
    }
    .header-menu .menu-dropdown .menu > li > a {
        font-size: 20px;
        font-weight: 500;
    }
    .header-menu .menu-dropdown .menu > li > ul {
        padding-left: 10px;
        padding-top: 5px;
    }
    .header-menu .menu-dropdown .menu > li > ul > li:not(:last-child) {
        margin-bottom: 5px;
    }
    
    /* Instagram */
    #igfeed:not(.v2023) .sc-inner {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    
    #check-availibity .form {
        height: auto;
        padding: 15px 0;
        flex-direction: column;
    }
    #check-availibity .form > *,
    #check-availibity .form .button {
        flex: none;
        width: 100%;
    }
    #check-availibity .form > *:not(:last-child) {
        margin-right: 0;
        margin-bottom: 5px;
    }
    
    .topic-container .topic {
        width: 100%;
    }
    .topic {
        text-align: center;
    }
    .topic .entry-headline {
        flex-direction: column;
    }
    .topic .entry-icon {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .topic .entry-title br {
        display: none;
    }
    
    /* 404 */
    #error404 {
        background-size: 1024px 153px;
    }

    /*========== v2023 ==========*/
    #header.v2023 {
        --header-height: 50px;
        --logo-height: 34px;
    }

    #header.v2023 .header-nav {
        padding-top: 0;   
        padding-bottom: 0;   
        height: var(--header-height);
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
        background: #b73d25;
        color: #fff;
    }

    #header.v2023 .header-brand {
        grid-row: 1;
        grid-column: 2;
        justify-self: center;
    }
    #header.v2023 .header-brand .brand .logo {
        height: var(--logo-height);
        -webkit-filter: brightness(0) invert(1);
                filter: brightness(0) invert(1);
    }

    #header.v2023 .header-system {
        grid-row: 1;
        grid-column: 3;
        justify-self: flex-end;
    }
    #header.v2023 .header-system .button {
        height: 30px;
        width: auto;
        min-width: 0;
        color: inherit;
        background: none;
        border: 1px solid #ddc7b7;
        padding: 0 6px;
        font-size: 12px;
        text-transform: uppercase;
    }
    #header.v2023 .header-system .button:hover {
        background:#ddc7b7;
        border-color:#ddc7b7;
        color: #b73d25;
    }

    #header.v2023 .header-menu-ctrl {
        grid-row: 1;
        grid-column: 1;
        justify-self: flex-start;
    }
    #header.v2023 .header-menu-ctrl .hamburger {
        width: 36px;
    }
    #header.v2023 .header-menu-ctrl .hamburger .bars, 
    #header.v2023 .header-menu-ctrl .hamburger .bars:after, 
    #header.v2023 .header-menu-ctrl .hamburger .bars:before {
        background-color:#ddc7b7;
        transform: none;
        transition-property: background-color, opacity;
        transition-delay: 0s;
    }
    #header.v2023 .header-menu-ctrl .hamburger:hover .bars, 
    #header.v2023 .header-menu-ctrl .hamburger:hover .bars:after, 
    #header.v2023 .header-menu-ctrl .hamburger:hover .bars:before {
        background-color: #fff;
    }
    #header.v2023 .header-menu-ctrl .hamburger .bars {
        top: 50%;
        transform: translateY(-50%);
    }
    #header.v2023 .header-menu-ctrl .hamburger .bars:before {
        top: -6px;
    }
    #header.v2023 .header-menu-ctrl .hamburger .bars:after {
        bottom: -6px;
    }
    #header.v2023 .header-menu-ctrl .hamburger.active .bars:before,
    #header.v2023 .header-menu-ctrl .hamburger.active .bars:after {
        opacity: 0;
    }

    #header.v2023 .header-menu .lang-tool,
    #header.v2023 .header-menu .contact-tool,
    #header.v2023 .header-menu .menu-dropdown .back,
    #header.v2023 .header-menu .menu-dropdown li.has-sub > ul {
        font-family: tenon, sans-serif;
        font-style: normal;
        font-weight: 400;
    }
    #header.v2023 .header-menu .lang-tool .wpml-ls > ul > .wpml-ls-item.wpml-ls-current-language,
    #header.v2023 .header-menu .contact-tool a[href*="tel:"] {
        font-weight: 500;
    }

    #header.v2023 .header-menu .inner {
        padding-top: var(--header-height);
        padding-bottom: 30px;
    }

    #header.v2023 .header-menu .tools {
        color: #b73d25;
        font-size: 12px;
        text-align: center;
    }
    #header.v2023 .header-menu .tools > * {
        width: 100%;
    }
    #header.v2023 .header-menu .booking-tool {
        display: none !important;
    }
    #header.v2023 .header-menu .lang-tool .ctrl {
        display: none !important;
    }
    #header.v2023 .header-menu .lang-tool .wpml-ls {
        display: block !important;
        position: static !important;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        opacity: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 20px;
    }
    #header.v2023 .header-menu .lang-tool .wpml-ls > ul {
        display: flex;
        justify-content: center;
    }
    #header.v2023 .header-menu .lang-tool .wpml-ls > ul > .wpml-ls-item {
        margin: 0;
        width: auto;
        min-width: 0;
        display: inline !important;
    }
    #header.v2023 .header-menu .lang-tool .wpml-ls > ul > .wpml-ls-item .wpml-ls-link {
        background: none;
        border: 0;
        padding: 0;
        color: inherit;
        display: inline;
    }
    #header.v2023 .header-menu .lang-tool .wpml-ls > ul > .wpml-ls-item:not(:last-child):after {
        content: "/";
        margin: 0 0.25em;
    }

    #header.v2023 .header-menu .menu li {
        display: flex;
        flex-wrap: wrap;
    }
    #header.v2023 .header-menu .menu li > .toggle {
        flex: 1;
        margin-left: auto;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        font-size: inherit;
    }
    #header.v2023 .header-menu .menu li > .toggle:after {
        font-family: 'iconfont';
        content: "\e90a";
        font-size: 14px;
        line-height: 1;
    }
    #header.v2023 .header-menu .main-menu > li {
        border-bottom-color: #ddc7b7;
    } 
    #header.v2023 .header-menu .main-menu > li > a {
        font-size: 22px;
    }
    #header.v2023 .header-menu .main-menu > li > a, 
    #header.v2023 .header-menu .main-menu > li.has-dropdown .toggle {
        color: inherit;
    }
    #header.v2023 .header-menu .menu li > a:hover, 
    #header.v2023 .header-menu .menu li > .toggle:hover,
    #header.v2023 .header-menu .menu li:has(> a[href="javascript:;"]:first-child):hover > a {
        color: #b73d25;
    }

    #header.v2023 .header-menu,
    #header.v2023 .header-menu .menu-dropdown,
    #header.v2023 .header-menu .menu-dropdown li.has-sub > ul {
        position: fixed;
        z-index: 101;
        top: var(--header-height);
        left: 0;
        right: 0;
        width: 100vw;
        max-width: 100vw;
        max-width: 0 calc(50% - 50vw);
        height: calc(100vh - var(--header-height));
        height: calc((var(--vhFlexible,1vh)*100) - var(--header-height));
        overflow: hidden;
        background-color: #F5F2EF;
        background-image: url(../img/bg/header-menu-bg2023.png);
        background-position: center bottom 35px;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    #header.v2023 .header-menu .menu-dropdown {
        padding-top: 0;
        padding-bottom: 0;
    }
    #header.v2023 .header-menu .menu-dropdown li.has-sub > ul {
        display: none;
    }
    #header.v2023 .header-menu .menu-dropdown .menu,
    #header.v2023 .header-menu .menu-dropdown li.has-sub > ul,
    #header.v2023 .header-menu .menu-dropdown > .ctrl {
        padding-left: 45px;
        padding-right: 45px;
    }
    #header.v2023 .header-menu .menu-dropdown .ctrl + * {
        margin-top: 15px !important;
    }
    #header.v2023 .header-menu .menu-dropdown .menu {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
    #header.v2023 .header-menu .menu-dropdown .menu li {
        margin: 0;
    }
    #header.v2023 .header-menu .menu-dropdown .menu li:not(.ctrl) {
        border-bottom: 1px solid #ccc;
    }
    #header.v2023 .header-menu .menu-dropdown .menu a,
    #header.v2023 .header-menu .menu-dropdown .back {
        display: flex;
        align-items: center;
        min-height: 60px;
        padding: 10px 0;
    }
    #header.v2023 .header-menu .menu-dropdown .back {
        gap: 0 6px;
        width: 100%;
        border-bottom: 1px solid #ddc7b7;
        font-size: 16px;
        color: #b73d25;
    }
    #header.v2023 .header-menu .menu-dropdown .back:before {
        font-family: 'iconfont';
        content: "\e909";
        font-size: 14px;
    }

    html.booking-enabled #footer.v2023 {
        z-index: 10;
    }

    #check-availibity.v2023 {
        background: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        position: fixed;
        z-index: 9;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 0 15px 15px;
    }
    html.main-end #check-availibity.v2023 {
        position: absolute;
    }
    #check-availibity.v2023 .booknow {
        font-size: 14px;
        gap: 10px;
        height: 45px;
        width: 74.6666666667vw;
        max-width: 100%;
        padding: 0 15px;
        margin: 0 auto;
        background: #b73d25 !important;
        color: #fff !important;
    } 
    #check-availibity.v2023 .booknow .ic {
        font-size: 26px;
    }
    #check-availibity.v2023 .booknow .ic + .ic-name {
        margin: 0;
    }

    .v2023 *[data-section="highlight"].billboard .object-fit {
        max-height: none !important;
    }
    .v2023 *[data-section="highlight"].billboard .object-fit:before {
        height: 100vh !important;
        height: calc( (var(--vh, 1vh) * 100) ) !important;
        padding-bottom: 0 !important;
    }
    .v2023 *[data-section="highlight"].billboard .sc-explore {
        bottom: 75px;
    }

    .index-main.v2023 *[data-section="benefit"] .topic-container {
        margin: 0;
    }
    .index-main.v2023 *[data-section="benefit"] .topic-container > *:not(:last-child) {
        margin-bottom: 45px;
    }
    .index-main.v2023 *[data-section="benefit"] .topic-container .topic {
        width: 100%;
        padding: 0 45px;
    }

}

@media (max-width:991px) {
    
    .hidden-device-sm { display: none !important;}
    
    /* Footer */
    .footer-container {
        grid-template-columns: 100%;
    }
    .footer-legal {
        grid-column: auto;
    }
    
    /* Section */
    .sc-sidebar.toggle {
        padding-bottom: 7px;
        border-bottom: 1px solid #b73d25;
    }
    .sc-sidebar.toggle > * {
        margin-bottom: 0;
    }
    .sc-sidebar.toggle .sc-headline {
        cursor: pointer;
    }
    .sc-sidebar.toggle .sc-heading {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
    }
    .sc-sidebar.toggle .sc-heading:after {
        font-family: 'iconfont';
        content: "\e90c";
        font-size: 10px;
        margin-left: 7px;
    }
    .sc-sidebar.toggle .sc-content {
        display: none;
        padding: 20px 0;
    }
    
    .sc-2columns > *:not(:last-child) {
        margin-bottom: 50px;
    }
    .sc-tile.details {
        padding-top: 50px;
        padding-bottom: 100px;
    }
    .sc-tile.cover {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        box-shadow: 0px 15px 30px -15px rgba(0,0,0,0.8);
    }
    .sc-tile.cover > .float {
        display: none;
    }
    
    /* Billboard */
    .billboard .object-fit:before {
        padding-bottom: 80%;
    }
    
    /* Blog */
    .blog-grid {
        grid-column-gap: 25px;
    }
    
    .blog-container {
        margin: 0 -10px;
    }
    .blog-container .swiper-slide {
        width: 100%;
        padding: 0 10px;
    }
    
    /* Card */
    .card-container:not(.swiper-container).columns-4 {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .card-container.swiper-container > .swiper-wrapper > .swiper-slide {
        width: 50%;
    }
    
    /* Room */
    .room .sc-inner {
        padding-top: 0;
    }
    .room .sc-images {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }
    .room .sc-details {
        padding-top: 60px;
    }
    
    
    .room-main.single #article .sc-container > *:not(:last-child),
    .wedding-main.single #article .sc-container > *:not(:last-child) {
        margin-bottom: 50px;
    }
    
    /* Story */
    .story-quote .sc-headline {
        padding-bottom: 120px;
    }
    .story-quote .sc-images {
        transform: translateY(-50px);
    }
    
    /* Index */
    .index-main .billboard .object-fit:before {
        padding-bottom: 0%;
        height: calc(100vh - 60px);
    }
    
    #lead .sc-images {
        margin-bottom: 50px;
    }
    
    .event-setup > *:not(:last-child) {
        margin-bottom: 20px;
    }
    
    .capacity-chart table,
    .capacity-chart table tbody,
    .capacity-chart table tr,
    .capacity-chart table tr > * {
        display: block;
    }
    .capacity-chart table thead {
        display: none;
    }
    .capacity-chart table tr > * {
        min-height: 50px;
        display: flex;
        align-items: center;
    }
    .capacity-chart table tbody th {
        padding: 10px 15px;
        background: #ddc7b7;
        color: #fff;
        justify-content: center;
    }
    .capacity-chart table tbody td > * {
        flex: 1;
    }
    .capacity-chart table tbody td:not(:last-child) {
        border-bottom: 1px solid #b73d25;
    }
    .capacity-chart table tbody tr:not(:last-child) {
        margin-bottom: 50px;
    }
    .capacity-chart .title {
        font-weight: 500;
        padding-right: 15px;
    }
    
    .floorplan-container {
        grid-template-columns: 100%;
    }

    /*========== v2023 ==========*/
    #footer.v2023 .footer-directory {
        display: grid;
        grid-gap: 15px;
        grid-template-columns: repeat(2,1fr);
        grid-template-rows: repeat(3,auto) 1fr auto;
        grid-auto-flow: dense;
    }
    #footer.v2023 .footer-directory .menu >li > a:not(:last-child) {
        margin: 0 !important;
    }
    #footer.v2023 .footer-directory > *[data-menu="main"] {
        grid-column: 1;
        grid-row: 1 / span 4;
    }
    #footer.v2023 .footer-directory > *[data-menu="room"] {
        grid-column: 2;
    }
    #footer.v2023 .footer-directory > *[data-menu="room"] > li {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0;
    }
    #footer.v2023 .footer-directory > *[data-menu="room"] > li > ul {
        display: none;
        width: 100%;
        padding: 4px 0 0;
    }
    #footer.v2023 .footer-directory > *[data-menu="room"] > li > .toggle {
        flex: 1;
        padding: 0 0 0 10px;
        display: none;
    }
    #footer.v2023 .footer-directory > *[data-menu="room"] > li:has(> ul) > .toggle {
        display: block;
    }
    #footer.v2023 .footer-directory > *[data-menu="room"] > li > .toggle .ic {
        font-size: 10px;
        position: relative;
    }
    #footer.v2023 .footer-directory > *[data-menu="room"] > li.active > .toggle .ic:before {
        content: "\e90b";
    }
    #footer.v2023 .footer-directory > *[data-menu="other"] {
        grid-row: 5;
        grid-column: 1 / span 2;
        display: grid;
        grid-gap: 15px;
        grid-template-columns: repeat(2,1fr);
    }
    #footer.v2023 .footer-directory > *[data-menu="other"] > * {
        margin: 0 !important;
    }

    #best-rooms.v2023 {
        background: #fff;
    }
    #best-rooms.v2023 .sc-headline {
        text-align: left !important;
    }
    #best-rooms.v2023 .card-container {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        grid-template-columns: 100%;
    }
    #best-rooms.v2023 .card-container .card .meta {
        padding-left: 45px;
        padding-right: 45px;
    }
    #best-rooms.v2023 + #lead > .sc-inner.visible-device-sm {
        margin-top: -75px;
    }

    #igfeed.v2023 {
        background: #DDC7B7 !important;
    }
    #igfeed.v2023 .sc-scene {
        background: url(../img/bg/v2023-section-instagram-bg-m.svg) no-repeat center top !important;
        background-size: 100% auto !important;
        transform: translateY(-25vw) !important;
    }
    #main:not(.index-main) #igfeed.v2023 .sc-scene {
        display: none !important;
    }
    #igfeed.v2023 .igfeed-container .entry-title {
        color: #b73d25;
    }
    #igfeed.v2023 .igfeed-container .entry-title .ic {
        display: none;
    }

    .index-main.v2023 *[data-section="intro"].fullscreen {
        min-height: 0;
        background-color: #F5F2EF;
        background-image: url(../img/bg/v2023-section-intro-bg-m.svg);
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 100% auto;
    }
    .index-main.v2023 *[data-section="intro"] > .sc-inner {
        padding-top: 45px;
    }
    .index-main.v2023 *[data-section="intro"] > .sc-inner > .sc-container + .sc-container {
        margin-top: 45px;
    }
    .index-main.v2023 *[data-section="intro"] .award-container {
        height: auto;
    }
    .index-main.v2023 *[data-section="intro"] .post {
        text-align: left !important;
    }
    .index-main.v2023 *[data-section="intro"] .post .entry-content > *:first-child {
        font-size: 18px;
        color: #b73d25;
    }
    
    .index-main.v2023 #lead {
        background: #F5F2EF !important;
    }
    .index-main.v2023 #lead > .sc-inner.visible-device-sm {
        background: #fff url(../img/bg/v2023-section-lead-bg-m.svg) no-repeat left top;
        background-size: 100% auto;
    }
    .index-main.v2023 #lead .sc-inner + .sc-inner {
        padding-top: 0 !important;
    }
    .index-main.v2023 #lead .tab {
        z-index: 3;
        margin: 0;
        background: #DDC7B7;
        color: #fff;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
    }
    .index-main.v2023 #lead .tab .control a {
        height: 55px;
        font-size: 18px;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .index-main.v2023 #lead .nav a:not(:hover, .active) {
        color: inherit;
    }
    .index-main.v2023 #lead .nav a:after {
        top: 100%;
        left: 50%;
        right: auto;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        background: none;
        border-radius: 0;
        border: solid transparent;
        border-top-color: #DDC7B7;
        border-width: 10px;
        margin-left: -10px;
        margin-top: 0;
        opacity: 0;
    }
    .index-main.v2023 #lead .nav a.active:after {
        opacity: 1;
    }
    .index-main.v2023 #lead .sc-images {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }

    .index-main.v2023 *[data-section="offer"] {
        background: #fff url(../img/bg/v2023-section-offer-bg-m.svg) no-repeat center bottom;
        background-size: 100% auto;
    }
    .index-main.v2023 *[data-section="offer"] .blog-container {
        margin: 0 calc(-5px/2);
    }
    .index-main.v2023 *[data-section="offer"] .blog-container .swiper-slide {
        width: 58.6666666667vw !important;
        min-width: 220px;
        padding: 0 calc(5px/2);
    }

    .index-main.v2023 *[data-section="benefit"] {
        background: #F5F2EF url(../img/bg/v2023-section-benefit-bg-m.svg) no-repeat center center;
        background-size: cover;
    }
    .index-main.v2023 *[data-section="benefit"] .sc-headline {
        text-align: left !important;
    }
    .index-main.v2023 *[data-section="benefit"] .topic .entry-icon > img {
        -webkit-filter: brightness(0%) invert(11%) sepia(0%) saturate(0%) hue-rotate(151deg) brightness(101%) contrast(94%);
        filter: brightness(0%) invert(11%) sepia(0%) saturate(0%) hue-rotate(151deg) brightness(101%) contrast(94%);
    }
    .index-main.v2023 *[data-section="benefit"] .topic .entry-title {
        color: inherit;
    }
    .index-main.v2023 *[data-section="benefit"] .topic .entry-content {
        color: rgba(34,34,34,0.6);
    }

    .index-main.v2023 *[data-section="location"] {
        background: #F5F2EF;
    }
    .index-main.v2023 *[data-section="location"] .sc-inner {
        position: relative;
        z-index: 3;
        padding-bottom: 25vw;
    }
    .index-main.v2023 *[data-section="location"] .map-box {
        padding: 6px;
        border: 1px solid #DDC7B7;
    }
    .index-main.v2023 *[data-section="location"] .map-container:before {
        padding-bottom: 132.7433628319%;        
    }
    .index-main.v2023 *[data-section="location"] .map-container > #map {
        display: block;
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .story-main.v2023 *[data-section="intro"] *[data-element="head"] {
        background-color: #F5F2EF;
        background-image: url(../img/bg/v2023-section-intro-bg-m.svg);
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 100% auto;
    }
    .story-main.v2023 *[data-section="intro"] *[data-element="cover"] .object-fit:before {
        padding-bottom: 100%;
    }
    .story-main.v2023 *[data-section="intro"] *[data-element="body"] .sc-images .object-fit:before {
        padding-bottom: 147.076923%;
    }
    .story-main.v2023 *[data-section="intro"] *[data-element="body"] .sc-images {
        margin: 0 -3px;
    }
    .story-main.v2023 *[data-section="intro"] *[data-element="body"] .sc-images .swiper-container {
        overflow: visible;
    }
    .story-main.v2023 *[data-section="intro"] *[data-element="body"] .sc-images .swiper-slide {
        width: calc(53.3333333333vw + 6px) !important;
        padding: 0 3px;
    }
    .story-main.v2023 *[data-section="intro"] *[data-element="body"] .sc-container  > *:not(:first-child) {
        margin-top: 75px;
    }
    .story-main.v2023 *[data-section="intro"] *[data-element="quote"] {
        background-color: #F5F2EF;
        background-image: url(../img/bg/v2023-section-intro-bg2-m.svg);
        background-repeat: no-repeat;
        background-position: center top 25px;
        background-size: 100% auto;
        min-height: 364px;
        display: flex;
        align-items: center;
    }

}

@media (max-width:767px) {
    
    .hidden-mobile { display: none !important;}
    .a-center-mobile { text-align: center !important;}
    
    .alignfull-mobile {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }
    
    .container,
    .swiper-buttons.alignfull,
    #header.v2023 .header-menu .menu-dropdown .menu,
    #header.v2023 .header-menu .menu-dropdown li.has-sub > ul,
    #header.v2023 .header-menu .menu-dropdown > .ctrl {
        padding-left: 15px;
        padding-right: 15px;
    }

    .container.x2 {
        padding-left: 45px;
        padding-right: 45px;
    }
    
    /* Pagination */
    ul.page-numbers .prev,
    ul.page-numbers .next,
    .wp-pagenavi .previouspostslink,
    .wp-pagenavi .nextpostslink {
        font-size: 0;
    }
    
    .single .wp-pagenavi {
        flex-wrap: wrap;
    }
    .single .wp-pagenavi .previouspostslink, 
    .single .wp-pagenavi .nextpostslink {
        font-size: inherit;
    }
    .single .wp-pagenavi .social-lists {
        width: 100%;
        margin: 0 0 30px;
        order: -1;
    }
    /* Slider */
    .swiper-button-prev {
        left: 8px;
    }
    .swiper-button-next {
        right: 8px;
    }
    .swiper-buttons { padding: 20px 10px;}
    
    /* Form */
    .formcta {
        text-align: center;
    }
    
    /* Header */
    .header-nav {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .header-menu .inner {
        padding: 95px 15px 55px;
    }
    
    /* Footer */
    .footer-directory {
        grid-gap: 30px 15px;
        grid-template-columns: repeat(2, 1fr);
    }
    .footer-other {
        grid-gap: 30px 0;
    }
    .footer-legal {
        grid-gap: 7px 15px;
        grid-template-columns: 1fr auto;
        grid-template-rows: 1fr auto;
    }
    .footer-legal .slogan {
        grid-row: 1 / span 2;
        grid-column: 2 / span 2;
        width: 94px;
    }
    
    /* Section */
    .sc-inner {
        padding-top: 75px;
        padding-bottom: 75px;
    }
    .sc-inner.pull {
        padding-top: 30px;
        padding-bottom: 105px;
    }
    
    .nav .swiper-container {
        width: 100%;
    }
    
    /* Award */
    .award-container .image img {
        height: 80px;
    }
    .award-container .swiper-slide {
        padding: 0 20px;
    }

    #igfeed .sc-scene,
    #related .sc-scene {
        transform: translateY(-20px);
    }
    
    /* Card */
    .card-container .swiper-pagination { bottom: -40px;}
    .card-container.swiper-container > .swiper-button:after { font-size: 30px;}
    .card-container.swiper-container > .swiper-button-prev { left: -2px;}
    .card-container.swiper-container > .swiper-button-next { right: -2px;}
    
    /* Blog */
    .blog-container {
        margin: 0 -7px 0 -8px;
    }
    .blog-container .swiper-slide {
        width: calc(100% - 30px);
        padding: 0 7px 0 8px;
        flex-grow: 1;
    }
    
    .blog-cover {
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }
    .blog-cover:before {
        content: "";
        width: 100%;
        height: 110px;
        position: absolute;
        z-index: 2;
        top: 0; left: 0;
        pointer-events: none;
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.5)), color-stop(100%, rgba(0,0,0,0)));
        background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
    }
    .blog-cover .object-fit:before {
        padding-bottom: 80%;
    }
    
    .blog-main.single #cover .sc-inner {
        padding-top: 0 !important;
    }
    
    /* Room */
    .roomtype .multislider > *:not(:nth-child(1)) {
        display: none;
    }
    
    /* Index */
    #lead .sc-inner {
        padding-top: 50px;
    }
    
    /* Scene */
    .career-main,
    .page-main,
    #igfeed .sc-scene,
    #related .sc-scene,
    .room-main.single #article,
    .blog-main.single #article .sc-inner,
    .bg-branch-multi,
    .bg-branch-left2,
    .bg-branch-right2,
    .bg-branch-right3,
    .bg-branch-right4 {
        background-size: 75% auto;
    }
    
    .room-main.single #article {
        background-image: none;
    }
    
    .package:not(:last-child) {
        margin-bottom: 30px;
    }
    
    .image-container .swiper-buttons.alignfull {
        padding: 0;
    }
    .image-container .swiper-button:after {
        font-size: 30px;
    }
    
    .popup-style-gallery .mfp-arrow-left {
        left: 5px;
    }
    .popup-style-gallery .mfp-arrow-right {
        right: 5px;
    }

    /*========== v2023 ==========*/
    .index-main.v2023 #lead .sc-inner {
        padding-top: 75px;
    }

}

@media (max-width:575px) {
    
    .hidden-mobile-sm { display: none !important;}
    
    .size-lg,
    .quote {
        font-size: 40px;
    }

    /* Popup */
    .modal-box {
        background-image: url(../img/design/popup-bg-m.png);
    }
    .modal-container > *:not(.entry-cover) {
        padding-left: 15px;
        padding-right: 15px;
    }
    .modal-container .entry-cover {
        width: 100%;
        max-width: 100%;
    }
    
    /* Card */
    .card-container:not(.swiper-container).columns-4,
    .card-container:not(.swiper-container).columns-3,
    .card-container:not(.swiper-container).columns-2 {
        grid-template-columns: 100%;
    }
    
    .card-container:not(.swiper-container).columns-3 .card:first-child:last-child {
        grid-column: auto;
    }
    
    .card-container.swiper-container > .swiper-wrapper > .swiper-slide {
        width: 100%;
    }
    
} 


/*========== min and max ==========*/
@media (min-width:768px) and (max-width:991px) {

    /*========== v2023 ==========*/
    #best-rooms.v2023 .card-container .card .meta,
    .index-main.v2023 *[data-section="benefit"] .topic-container .topic {
        width: 100%;
        max-width: calc(740px + 45px*2);
        margin-left: auto;
        margin-right: auto;
    }

}