#cms-wrapper{width:100%;/*padding:35px 0 0*/}
#cms-h1 {text-align: center;font-family: var(--font-family-secondary);color: var(--font-color-dark);font-weight: 400;letter-spacing: var(--font-size-lr);margin-top:15px;}
.breadcrumb-container{justify-content: center;align-items: center;}
.breadcrumb-container > li a,.breadcrumb-container > li{text-transform: uppercase;font-family: var(--font-family-main);font-weight: 300;color: var(--font-color-dark)}

.suites-header-image-container > figure {padding-bottom: 64.58%}
.amenities-image > figure {padding-bottom: 62.5%;height: 100%;}

.suites-header-outer-container{width: 100%;}
.suites-desc {width: 100%;margin: auto;font-weight: 300;text-align: center;font-size: 18px;font-family: var(--font-family-main);line-height: 2.22;}
.suites-popular-wrapper{width: 100%;margin: auto;}
.popular-outer-container:before {content: '';position: absolute;left: 0;border-radius: 10px;background: #EEE;width: 230px;height: 100%;bottom: 2px;max-height: 380px;z-index: -1;}
.popular-inner-container{border-radius: 10px;background: #5F6657;}

.popular-container {font-weight: 700;font-family: var(--font-family-main);color: var(--font-color-light);}
.popular-amenities-list > li > div {align-items: center;}
.popular-amenities-list > li > div span {color: var(--font-color-light);font-weight: 300;font-family: var(--font-family-main);}

.amenities-title {text-align: center;font-weight: 700;font-family: var(--font-family-main);}
.full-amenities-wrapper {width: 100%;margin: auto;}
.amenities-categories-list {width: 100%;}
.amenities-categories-list, .amenity-category-list {display: block;}
.amenity-category-title {font-weight: 700; font-family: var(--font-family-main);line-height: 1.81;}
.amenity-title {font-family: var(--font-family-main);font-weight: 300;line-height: 1.66;}

.house-rules-wrapper {width: 100%;margin: auto;}
.house-rules-title {text-align: center;font-weight: 700;font-size: 30px;font-family: var(--font-family-main);}
.house-rules-desc {text-align: center;margin-top: 27px;font-weight: 300;line-height: 2.22;font-family: var(--font-family-main);font-size: 18px;}
.rule-container {align-items: flex-start;}
.house-rules-list > li {border-radius: 10px;background: rgba(224, 223, 217, 0.50);width: 100%;}
.see-gallery-btn {margin:  auto;width: fit-content;background: #5F6657;}
.see-gallery-btn > a {color: var(--font-color-light);}
.see-gallery-btn > a span {font-weight: 300;font-family: var(--font-family-main);font-size: 20px;}

.amenities-categories-list {column-count: 4;column-gap: 48px;column-rule: 1px solid #E0E0E0;padding: 30px 0;border-top: 1px solid #D9D9D9;border-bottom: 1px solid #D9D9D9;}
.amenities-categories-list > li {display: inline-block;width: 100%;break-inside: avoid;-webkit-column-break-inside: avoid;-moz-column-break-inside: avoid;margin: 0 0 20px;}

.popular-amenities-list > li > div figure > img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
.left-rule-title {
    font-weight: 700;
    font-family: var(--font-family-main);
    font-size: 18px;
}
.right-rule-description{font-weight: 300;font-family: var(--font-family-main);font-size: 20px;}
@media (min-width:1200px) {
    .breadcrumb-outer-container{padding: 0 20px;}
    .breadcrumb-wrapper{margin-top:2.083vw}
    .breadcrumb-container > li a,.breadcrumb-container > li{font-size: 14px;}
    #cms-h1{font-size: clamp(2.375rem, 1.625rem + 1vw, 2.8125rem);}/*45->38*/

    .suites-header-container{width: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;background: #F4F4F4;}
    .suites-header-image-container{width: 50%;}
    .suites-desc {max-width: 1100px;margin-top: 3.646vw;}
    .suites-popular-wrapper {max-width: calc(100% - 13.542vw);gap: 4%;margin-top:3.125vw;}
    .popular-outer-container{width: 48%;padding-left: 1.302vw;position: relative;z-index: 1;padding-bottom: 1.302vw;margin-bottom: 1.302vw;}
    .popular-inner-container {padding: 2.083vw;}
    .popular-title {font-size: clamp(1.5625rem, 1.0268rem + 0.7143vw, 1.875rem);}
    .popular-amenities-list {margin-top: 3.125vw;column-gap: 4%;row-gap: 35px;}
    .popular-amenities-list > li {width: 48%;}
    .popular-amenities-list > li > div {gap: 20px;}
    .popular-amenities-list > li > div figure {max-width: 12%;}
    .popular-amenities-list > li > div span {max-width: 78%;}
    .amenities-image {width: 48%;margin: auto}
    .amenities-title {font-size: clamp(1.5625rem, 1.0268rem + 0.7143vw, 1.875rem);}
    .amenities-categories-list {margin-top: 1.823vw;padding-top: 1.823vw;}
    .full-amenities-wrapper {margin-top: 60px;max-width: 1640px;padding: 0 20px;}

    .amenity-category-title {font-size: 22px;}
    .amenity-category-list {margin-top: 23px;}
    .house-rules-wrapper {max-width:1100px;margin-top: 3.125vw;}

    .amenity-title {font-size: 18px;}
    .house-rules-title {
        font-size: clamp(1.5625rem, 1.0417rem + 0.6944vw, 1.875rem);
    }

    .house-rules-list {margin-top: 2.604vw;row-gap: 10px;}
    .house-rules-desc{margin-top:1.406vw;}
    .rule-container {padding: 20px 30px;}
    .right-rule-description {margin-left: 5%;width: 70%;}
    .left-rule-title {width: 25%;}
    .see-gallery-btn {margin-top: 60px;}
    .see-gallery-btn > a {padding: 33px 48px;}

    #footer {margin-top: 3.646vw;}
}

@media (max-width:1199px) {
    #cms-wrapper{width:100%;padding:0}
    .breadcrumb-outer-container{padding: 0 20px;}
    .breadcrumb-wrapper{margin-top:20px;}
    .breadcrumb-container > li a,.breadcrumb-container > li{font-size: clamp(1.25rem, 1.0297rem + 0.4608vw, 1.375rem);}
    #cms-h1{font-size: clamp(1.875rem, 1.0179rem + 1.1429vw, 2.375rem);padding: 0 10px;}/*38->30*/

    .suites-header-container{width: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;background: #F4F4F4;}
    .suites-header-image-container{width: 50%;}

    .popular-title {font-size: clamp(1.375rem, 1.0445rem + 0.6912vw, 1.5625rem);}
    .popular-amenities-list > li > div {align-items: flex-start;}
    .popular-amenities-list > li > div figure {max-width: 12%;}
    .popular-amenities-list > li > div span {max-width: 78%;}


    .amenity-category-title {font-size: 20px;}.amenity-title {font-size: 18px;}
    .suites-desc {
        margin-top: 35px;
        max-width: calc(100% - 3.906vw);
        padding: 0 10px;
    }

    .suites-popular-wrapper {
        margin-top: 35px;
        gap: 4%;
        max-width: calc(100% - 3.906vw );
    }

    .popular-outer-container {
        width: 48%;
        padding-left: 20px;
        position: relative;
        z-index: 1;
    }

    .amenities-image {
        width: 48%;
        margin: auto;
    }

    .popular-inner-container {
        padding: 40px;
    }

    .popular-amenities-list {
        margin-top: 40px;
        column-gap: 2%;
        row-gap: 20px;
    }

    .popular-amenities-list{align-items: center;}

    .popular-amenities-list > li {
        width: 49%;
    }

    .popular-amenities-list > li > div {
        gap: 15px;
        width: 100%;
    }

    .popular-amenities-list > li > div span {
        max-width: 70%;
        /* width: 100%; */
        font-size: 16px;
    }

    .popular-amenities-list > li > div figure {
        max-width: 20px;
    }

    .popular-outer-container:before {
        max-height: calc(100% - 50px);
        bottom: -20px;
    }

    .full-amenities-wrapper {
        margin-top: 45px;
        max-width: 90%;
    }

    .amenities-title {
        font-size: clamp(1.25rem, 0.6992rem + 1.1521vw, 1.5625rem);
    }

    .amenities-categories-list {column-count: 3;column-gap:60px;margin-top: 30px;}

    .house-rules-wrapper {
        margin-top: 30px;
        max-width: calc(100% - 3.906vw);
    }

    .house-rules-title {font-size: clamp(1.25rem, 0.6992rem + 1.1521vw, 1.5625rem);}
    .house-rules-desc {
        line-height: 1.5;
    }

    .house-rules-container {
        margin-top: 30px;
    }

    .house-rules-list {
        row-gap: 15px;
    }

    .rule-container {
        padding: 20px;
    }

    .right-rule-description {
        width: 75%;
        margin-left: 5%;
        font-size: clamp(1rem, 0.6695rem + 0.6912vw, 1.1875rem);
    }

    .left-rule-title {
        width: 20%;
    }

    .see-gallery-btn > a {
        padding: 20px;
    }

    .see-gallery-btn {
        margin-top: 40px;
    }

    #footer {
        margin-top: 45px;
    }
}

@media (max-width:764px) {
    #cms-h1{font-size: clamp(1.5625rem, 1.0268rem + 0.7143vw, 1.875rem);}

    .popular-title{font-size: clamp(1.25rem, 1.1692rem + 0.431vw, 1.375rem);}
    .house-rules-wrapper {
        padding: 0 15px;
    }
    .amenities-categories-list{column-count: 1;text-align: center;}
    .suites-header-container {
        width: 100%;
        padding: 20px;
    }

    .suites-header-image-container {
        width: 80%;
        margin: 25px auto 0;
    }

    .suites-popular-wrapper {
        max-width: 100%;
    }

    .popular-outer-container {
        width: calc(100% - 35px);
        margin: auto;
        padding-right: 20px;
    }

    .popular-outer-container:before {
        width: 45%;
        max-height: 50%;
    }

    .popular-amenities-list > li {
        width: 100%;
    }

    .amenities-image {
        width: 80%;
        margin: 80px auto 0;
    }

    .rule-container {
        flex-direction: column;
        gap: 20px;
    }

    .right-rule-description {
        margin-left: 0;
        width: 100%;
    }

    .left-rule-title {
        width: 100%;
        font-weight: 700;
    }

    .suites-desc{font-size: 16px;}

    .amenity-category-title {
        font-size: 18px;
    }

    .amenity-title {
        font-size: 16px;
    }
}