.villa-info-outer-container{width:100%;margin:0 auto}
.villa-info{width:100%;margin:auto;}
.villa-title{flex-direction:column;justify-content:center;align-items:center}
/*.villa-info-list > li:not(:last-child):before{content:'/';position:absolute;top:0;bottom:0;right:0;margin:auto}*/
.outdoor-container{width:100%;margin:0 auto}
.interior-content {flex-direction: column;align-items: flex-start;}
.interior-container {padding: 0 20px;width: 100%;background: #F4F4F4;}
.amenities-inner-container{width:100%}
.amenities-outer-container{width:100%;}
.amenities-container{width:100%;background:#EEEAE5}
.top-amenities-list > li > div > figure img{width:100%;max-width:100%;height:auto}
.amenities-photo{width:100%}
.amenities-photo figure{padding-bottom:82.75%}
.amenity-title{font:var(--font-18-regular);}
.title-h3{color:var(--color-blue-500);}
.amenities-right {background: #4A647B;color: var(--color-white);}
.amenities-list .title-h3 {color: var(--color-white);}
.amenities {
    font: var(--font-18-semi-bold);
    line-height: var(--lh-2);
}
.amenities ul {margin: 0;padding:0;list-style:none;}
.amenities ul >li {
    padding-left: 25px;
    position: relative;
}

.amenities ul >li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 13px;
    background: url(../img/villas/list-dot.svg) no-repeat center center;
    width: 15px;
    height: 13px;
    margin: auto;
}
.top-amenities-list > li > div{gap:20px;align-items:center}
.amenities-list{
    /*display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));*/
    gap: 24px 48px;
    width: 100%;
}
.amenities-list > li{margin:0;}
.outdoor-photo figure{padding-bottom:57.3%;}
.interior-photo figure{padding-bottom:127.58%;}
.photo-gallery-container {width: 100%;margin: 0 auto;}
.gallery-title {text-align: center;font: var(--font-40-medium);color: var(--color-black-900);}
#grid {
    width: 100%;
    opacity: 0;
    margin-top: 30px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#grid.animate {
    opacity: 1;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#grid > li a {
    position: relative;
    width: 100%;
}

#grid > li figure {
    position: relative;
    width: 100%;
}

#grid > li figure img {
    width: 100%;
}

#grid > li {
    padding: 0 10px 10px;
    width: 33%;
    box-sizing: border-box;
}

.share-container {width: 100%;margin: 0 auto;}
.share-title {text-align: center;border-top: 1px solid #D9D9D9;font: var(--font-16-bold);letter-spacing: 10px;color: #676767;}
.share {justify-content: center;align-items: center;margin-top: 20px;gap: 30px;}
@media (min-width:1200px) {
    .villa-info-outer-container{max-width:1500px;margin-top:40px}
    .villa-info{padding:40px 20px;border-top:1px solid #CDCDCD;border-bottom: 1px solid #CDCDCD;}
    .villas-subtitle{font:var(--font-20-medium);letter-spacing:12px}
    #cms-h1{font:var(--font-60-semi-bold);text-align: center;}
    .villa-info-container{margin-top:40px}
    .villas-desc{width:61%;margin-left:6%;padding-left:3%;border-left:1px solid #CDCDCD;font:var(--font-20-regular);line-height:46px}
    .villa-title{width:33%}
    .title-h3 {font: var(--font-20-bold);}
    .outdoor-desc, .interior-desc {font: var(--font-18-regular);margin-top: 30px;line-height: var(--lh-1-8);}
    .interior-content {padding: 50px 0;}
    .interior-container {max-width: calc(100% - 40px);margin: 50px auto 0;}
    .interior-helper {max-width: 1500px;width: 100%;margin: 0 auto;}
    .interior-content{width:56%}
    .interior-photo{width:39%;margin-left:5%}
    .outdoor-container{max-width:1540px;padding:0 20px;align-items:center;margin-top:40px}
    .outdoor-content{width:47%;margin-left:3%;flex-direction:column;justify-content:center}
    .outdoor-photo{width:50%}
    .amenities-outer-container{padding:0 20px;margin-top:80px}
    .amenities-left{width:31%}
    .amenities-right{width:69%;padding:3.125vw}
    .amenities-container{padding:2.083vw 2.604vw 3.646vw;}
    .amenities-title{font:var(--font-30-bold)}
    .amenity-title{max-width:72%}
    /*.amenities-list{margin-top: 25px;}*/
    .amenities-list{/*grid-template-columns: repeat(4, minmax(0, 1fr));*/column-count: 4;}
    .amenities-list>li{margin:25px 0 0 ;}
    .top-amenities-list{margin-top:40px;column-gap:4%;row-gap:20px}
    .top-amenities-list > li{width:48%}
    .top-amenities-list > li > div > figure{max-width:13%}
    .photo-gallery-container {max-width: 1540px;padding: 0 20px;margin-top: 65px;}
    .photo-gallery{margin-top: 50px;}
    .share-container {max-width: 1500px;padding: 0 1.042vw;margin-top: 5.208vw;}
    .share-title {padding-top:1.302vw;}
    .amenities{margin-top: 25px;}
    .amenities ul >li{font:var(--font-18-semi-bold);line-height: var(--lh-2);}
    /*.amenities ul >li:before{bottom: 0;}*/
    #footer {margin-top: 4.167vw;}

}
@media (max-width:1199px) {
    .amenities-right{width: 100%;}
    .villa-title{width:100%;padding:30px 0;border-top:1px solid #CDCDCD;border-bottom:1px solid #CDCDCD}
    .share-title{padding-top: 15px;}
    .amenities-list{
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px 48px;
        width: 100%;
    }
}
@media (min-width:765px) and (max-width:1199px) {
    .amenities-left{margin-top: 20px;}
    .amenities-container {width: 58%;padding:3vw 5vw; }
    .amenities-title{text-align: center;font:var(--font-30-bold);}
    .amenities-list{
        grid-template-columns: repeat(3, minmax(0, 1fr));
        max-width: 900px;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
    }
    .top-amenities-list{margin-top: 40px;column-gap: 2%; row-gap: 20px;}
    .top-amenities-list > li{width:49%;}
    .amenity-title{font-size: clamp(0.8125rem, 0.2617rem + 1.1521vw, 1.125rem);}
    .amenities-photo {width: 44%;}
    .amenities-photo figure{height: 100%;}
    .amenities-left {width: 100%;display: flex;}
    .amenities-right{padding: 70px 65px;}
    .amenities{margin-top: 20px;}
    .amenities ul >li{font:var(--font-18-semi-bold);line-height: var(--lh-2);}
    .amenities ul >li:before{bottom: 0;}
    .villa-info-outer-container{margin-top:30px}
    .villas-subtitle{font:var(--font-20-medium);letter-spacing:12px}
    #cms-h1{font:600 clamp(2.5rem,1.3983rem + 2.3041vw,3.125rem) var(--fontFamily)}
    .villa-info-container{margin-top:35px}
    .villas-desc {width: 100%;margin: 35px auto 0;max-width: 880px;padding: 0 20px;font: var(--font-20-regular);line-height: 2.3;}
    .outdoor-container{margin-top:25px;flex-direction:column;justify-content:center;align-items:center}
    .outdoor-photo{width:100%;max-width:750px;margin:0 auto;padding:0 20px}
    .outdoor-content{margin:45px auto 0;max-width:920px;padding:0 20px}
    .title-h3{font:var(--font-20-bold);color:var(--color-blue-500)}
    .outdoor-desc{margin-top:25px;font:var(--font-18-regular);line-height:var(--lh-1-8)}
    .interior-container{margin-top:45px;padding:45px}
    .interior-photo{width:40%;margin-left:4%}
    .interior-content{width:50%}
    .interior-helper{justify-content:center}
    .interior-desc{margin-top:30px;font:Var(--font-18-regular);line-height:var(--lh-1-8)}
    .photo-gallery-container{padding: 0 6vw;margin-top: 50px;}
    .photo-gallery{margin-top: 50px;}
    .share-container{max-width: 880px;padding: 0 20px;margin-top: 45px;}
    #footer{margin-top: 5vw;}

}
@media (max-width:764px) {
    #cms-h1{margin-top: 12px;}
    .villa-title{padding: 0 0 30px;border-top: none;}
    .villa-info-outer-container{margin-top: 20px;padding: 0 10px;}
    .villa-info-list{margin-top: 20px;}
    .villas-subtitle {font: var(--font-20-medium);letter-spacing: 12px;}
    #cms-h1{font:var(--font-40-semi-bold);}
    .villas-desc{font:var(--font-20-regular);line-height: 2.3;text-align: center;margin-top: 20px;}
    .photo-gallery-container{padding: 0 10px;margin-top: 30px;max-width: 420px}
    .photo-gallery{margin-top:25px;}
    .share-container{max-width: 500px;margin-top: 20px;padding: 0 10px;}
    .amenities-list{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 32px;
        max-width: 520px;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
    }
    .content-inner-container{width:100%;margin-top:15px}
    .outdoor-container{padding:0 10px;}
    .outdoor-photo{width:100%;max-width:400px;}
    /*.amenities-photo{max-width:400px;margin: 0 auto;}*/
    .amenities-left {margin: 0 auto;max-width: 500px;}
    .outdoor-content{margin-top:25px;justify-content:center;align-items:center;text-align:center}
    .title-h3{font:var(--font-20-bold);}
    .outdoor-desc, .interior-desc{font:var(--font-16-regular);line-height:2.1;margin-top: 15px;}
    .interior-container{margin-top: 15px;padding: 25px 10px;}
    .interior-content{justify-content: center;align-items: center;text-align: center;}
    .interior-photo{width:64%;max-width: 300px;margin: 30px auto 0;}
    .amenities-outer-container{margin-top: 20px;}
    .amenities-title{font:var(--font-25-medium);text-align: center;}
    .amenities-container{padding: 25px 50px;}
    .top-amenities-list{margin-top:30px;width: 100%;column-gap: 2%;row-gap:10px;justify-content: center;align-items: center;}
    .top-amenities-list > li{width: 49%;}
    .top-amenities-list > li > div {flex-direction: column;justify-content: center;align-items: center;text-align: center;gap: 10px;}
    .amenities-right{padding: 40px 10px;}
    .amenities ul >li:before{bottom: 0}
    .amenities ul > li {font: var(--font-16-semi-bold);line-height: 2.25;}
    #grid > li {padding: 0 10px 10px;width: 100%;box-sizing: border-box;}
    #footer{margin-top: 20px;}
}