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

    /* GLOBAL */
    .container.xs { 
        max-width: 576px;
    }

} 

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

    /* MODULES */
    .event-container.type-slider [class*="swiper-button-"]:not(:hover) {
        color: #fff;
    }

    .catalog-preview {
        background: #fff;
    }
    .catalog-preview .catalog {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    .catalog-preview .catalog > * {
        width: 50%;
        padding: var(--spacing-lg) 0;
    }
    .catalog-preview .catalog .cover {
        padding-left: var(--spacing-lg);
    }
    .catalog-preview .container {
        position: relative;
    }
    .catalog-preview .container:before {
        content: "";
        display: block;
        height: 100%;
        width: 50vw;
        background: var(--color-theme-gold);
        position: absolute;
        z-index: 0;
        top: 0;
        left: calc(50% + var(--spacing-lg) + 141px);
        pointer-events: none;
    }
    .catalog-preview [class*="swiper-button-"] {
        display: none;
    }
    .catalog-thumbs {
        background: var(--color-theme-gold);
    }
    
}

@media (min-width:992px) {
    
    .visible-device-sm { display: none !important;}
    .c-white-desktop { color: #fff !important;}

    /* CTAs */
    .c-white-desktop .button {
        color: inherit;
    }
    .c-white-desktop .button:hover {
        background: #fff;
        border-color: #fff;
        color: var(--color-theme);
    }

    /* GLOBAL */
    .container {
        max-width: 100%;
        padding-left: var(--spacing-md);
        padding-right: var(--spacing-md);
    }
    .container.lg { 
        max-width: calc(1050px + var(--spacing-md)*2);
    }
    .container.md { 
        max-width: calc(730px + var(--spacing-md)*2);
    }
    .container.sm {
        max-width: calc(515px + var(--spacing-md)*2);
    }
    .container.padding-x-x2 {
        padding-left: calc(var(--spacing-md)*2);
        padding-right: calc(var(--spacing-md)*2);
    }

    /* FOOTER */
    .footer-nav {
        display: grid;
        grid-template-columns: 1fr auto auto;
        grid-gap: var(--spacing-md);
        align-items: center;
        padding-top: var(--spacing-xs);
        padding-bottom: var(--spacing-xs);
    }
    .footer-menu {
        display: flex;
        justify-content: space-between;
    }
    .footer-menu .menu {
        display: flex;
    }
    .footer-menu .menu:not(:last-child),
    .footer-menu .menu > li:not(:last-child) {
        margin-right: var(--spacing-md);
    }
    .footer-contact .social > *:not(:last-child) {
        margin-right: var(--spacing-xs);
    }
    
    /* SECTION */
    .sc-headline.type-flex {
        display: flex;
        align-items: center;
    }
    .sc-headline.type-flex > *:not(:last-child) {
        margin-bottom: 0;
        margin-right: var(--spacing-md);
    }

    .sc-tile.type-flex .sc-inner {
        height: 100%;
    }
    .sc-tile.type-flex .sc-container {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    .sc-tile.type-flex .sc-container > * {
        width: 100%;
    }
    .sc-tile.type-flex .sc-container > *.flex1 {
        flex: 1;
    }
    .sc-tiles {
        display: flex;
    }
    .sc-tiles > .sc-tile,
    .sc-tiles-slider .swiper-controls {
        width: 50%;
        min-height: calc(88.1481481481vw/2);
    }
    .sc-tiles.lg .sc-tile,
    .sc-tiles-slider .swiper-controls.lg {
        min-height: calc(118.5185185185vw/2);
    }
    .sc-tiles > .sc-tile {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .sc-tiles > .sc-tile > * {
        width: 100%;
    }
    .sc-tile.cover .sc-cover .swiper-pagination,
    .sc-tiles-slider .swiper-pagination {
        bottom: var(--spacing-lg);
    }
    .sc-tiles-slider .swiper-pagination {
        width: 50vw;
        right: 0;
        left: auto;
    }
    .sc-tiles.vh > .sc-tile, 
    .sc-tiles-slider .swiper-controls.vh {
        min-height: 0;
    }
    .sc-tiles.vh .sc-tile.cover .sc-cover .object-fit:before,
    .sc-tiles-slider .swiper-controls.vh:before {
        padding-bottom: 0%;
        min-height: calc(100vh - var(--header-height));
        min-height: calc((var(--vh, 1vh) * 100) - var(--header-height));
    }
    .sc-tiles-container:not(.start-rtl) > .sc-tiles:nth-child(even),
    .sc-tiles-container.start-rtl > .sc-tiles:nth-child(odd),
    .sc-tiles-container:not(.start-rtl) > .sc-tiles-slider:nth-child(even) .sc-tiles,
    .sc-tiles-container.start-rtl > .sc-tiles-slider:nth-child(odd) .sc-tiles {
        flex-direction: row-reverse;
    }
    .sc-tiles-container:not(.start-rtl) > .sc-tiles-slider:nth-child(even) .swiper-controls,
    .sc-tiles-container.start-rtl > .sc-tiles-slider:nth-child(odd) .swiper-controls,
    .sc-tiles-container:not(.start-rtl) > .sc-tiles-slider:nth-child(even) .swiper-pagination,
    .sc-tiles-container.start-rtl > .sc-tiles-slider:nth-child(odd) .swiper-pagination {
        right: auto;
        left: 0;
    }

    .sc-box-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
    .sc-box-container:not(.lg) .sc-box.cover {
        width: 58.203125%;
        padding: var(--spacing-lg) 0;
    }
    .sc-box-container:not(.lg) .sc-box.cover .media.object-fit:before {
        padding-bottom: 70.1342281879%;
    }
    .sc-box-container:not(.lg) .sc-box.detail {
        flex: 1;
        padding: var(--spacing-xl) var(--spacing-md) var(--spacing-xl) 0;
    }
    .sc-box-container.lg .sc-box.detail {
        width: 50%;
        padding: var(--spacing-xl) 0;
    }
    .sc-box-container.lg .sc-box.cover {
        width: calc(50% - var(--spacing-md));
        padding: var(--spacing-xl) 0;
        position: relative;
    }
    .sc-box-container.lg .sc-box.cover:before {
        width: 50vw;
        left: calc(50% - var(--spacing-md));
    }

    .sc-nav.alignfull-device-sm .sc-menu-wrapper .swiper-slide:first-child {
        padding-left: 0;
    }
    .sc-nav.alignfull-device-sm .sc-menu-wrapper .swiper-slide:last-child {
        padding-right: 0;
    }

    .sc-flex-container {
        display: flex;
        align-items: center;
    }
    .sc-flex-container > *:not(:last-child) {
        margin-bottom: 0;
        margin-right: var(--spacing-md);
    }
    .sc-flex-container .sc-flex {
        flex: 0;
    }
    .sc-flex-container .sc-flex.flex1 {
        flex: 1;
    }

    .sc-block {
        width: 794px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: var(--spacing-lg) var(--spacing-xl);
    }

    .sc-roaming {
        padding-top: var(--spacing-md);
    }

    .sc-billboard .sc-inner.fading-left {
        background: linear-gradient(90deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
    }
    
    /* MODULES */
    .design-path {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-auto-flow: dense;
    }
    .design-path .design:nth-child(1) {
        grid-column: span 2;
        grid-row: span 2;
    }

    .design-preview .design:before {
        content: "";
        width: 100%;
        height: 25%;
        display: block;
        position: absolute;
        z-index: 1;
        bottom: 0; 
        left: 0;
        pointer-events: none;
        background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
    }
    .design-preview .design .caption {
        width: 100%;
        padding: var(--spacing-sm) var(--spacing-md);
        position: absolute;
        z-index: 2;
        bottom: 0; 
        left: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #fff;
    }
    .design-preview .design .caption .button:not(:hover) {
        color: #000;
        border-color: #fff;
        background: #fff;
    }

    .design-room .room-headline .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .design-room .room-part {
        align-items: center;
    }
    .design-room .room-part > *:not(:last-child) {
        margin-right: var(--spacing-xl);
    }
    .design-room .room-part a {
        display: flex;
        align-items: center;
    }
    .design-room .room-part a > *:not(:last-child) {
        margin-right: var(--spacing-xs);
    }
    /* update:start */
    .design-room .room-preview .room-part > *:not(:last-child) {
        margin-right: var(--spacing-md);
    }
    .design-room .room-choices {
        width: calc(50vw - var(--spacing-md));
        padding: 0 var(--spacing-sm);
        position: absolute;
        z-index: 3;
        right: var(--spacing-md); 
        bottom: var(--spacing-sm);
    }
    .design-room .room-choices .swiper-mask {
        -webkit-mask-box-image: none;
        margin: 0;
    }
    .design-room .room-choices .swiper-container {
        -webkit-mask-box-image: none;
    }
    .design-room .room-choices *[class*="swiper-button-"] {
        color: #fff;
    }
    .design-room .room-choices.less {
        transform: translateX( calc(var(--spacing-sm) + (var(--spacing-xs)/2)) );
    }
    .design-room .room-choices.less .swiper-button-disabled {
        opacity: 0 !important;
    }
    .design-room .room-choices.less .swiper-wrapper {
        justify-content: flex-end;
    }
    /* update:end */

    .topic-container.type-alignment .topic {
        display: grid;
        grid-template-columns: 95px 1fr;
        grid-gap: var(--spacing-xs);
        align-items: center;
        text-align: left;
    }
    .topic-container.type-alignment .topic > *:not(:first-child),
    .topic-container.type-alignment .topic > *:not(:last-child) {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    .topic-container.type-alignment .topic .entry-icon.object-fit {
        grid-column: 1;
        width: 100%;
    }
    .topic-container.type-alignment.columns-2 .topic {
        width: calc(100%/2);
        grid-template-columns: 250px 1fr;
        grid-column-gap: var(--spacing-md);
    }

    .event-section {
        position: relative;
    }
    .event-section .sc-container {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .event-section .sc-container > *:not(:last-child) {
        margin-bottom: 0;
    }
    .event-section .sc-headline {
        width: calc(100%/3);
        padding-right: var(--spacing-md);
    }
    .event-section .sc-content {
        width: calc((100%/3)*2);
    }
    .event-section .event-container.type-slider {
        position: static;
    }
    
    .event-container.type-slider {
        margin-left: calc(var(--spacing-md-minus)/2);
        margin-right: calc(var(--spacing-md-minus)/2);
    }
    .event-container.type-slider .swiper-mask {
        margin-left: var(--spacing-sm-minus);
        margin-right: var(--spacing-sm-minus);
    }
    .event-container.type-slider .swiper-slide {
        padding-left: var(--spacing-sm);
        padding-right: var(--spacing-sm);
    }
    .event-container.type-slider [class*="swiper-button-"] {
        transform: translateY(-50%);
    }
    .event-container.type-slider .swiper-button-prev {
        left: var(--spacing-md);
    }
    .event-container.type-slider .swiper-button-prev:after {
        transform: translateX(-9px);
    }
    .event-container.type-slider .swiper-button-next {
        right: var(--spacing-md);
    }
    .event-container.type-slider .swiper-button-next:after {
        transform: translateX(9px);
    }

    #single-blog .post.type-grid {
        display: grid;
        grid-template-columns: 50% 50%;
        grid-gap: var(--spacing-lg) 0;
    }
    #single-blog .post.type-grid > *:not(:last-child) {
        margin-bottom: 0;
    }
    #single-blog .post.type-grid .entry-content,
    #single-blog .post.type-grid .entry-share {
        grid-column: 2;
    }
    #single-blog .post.type-grid .entry-share.a-center {
        text-align: left !important;
        justify-content: flex-start !important;
    }
    #single-blog .post.type-grid .entry-gallery {
        grid-column: 1;
        grid-row: 1 / span 2;
        padding: 5px var(--spacing-xl) 0 0;
    }
    #single-blog .post.type-grid .entry-gallery > *:not(:last-child) {
        margin-bottom: var(--spacing-xl);
    }

}

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

    /* MODULES */
    .partner-container .partner {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: var(--spacing-md);
    }
    .partner-container .partner .caption {
        display: flex;
        flex-direction: column;
        padding: var(--spacing-xs) 0;
    }
    .partner-container .partner .caption > * {
        width: 100%;
    }
    
}

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

    
    /* HEADER */
    .header-nav {
        grid-gap: 0 var(--spacing-md);
    }
    .header-menu {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        width: 100%;
        grid-row: 1;
        grid-column: 2;
        justify-self: end;
    }
    .header-menu-ctrl {
        display: none !important;
    }
    .header-menu .inner {
        display: flex;
        justify-content: space-between;
    }
    .header-menu .menu {
        display: inline-flex;
        vertical-align: top;
        align-items: center;
        justify-content: center;
    }
    .header-menu .menu:not(:last-child),
    .header-menu .menu > li:not(:last-child) {
        margin-right: var(--spacing-md);
    }

    /* SECTION */
    .sc-tiles > .sc-tile.detail {
        padding: 0 var(--spacing-md);
    }

    .sc-box-container:not(.lg) .sc-box.detail {
        padding-right: var(--spacing-xl);
    }

    .sc-box-container:not(.lg) .sc-box.detail-contact {
        padding-left: 100px;
    }

}

@media (min-width:1280px) {

    /* SECTION */
    .sc-tiles > .sc-tile.detail {
        padding: 0 var(--spacing-lg);
    }
    
}

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

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

    /* HEADER&FOOTER */
    .logo {
        height: 45px;
    }
    
    /* HAMBURGER */
    .hamburger {
        position: relative;
        display: block;
        width: 36px;
        height: 36px;
        padding: 0;
    }
    .hamburger .bars,
    .hamburger .bars:after,
    .hamburger .bars:before {
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background: var(--color-body);
        transition: var(--transition);
    }
    .hamburger .bars {
        width: 100%;
        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: -7px;
        transition-property: background-color, top;
        transition-delay: 0s, .10s;
    }
    .hamburger .bars:after {
        bottom: -7px;
        transition-property: background-color, bottom, transform;
        transition-delay: 0s, .10s, 0s;
    }
    .hamburger.active .bars {
        transform: translateY(-50%) rotate(45deg);
        transition-delay: 0s, .10s;
    }
    .hamburger.active .bars:before {
        top: 0;
        opacity: 0;
    }
    .hamburger.active .bars:after {
        bottom: 0;
        transform: rotate(-90deg);
        transition-delay: 0s, 0s, .10s;
    }
    
    /* HEADER */
    .header-nav {
        grid-template-columns: 1fr auto 1fr;
    }
    .header-brand,
    .header-system {
        transition: opacity var(--transition);
    }
    .header-menu-enabled .header-brand,
    .header-menu-enabled .header-system {
        opacity: 0.2;
        pointer-events: none;
    }
    .header-menu-enabled {
        overflow: hidden !important;
    }
    .header-menu-ctrl {
        grid-row: 1;
        grid-column: 2;
        justify-self: center;
    }
    .header-menu {
        display: none;
        position: fixed;
        z-index: 100;
        left: 0;
        top: var(--header-height); 
        width: 100vw;
        max-width: 100vw;
        margin: 0 calc(50% - 50vw);
        height: calc(100vh - var(--header-height));
        height: calc((var(--vhFlexible, 1vh) * 100) - var(--header-height));
        background: var(--color-theme-beige);
        color: var(--color-body);
        overflow: hidden;
        transition: none;
    }
    .header-menu .panel {
        position: relative;
        z-index: 2;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        text-align: center;
        -webkit-mask-box-image: -webkit-linear-gradient(-90deg, transparent 0%, white var(--header-height));
    }
    .header-menu .wrap {
        flex: 1;
        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-mask-box-image: -webkit-linear-gradient(90deg, transparent 0%, white var(--spacing-md));
    }
    .header-menu .inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 100%;
        padding: var(--header-height) var(--spacing-md);
    }
    .header-menu .inner > * {
        width: 100%;
    }
    .header-menu .inner > *:not(:last-child) {
        border-bottom: 1px solid var(--color-border);
        padding-bottom: var(--spacing-md);
        margin-bottom: var(--spacing-md);
    }
    .header-menu .menu {
        font-size: var(--font-size-h5);
        line-height: var(--line-height-md);
    }
    .header-menu .menu > li:not(:last-child) {
        margin-bottom: var(--spacing-sm);
    }

    /* SLIDER */
    .type-slider,
    .type-slider .swiper-slide {
        padding-left: calc(var(--spacing-md)/2);
        padding-right: calc(var(--spacing-md)/2);
    }
    .type-slider .swiper-mask {
        -webkit-mask-box-image: -webkit-linear-gradient(0deg, transparent 0%, white var(--spacing-sm));
    }
    .type-slider .swiper-container {
        -webkit-mask-box-image: -webkit-linear-gradient(180deg, transparent 0%, white var(--spacing-sm));
    }

    /* MODULES */
    .topic-container .topic .entry-circle {
        width: 200px;
    }

    .material-container:not(.type-slider) {
        margin-left: auto;
        margin-right: auto;
    }
    .material-container:not(.type-slider),
    .material-container:not(.type-slider) > * {
        padding-left: calc(var(--spacing-md)/2);
        padding-right: calc(var(--spacing-md)/2);   
    }

    .catalog-thumbs .swiper-mask {
        margin-left: var(--spacing-md-minus);
        margin-right: var(--spacing-md-minus);
    }
    .catalog-thumbs .swiper-slide {
        padding-left: var(--spacing-md);
        padding-right: var(--spacing-md);
    }

}

@media (max-width:1024px) {
    
    .hidden-device { display: none !important;}
    
    :root {
        --font-size-h6: 18px;
        --font-size-h5: 20px;
        --font-size-h4: 22px;
        --font-size-h3: 26px;
        --font-size-h2: 30px;
        --font-size-h1: 40px;
    }
    .size-h6 {
        line-height: inherit;
    }

    /* MODULES */
    .partner-container .partner {
        text-align: center;
        padding: var(--spacing-sm);
    }
    .partner-container .partner > *:not(:last-child) {
        margin-bottom: var(--spacing-sm);
    }
    .partner-container.type-slider .swiper-slide {
        width: calc(100%/3) !important;
    }
    
}

@media (max-width:991px) {
    
    .hidden-device-sm { display: none !important;}
    .a-center-device-sm { text-align: center !important;}
    .padding-x-0-device-sm { padding-left: 0 !important; padding-right: 0 !important;}
    .padding-y-0-device-sm { padding-top: 0 !important; padding-bottom: 0 !important;}
    .alignfull-device-sm { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important;}
    
    /* GLOBAL */
    .container,
    .swiper-pagination {
        padding-left: var(--spacing-sm);
        padding-right: var(--spacing-sm);
    }

    /* PLUGIN:POPUP */
    .popup-style-modal .modal-box {
        max-width: calc(100vw - var(--spacing-sm)*2);
    }
    .popup-style-gallery .mfp-figure {
        height: 100%;
    }
    .popup-style-gallery .mfp-figure figure:before {
        padding-bottom: 100%;
    }

    /* FOOTER */
    .footer-nav {
        padding-top: var(--spacing-lg);
        padding-bottom: var(--spacing-lg);
        text-align: center;
    }
    .footer-nav > *:not(:last-child) {
        margin-bottom: var(--spacing-sm);
    }
    .footer-menu > *:not(:last-child) {
        margin-bottom: var(--spacing-md);
    }
    .footer-menu .menu > *:not(:last-child) {
        margin-bottom: var(--spacing-xs);
    }
    .footer-brand .logo {
        height: 60px;
    }

    /* SECTION */
    .sc-billboard.type-fullscreen .sc-cover .object-fit:before,
    .sc-billboard.type-boxes-m .sc-cover .object-fit:before,
    .sc-tiles.vh .sc-tile.cover .sc-cover .object-fit:before,
    .sc-tiles-slider .swiper-controls.vh:before {
        padding-bottom: 133.3333333333%;
        height: auto;
    }

    .sc-billboard.type-boxes-m .sc-inner {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .sc-box-container .sc-box.cover {
        position: relative;
        width: 100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding: var(--spacing-md) var(--spacing-sm);
    }
    .sc-box-container .sc-box.cover:before {
        width: 50vw;
    }
    .sc-box-container .sc-box.detail {
        text-align: center;
        padding: var(--spacing-md) 0 var(--spacing-xl);
        border-bottom: 1px solid var(--color-border);
    }
    section:last-child > .sc-box-container:last-child .sc-box.detail {
        border-bottom: 0;
    }
    .sc-box-container:not(.lg) .sc-box.cover {
        padding-left: 0;
    }
    .sc-box-container:not(.lg) .sc-box.cover .media.object-fit:before {
        padding-bottom: 93.3333333333%;
    }
    .sc-box-container.lg .sc-box.cover {
        padding-top: var(--spacing-xl);
    }
    .sc-box-container.lg .sc-box.cover:before {
        height: calc(100% - var(--spacing-xl));
    }

    .sc-tile.cover .sc-cover .swiper-button-prev,
    .sc-tiles-slider .swiper-controls .swiper-button-prev {
        left: var(--spacing-sm);
    }
    .sc-tile.cover .sc-cover .swiper-button-next,
    .sc-tiles-slider .swiper-controls .swiper-button-next {
        right: var(--spacing-sm);
    }

    .sc-parallax .sc-cover {
        height: 133.3333333333vw;
    }

    .sc-block {
        padding: var(--spacing-lg) var(--spacing-sm);
    }

    .sc-roaming {
        padding: 0;
    }

    /* SLIDER */
    .type-slider,
    .type-slider .swiper-slide {
        padding-left: calc(var(--spacing-sm)/2);
        padding-right: calc(var(--spacing-sm)/2);
    }
    .type-slider .swiper-mask {
        -webkit-mask-box-image: -webkit-linear-gradient(0deg, transparent 0%, white calc(var(--spacing-sm)/2));
    }
    .type-slider .swiper-container {
        -webkit-mask-box-image: -webkit-linear-gradient(180deg, transparent 0%, white calc(var(--spacing-sm)/2));
    }

    /* MODULES */
    .topic-container {
        margin-left: auto;
        margin-right: auto;
    }
    .topic-container .topic {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    
    .blog-container:not(.type-slider) {
        display: grid;
        grid-template-columns: 100%;
        grid-column-gap: 0;
    }
    .blog-container.type-slider .swiper-slide {
        width: calc(100%/2) !important;
    }

    .gallery-container {
        grid-template-columns: repeat(2,1fr);
        grid-gap: var(--spacing-sm);
    }
    .gallery-container.type-example {
        grid-template-columns: 100%;
        grid-gap: var(--spacing-md) 0;
    }

    .partner-container.type-slider .swiper-slide {
        width: calc(100%/2) !important;
    }

    .material-container:not(.type-slider),
    .material-container:not(.type-slider) > * {
        padding-left: calc(var(--spacing-sm)/2);
        padding-right: calc(var(--spacing-sm)/2);   
    }

    .design-roaming .object-fit:before,
    .design-preview .design .media.object-fit:before {
        padding-bottom: 100%;
    }

    .design-preview .design .caption {
        text-align: center;
        padding: var(--spacing-md) 0 0;
    }
    .design-preview .design .caption > .entry-explore:not(:first-child) {
        margin-top: var(--spacing-sm);
    }
    
    .design-roaming .overlay .ic {
        width: 96px;
    }

    .design-room-control {
        top: calc(var(--spacing-sm)/2);
        right: calc(var(--spacing-sm)/2);
    }
    .design-room-control .control a {
        width: 72px;
        padding: 10px var(--spacing-2xs);
        font-size: var(--font-size-xs);
    }
    .design-room-control .control a > *:not(:last-child) {
        margin-bottom: var(--spacing-2xs);
    }
    .design-room-control .control .ic > img {
        height: 26px;
    }
    .design-room .room-preview .media.object-fit:before {
        padding-bottom: 100%;
        height: auto;
    }
    .design-room .room-headline {
        text-align: center;
        padding-top: var(--spacing-lg);
        padding-bottom: var(--spacing-lg);
    }
    .design-room .room-headline .container > *:not(:last-child) {
        margin-bottom: var(--spacing-sm);
    }
    .design-room .room-part {
        align-items: flex-start;
        justify-content: space-evenly;
    }
    .design-room .room-part a {
        text-align: center;
    }
    .design-room .room-part a > *:not(:last-child) {
        margin-bottom: var(--spacing-2xs);
    }
    .design-room .room-choices {
        width: calc(100% - var(--spacing-sm)*2);
        padding-left: var(--spacing-sm);
        padding-right: var(--spacing-sm);
    }
    .design-room .room-choices .swiper-slide {
        width: calc(100%/4) !important;
    }
    /* update:start */
    .design-room .room-preview .room-part {
        width: 100%;
    }
    .design-room .room-choices {
        width: 100%;
        padding-left: calc(var(--spacing-sm)*2);
        padding-right: calc(var(--spacing-sm)*2);
        background: #fff;
    }
    .design-room .room-choices .swiper-button-prev {
        left: calc(var(--spacing-sm) - 4px);
    }
    .design-room .room-choices .swiper-button-next {
        right: calc(var(--spacing-sm) - 4px);
    }
    /* update:end */


    .catalog-thumbs .swiper-mask {
        margin-left: var(--spacing-sm-minus);
        margin-right: var(--spacing-sm-minus);
    }
    .catalog-thumbs .swiper-slide {
        padding-left: var(--spacing-sm);
        padding-right: var(--spacing-sm);
    }

    .quality-cover .q-info .caption {
        font-size: var(--font-size-sm);
    }

}

@media (max-width:767px) {
    
    .hidden-mobile { display: none !important;}
    .a-center-mobile { text-align: center !important;}
    
    /* SLIDER */
    .type-slider,
    .type-slider .swiper-slide {
        padding-left: 0;
        padding-right: 0;
    }
    .type-slider .swiper-mask,
    .type-slider .swiper-container {
        -webkit-mask-box-image: none !important;
    }

    /* MODULES */
    .blog-container.type-slider .swiper-slide {
        width: 100% !important;
    }
    
    .partner-container.type-slider .swiper-slide {
        width: 100% !important;
    }

    .material-container:not(.type-slider) {
        flex-direction: column;
        align-items: center;
        margin-top: 0;
        padding-left: 0;   
        padding-right: 0; 
    }
    .material-container:not(.type-slider) > * {
        padding-left: 0;   
        padding-right: 0;
        margin-top: 0;
        width: 100%;
    }
    .material-container:not(.type-slider) > *:not(:last-child) {
        margin-bottom: var(--spacing-lg);
    }

    .event-container.type-slider .swiper-slide {
        width: 100% !important;
    }

    .catalog-preview .catalog .cover {
        padding: var(--spacing-lg) 0 38.3311603651vw;
        background: var(--color-theme-gold);
    }
    .catalog-preview .catalog .media {
        width: 56.5333333333vw;
        margin: 0 auto;
    }
    .catalog-preview .catalog .caption {
        padding: var(--spacing-xl) var(--spacing-sm);
        text-align: center;
    }
    .catalog-preview .container {
        padding-left: 0;
        padding-right: 0;
    }
    .catalog-preview [class*="swiper-button-"] {
        top: var(--spacing-lg) !important;
    }
    .catalog-preview .swiper-button-prev {
        left: var(--spacing-sm);
    }
    .catalog-preview .swiper-button-next {
        right: var(--spacing-sm);
    }

    .catalog-thumbs {
        width: 100%;
        position: absolute;
        z-index: 1;
        top: calc(79.0091264668vw + var(--spacing-lg)); 
        left: 0;
    }
    .catalog-thumbs .swiper-mask {
        margin-left: calc(var(--spacing-sm-minus)/2);
        margin-right: calc(var(--spacing-sm-minus)/2);
        -webkit-mask-box-image: -webkit-linear-gradient(0deg, transparent 0%, white calc(var(--spacing-md)/2));
    }
    .catalog-thumbs .swiper-container {
        overflow: visible;
        -webkit-mask-box-image: -webkit-linear-gradient(180deg, transparent 0%, white calc(var(--spacing-md)/2));
    }
    .catalog-thumbs .swiper-slide {
        width: calc(100%/4) !important;
        padding: var(--spacing-md) calc(var(--spacing-sm)/2);
    }

    .design-thumbs {
        padding-left: 0;
        padding-right: 0;
    }
    .design-thumbs .swiper-mask {
        margin-left: calc((var(--spacing-sm-minus)/2) - (5px/2));
        margin-right: calc((var(--spacing-sm-minus)/2) - (5px/2));
    }
    .design-thumbs .swiper-slide {
        width: calc(100%/2) !important;
    }
    .design-thumbs .swiper-button-prev {
        transform: translate(-50%,-50%);
    }
    .design-thumbs .swiper-button-next {
        transform: translate(50%,-50%);
    }
    .design-thumbs [class*="swiper-button-"]:after {
        transform: none;
    }
    
    /* .design-room .room-choices {
        padding-left: 0;
        padding-right: 0;
    }
    .design-room .room-choices .swiper-slide {
        width: calc(100%/2) !important;
    } */

}

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

}

/*========== MIN and MAX ==========*/
@media (min-width:992px) and (max-width:1199px) {
    /* FOOTER */
    .footer-nav {
        font-size: var(--font-size-xs);
    }
}