@media (max-width: 900px) {
    .hero__veil {background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.0) 20%, rgba(0, 0, 0, 0.7) 100%);}
}


@media (max-width: 767px) {
    #main-nav { grid-template-columns: 1fr; }
    #main-nav .nav__left {}
    #main-nav .nav__left + a {text-align: center;} 
    #main-nav .nav__left + a .nav__wordmark {text-align: center;margin: 0 0 13px 0;}
    #main-nav.nav--solid .nav__left + a .nav__wordmark { display: none; }
    #main-nav .nav__right { justify-content: space-between; display: flex; }
.lang-drop, .audio-drop { right: auto; left: 0; }
    
    .villa-row, .villa-spread, .pull, .feature, .trips-grid, .menu, .stays-hero {padding: 50px var(--pad-x);}
    .feature { gap: 0; }
    .feature .img-ph {height: 360px;}
    .feature .feature__body { padding: 30px clamp(24px, 5vw, 96px); }
    .s-head {grid-template-columns: 1fr;padding: 0;}  
    .s-head .s-head__mark { position: relative; top: auto; } 
    .s-head .s-head__mark + div {}   
}  


@media (max-width: 767px) {
    .villa-spread_pricing { flex-wrap: wrap; max-width: 100% !important; }
    .villa-spread_pricing .price {}
    .villa-spread_pricing .actions {}
}

.section {padding:140px var(--pad-x);}
.section.black {background:var(--ink);color:var(--paper);}

@media (max-width: 767px) {
    .section {/* padding:50px var(--pad-x); */}
    .section-mobile {padding:50px var(--pad-x) !important;}
    .section-mobile-0 {padding:0 var(--pad-x) !important;}
    .invitation {flex-wrap: wrap;max-width: 100% !important;padding: 50px var(--pad-x) !important;border-bottom: solid 2px rgb(255 255 255 / 20%);}
    .invitation-content { grid-template-columns: 1fr !important; gap: 20px !important; }
.grid-mobile {grid-template-columns: 1fr !important;gap: 30px !important;}
.grid-mobile .body-m {max-width: 100% !important;}

.stays-hero {}
.stays-hero .buttons { display: flex !important; flex-wrap: wrap; }
.stays-hero .buttons button { width: 100%; }

}

@media (max-width: 767px) {
    .stays-index {display:none}
    .villa-line { display: flex !important; flex-wrap: wrap !important; gap: 0 !important; column-gap: 10px !important; }
    .villa-line span.name {text-align: left !important;}
    
    .villa-line span.name {flex:1 !important;min-width: 80%;}
    .villa-line .clear {flex:0 1 100%;}
    .villa-line span.body-m {flex: auto !important;}
    .villa-line span.price {flex:0 1 100%; text-align:left !important;}
}

@media (max-width: 767px) {
    .foot {padding: 50px var(--pad-x) 36px !important;}
    .foot__bot { flex-wrap: wrap; }
    .foot__bot span {flex: 0 1 100%;}
}


@media (max-width: 990px) {
.amenities { grid-template-columns: repeat(2, 1fr) !important; column-gap: 20px !important; row-gap: 50px !important; } 
.amenities > div {} 

}

@media (max-width: 990px) {
    .wl-table-responsive {overflow-y: scroll;}
    .wl-table-responsive .wl-table {min-width: 767px;}
}
@media (max-width: 767px) {
    .wl-selects { width: 100%; }
    .wl-selects .wl-field, .wl-selects .wl-field .wl-select, .wl-selects .wl-field .wl-input { width: 100%; }
}
@media (max-width: 767px) {
    .av-villa-line {}
    .av-villa-line div:nth-child(1) { flex: 0 1 100%; }
    .av-villa-line div:nth-child(2) { flex: 0 1 100%; }
    
}

@media (max-width: 767px) {
   .fac-tabs {
    flex-wrap: wrap;
}    
   .fac-tabs .fac-tab {
    margin: 0;
    width: 100%;
}    
   .fac-tabs .fac-tab.active {}    

   .cross {}
   .cross .cross__card {
    padding: 20px;
    text-align: center !important;
    align-items: center !important;
    border: 1px solid var(--hair);
}
   .cross .cross__card:first-child {
    /* border: 1px solid var(--hair); */
}
}