.menu-hams-mob, .footer-mobile-fixed, .menu-overlay { display: none;}
.header-home {  position: absolute; /* default */  top: 0; left: 0; width: 100%; transition: all 0.3s ease; }
.header-home.fixed {  position: fixed; top: 0;  left: 0; background: #fff; /* optional */ z-index: 999; }
.dining-gallery .two-column { width: calc(33.333% - 40px);}
.hme-welcome-wrapp figure{/*overflow:hidden; */}
.hme-welcome-wrapp figure img{transform:scale(1.15);}
.welcome-head span{display:block; overflow:hidden;} .welcome-head span span{display:block; transform:translateY(120%);} .reveal-wrapper {  min-height: 200vh;} .welcome-head span {  display: block; overflow: hidden;}
.welcome-head span span {   display: inline-block; transform: translateY(100%); }
.welcome-head { line-height: 40pt;} .design { display: none;} .home-page .design { display: block;} .cpr-wrapp .container { position: relative;}
.home-page .smo { position: absolute; left: 50%; transform: translateX(-50%);}
.reservbtn-mob-wrapp {    position: fixed;    width: 100%;    z-index: 10000;    bottom: 0;    display: none !important;    background-color: #652600;    border-top: 1px solid rgba(255,255,255,0.3); }
.bfb-right {    padding-right: 10px;    gap: 15px;}
@media screen and (max-height: 1080px) {
  /* Styles for 1080px height or less */
  .intro-cap { padding-top: 0 !important;}
}

@media (max-width: 2000px) {
 .suites-packe-wrapp, .hme-multi-res-wrapp  { background-size: auto;}
}

@media (max-width: 1700px) {
.hme-welcome-wrapp figure.welcome-tl { width: 350px;}
.overview-top-cnt {    padding-top: 30px;    padding-left: 535px; } .overview-mid-cnt {    padding:0 536px 60px 536px; }
.overview-btm-cnt {    padding-top: 60px;    padding-right: 534px; }
}
@media (max-width: 1600px) {
.welcome-btm-center {  max-width: 487px;  margin: 0 auto; }
.hme-welcome-wrapp figure.welcome-tl { width: 300px;}
.welcome-bl { width: 280px;}  .welcome-content {  width: calc(440px - 0px); }
.overview-img-1, .overview-img-2 {    width: calc(380px - 0px);}
.overview-top-cnt {        padding-top: 30px;        padding-left: 430px;    }
.overview-mid-cnt {        padding: 0 430px 60px 430px;    }
.overview-btm-cnt { padding-right: 430px;}
.suites-packe-wrapp h3, .welcome-head, .hme-pool-overlay h3 {font-size: 26pt;line-height: 40pt;letter-spacing: 1pt;}
.welcome-head {    line-height: 34pt; }
.page-caption { font-size: 22pt; line-height: 32pt;}


#site-logo { left: 30px; padding: 0 20px 20px 20px; width: calc(162px - 0px); }  .header-right { shape-image-threshold: 30px;}
.primary-menu { transform: translateX(0);
     left: 198px;
     width: calc(1060px - 0px);
}
}
@media (max-width: 1500px) {

:root {  --gutter60: 30px 0;  --gutter80: 40px 0;  --gutter: 100px 0; }
.container-large, .container, .container-small { padding: 0 50px;}
#page { font-size: 12.5pt; }  p {    line-height: 20pt; }
.top-book-now-btn a:link, .top-book-now-btn a:visited, .intro-book a:link, .intro-book a:visited { font-size: 10pt;}
    #site-logo {        left: 30px;        padding: 0 20px 20px 20px;        width: calc(137px - 0px);    }    #site-logo:after { height: 62px;}
.header-right { right: 30px;}
.primary-menu {   width: calc(944px - 0px); left: 172px; }
.primary-menu ul li a:link, .primary-menu ul li a:visited {  padding: 25px 14px;  font-size: 11pt;  line-height: 13pt; }
.welcome-content-hold {  padding: 0; }
.sub-page-wrapp {  padding: 60px 0; }
.welcome-content {   width: calc(440px - 0px); }
.sub-banner-room {   padding-top: 139px; }
.page-title h1 {  font-size: 30pt; line-height: 40pt; }
.suites-packe-wrapp h3, .welcome-head, .hme-pool-overlay h3 { font-size: 22pt;  line-height: 28pt; }
.dining-top-left article {   padding-right: 00px;   padding-left: 80px;  padding-bottom: 100px; }
.dining-top-left, .hme-muti-left {  width: calc(50% - 0px);  padding-right: 66px; }
.overview-mid-cnt { padding: 60px 450px; }
.overview-img-1, .overview-img-2 { width: calc(393px - 0px); }
.overview-top-cnt {  padding-top: 30px;  padding-left: 464px; }
.hme-pool-overlay article {  padding: 0 60px 0 110px; }
.btm-caption h2 {   font-size: 24pt;  line-height: 38pt; }
.page-caption {  padding: 30px 0;   font-size: 24pt; line-height: 37pt; }
.btm-stay-wrapp, .sub-exper-wrapp { padding: 80px 0; }
.room-amen-list li {   margin: 8px 0; }
.hme-attr-gallery { gap: 30px;}
.hme-att-img {
    width: calc(50% - 15px);
}
.imp-text {
    font-size: 16pt;
    line-height: 27pt;
}
}



@media (max-width: 1366px) {
.home-align {   padding-top: 90px; }
.welcome-tl { width: 278px;}
.welcome-btm-center {  width: 360px; }
.welcome-btm {   padding: 30px 0 30px; }

    .overview-top-cnt {
        padding-top: 30px;
        padding-left: 433px; padding-right: 0;
    }
    .overview-mid-cnt {
        padding: 0px 441px;
    }

.contact-address {
   
    padding: 50px;
    width: 486px;
}
.gmapWrapp {
    padding-left: 486px; }


}




@media (max-width: 1300px) {
:root {  --gutter60: 30px 0; --gutter80: 40px 0;  --gutter: 60px 0; }
.container-large, .container, .container-small { padding: 0 30px;}
#page { font-size: 11.5pt; }  p {  line-height: 20pt; }
#site-logo {   width: calc(140px - 0px); }
#site-logo:after { height: 65px;}
.sub-banner-room {  padding-top: 117px;}
.primary-menu { left:176px; transform: translate(0,0);         width: calc(874px - 0px);}
.hme-muti-left-hold {  padding: 120px 50px; }
.hme-din-top-img figcaption { font-size: 30pt; }
.hme-pool-overlay article { padding: 0 60px 0 70px; }
.btm-stay-wrapp, .sub-exper-wrapp {  padding: 60px 0; }
.hme-seren-misc-wrapp .align {  border-bottom-left-radius: 80px;  border-bottom-right-radius: 80px;
 padding-top: 314px;  padding-bottom: 275px; }
.welcome-bl { width: 250px;}
.overview-top-cnt {  padding-top: 30px;  padding-left: 430px; }
.overview-mid-cnt { padding: 0px 430px;}
.overview-btm-cnt { padding-top: 40px; padding-right: 460px; padding-left: 50px; }
.hme-muti-left-hold h3 { padding-bottom: 30px;  font-size: 23pt;  line-height: 30pt; }
.page-title h1 {  font-size: 26pt;  line-height: 36pt; }
.hme-exper-top h3 { font-size: 22pt; }
.suites-packe-wrapp h3, .welcome-head, .hme-pool-overlay h3 { font-size: 18pt;     line-height: 28pt; }
.welcome-content p { font-size: 13pt; line-height: 24pt; }
.page-caption { padding: 30px 0; font-size: 22pt; line-height: 36pt;}
.hme-misc-cap, .hme-serene-abt-over h2 { font-size: 26pt; line-height: 38pt;}
.page-caption { padding: 20px 0 40px;  font-size: 20pt;   line-height: 30pt; }
.widget-title { font-size: 26pt; }
.widget-title span {  font-size: 14pt;  padding-bottom: 2px; line-height: 16pt; }
.top-content p, .middle-content p { font-size: 14pt;  line-height: 28pt; }
.land-room-name { font-size: 16pt;}
.imp-text { font-size: 14pt; line-height: 26pt; }
.facili-item-block h3 {  font-size: 20pt;  padding-bottom: 15px;}
.facil-caption {  font-size: 16pt; }
.suites-packe-wrapp p, .hme-room-item .room-name {  font-size: 14pt;   line-height: 23pt;  font-weight: 500; }
.over-kmnr {  font-size: 9pt; }
.room-amen-list li { margin: 1px 0; }
.room-menu a:link, .room-menu a:visited { font-size: 12pt; }
.primary-menu ul li a:link, .primary-menu ul li a:visited {  padding: 22px 8px; }
.top-book-now-btn a:link, .top-book-now-btn a:visited, .intro-book a:link, .intro-book a:visited { padding: 2px 35px 2px 16px;}
.top-book-now-btn a:after, .intro-book a::after { right: 13px;}

.places-block:nth-child(odd) article {
    padding-left: 0px;
    padding-right: 20px;
}
.places-block:nth-child(even) article {
    padding-left: 20px;
    padding-right: 0px;
}

}
@media (max-width: 1260px) {
 .menu-hams-mob { display: flex; padding: 18px;}
.menu-overlay.menu-open { display: block; padding-top: 0px; }
.primary-menu { display: none;}
.header-right {        right: 68px;    }


.menu-contact a:link, .menu-contact, .menu-contact a:visited, .menu-links a:link, .menu-links a:visited {
color: #fff; }
.menu-overlay .align:after { background-color: rgba(0,0,0,0.1); }
.menu-links li a::before { background-color: #71603B; }
#site-logo-mobile {width: 180px; padding: 30px; z-index: 1200;}
.menu-overlay .align{ gap: 30px;}
.primary-menu-overlay  { max-width: 832px; margin: 0 auto; color: #fff;}
.menu-overlay .container { width: calc(100% - 0px);}
.menu-links { border-right: 1px solid rgba(255,255,255,0.2);}
.menu-address a:link, .menu-address a:visited { color: #fff;}
.menu-links {
    width: calc(450px - 0px);
    padding: 0px 45px 0 0;
}
.menu-address { padding-left: 50px;}
.sub-banner { padding-top: 59px;}

.header-align { height: 60px;}    #site-logo:after {
        height: 86px;
    }
.facili-item-block .highlight-text { padding: 40px 0;}
  .sub-banner.sub-banner-room {
        padding-top: 111px !important;
    }

.footer-menu { width: 265px; gap: 20px; }
.footer-menu ul { width:auto;}

}


@media (max-width: 1080px) {

.suites-packe-wrapp h3, .welcome-head, .hme-pool-overlay h3 {  font-size: 15pt;  line-height: 24pt;}
.welcome-tl { width: 190px; } 
.welcome-bl {  display: none; }
.hme-exper-wrapp {  padding-top: 50px; }
.hme-misc-cap, .hme-serene-abt-over h2 { font-size: 18pt;  line-height: 30pt; }
.hme-misc-cap { width: 331px; }
.suites-packe-wrapp { background: none; }
.suites-packe-wrapp article {  width: 100%; text-align: center; padding: 30px 0 30px 0; }
.accom-btn {  padding-top: 40px;  margin: 0 auto;  width: 220px; }
.hme-dining-wrapp {  padding-top: 50px; }
.hme-exper-slider article h4 { text-align: center; }
.hme-testi-wrapp .container { padding: 0 70px; }
.hme-attr-content {  position: relative; transform: translate(0,0); left: 0; width: calc(100% - 0px); background-color:transparent; color: var(--color); padding: 0; }
.home-align {   padding-top: 60px; }


.overview-img-1, .overview-img-2 {  display: none;  }
.overview-btm-cnt {   padding-right: 0px;   padding-left: 0px; position: relative; }
.overview-top-cnt {  padding-left: 0px;  padding-top: 0;  position: relative;  padding-right: 0; }
.overview-mid-cnt {   padding: 0px 0px;  position: relative; }
.overview-contnt-image-text {  margin-top: 30px; }
.overview-btm-image {  padding: 50px 0 50px 0; }
.page-caption { font-size: 16pt;   line-height: 26pt; } 

.page-caption {
    padding: 20px 0 30px;

}

.gallery-block li {
    display: block;
    width: calc(33% - 15px);
}


.contact-address {
   position: relative;

    width: calc(100% - 0px);
}
.gmapWrapp {
    padding-left: 0px; }

.booking-form {
    padding: 40px 40px 60px 40px; }

.footer-menu { display: none;}

  
}



@media (max-width: 900px) {
.footer-menu {display: none;}
.hme-muti-left-hold h3 { padding-bottom: 20px;  font-size: 17pt;  line-height: 27pt; }
.hme-muti-left-hold { padding: 60px 50px; }
.wel-tr, .welcome-tl {display: none;}
.container-large .welcome-content-hold {width: 100%;}
.welcome-content { width: 100%;  padding: 0 30px; }
.dining-top-left article { padding-left: 40px;  padding-bottom: 60px; }
.hme-pool-overlay { position:relative;  top: auto; transform:none; padding: 50px 0; }
.hme-pool-long-img {display: none;}
.hme-pool-overlay article { width: calc(100% - 0px);} 
.foot-call-block { display: none; }
.hme-plc-btn a:link, .hme-plc-btn  a:visited {  padding: 10px 10px; } 
.hme-attr-content { position:relative; }
.hme-attr-content { width: 100%;  padding: 40px; background-color:#fff;  color: var(--color);  position:relative; top:auto;  left:auto; transform:none; }
.btm-caption h2 { font-size: 18pt; line-height: 29pt; }
.widget-title { font-size: 25pt;   line-height: 30pt;  padding-bottom: 30px;}
.dining-top-left article { padding-left: 20px;  padding-bottom: 60px; }
.hme-multi-res-wrapp .hme-muti-left {  width: calc(65% - 0px);  padding-right: 66px; }
.dining-top-left, .hme-muti-left { width: calc(65% - 0px);  padding-right: 66px; }
.hme-din-top-img figcaption { font-size: 26pt;  line-height: 36px; }
.footer-top .footer-address { width: 400px; text-align: center; margin: 0 auto;}
.hme-seren-misc-wrapp  { display: none; }
.hme-din-top-img {  width: calc(40% - 0px); }
.cpr-wrapp .smo, .cpr-wrapp .cpr, .cpr-wrapp .design  {
width: 100%;   text-align: center; }
.cpr-wrapp .smo { padding-top: 10px; }
.cpr-wrapp {padding-bottom: 35px; }
.hme-muti-left-hold a:link  {  padding: 30px 0 0px;  }
.reservbtn-mob-wrapp {  display: block !important;  }

.reserv-btn a:link, .btm-call a:link, .btm-mail a:link, .reserv-btn a:visited, .btm-call a:visited, .btm-mail a:visited, .btm-whats a:link, .btm-whats a:visited {
    display: block;
    color: #fff;
    padding: 15px 0 15px 50px;
    background-repeat: no-repeat;
    background-position: 15px 20px;
    background-image: url(../images/icons/side-book.webp); 
}

.reserv-btn a:visited, .reserv-btn a:link { padding-right: 20px; background-color: #e37419; text-transform: uppercase;}

.btm-whats a:link, .btm-whats a:visited { 
    background-image: url(../images/icons/whatsapp.webp); 
    padding-bottom: 40px; 
} 

.btm-call a:link {
    background-image: url(../images/icons/side-call.webp); 
}


.btm-mail a:link {
    background-image: url(../images/icons/side-mail.webp); 
}


.btm-whats span, .whatsapp-chat, .right-sidebar {
    display: none !important;
}


.header-right { display: none; }
.sub-page-wrapp { padding: 30px 0; }




.reservbtn-mob-wrapp { transform: translateY(60px); transition: all 0.5s ease; opacity: 0;  font-family: "Lexend", sans-serif;}
.reservbtn-mob-wrapp.hide-mobF { opacity: 1; transform: translateY(0);  }

.intro-image img {
    width: 100%;
    max-width: 1400px;
}
.room-gallery li {
    display: block;
    width: calc(33.33% - 15px);
}
.two-column-wrapp { gap: 0;}
.facili-item-block .highlight-text { padding: 10px 0;}
.facili-item-block figure { margin: 30px 0;}
.facili-item-block { padding: 40px 0;}
    .top-content, .middle-content {
        padding-bottom: 0px;
    }

.two-column, .places-block figure, .places-block article {
    width: calc(100% - 0px); padding-left: 0; padding-right: 0;
}
.img-right { padding: 0;} .img-left { padding: 0;}
.facili-item-block article { padding-bottom: 0;}
.top-content, .middle-content { padding-bottom: 0px;}
.facili-item-block h3 { text-align: center;}
.places-block figure { padding-bottom: 20px;}

.home-page .smo {
    position: relative;
    left: 0;
    transform: translateX(0);
}
  .amen-group figure { padding: 30px 0;}
  .over-kmnr { display: none;}
}

@media (max-width: 800px) {
.primary-menu-overlay  { max-width: 100%;}

    .menu-links, .menu-address {
        width: calc(50% - 0px); text-align: left; }
    .menu-links  { padding-right: 20px;} .menu-address { padding-left: 20px; }
  
}
@media (max-width: 768px) {
        #page {
        font-size: 12.5pt;
    }
.reserv-btn a:link, .btm-call a:link, .btm-mail a:link, .reserv-btn a:visited, .btm-call a:visited, .btm-mail a:visited {
font-size: 11pt; text-transform: uppercase;}
.btm-call a:link, .btm-mail a:link, .btm-call a:visited, .btm-mail a:visited {   padding-bottom: 40px; }
.hme-gallery, .btm-call span, .btm-mail span { display: none; }
.hme-muti-left .hme-muti-left-hold {  padding: 60px 50px; }
.hme-exper-wrapp { padding-top: 20px; }
.widget-title { font-size: 17pt;  line-height: 28pt; }
.hme-serene-abt, .hme-serene-abt-over h2 { padding: 20px 30px;}
.dining-gallery .two-column {
    width: calc(70% - 0px); 
    margin: 0 auto;
}

.intro-cap h1 { padding: 0 40px;} 
.room-single-wrapp .book-now-btn { display: none;}

#site-logo { top: 8px;
        width: calc(118px - 0px);  padding: 0 20px 12px 20px;
    }
    #site-logo:after {
        height: 42px;
    }
.intro-book { display: none;}
 .owl-carousel .owl-nav button.owl-prev { left: 0;}
 .owl-carousel .owl-nav button.owl-next { right: 0;}

.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span { width: 30px; height: 30px; background-size: cover; opacity: 0.6;}
.form-left {
    width: calc(100% - 0px);
}

#booking { padding-bottom: 60px;}
.hme-room-item .over-kmnr, .rooms-menu { display: none;}
.testi-pg-block p {
    line-height: 23pt;
}


.testi-pg-block {
    padding: 30px 0;
    text-align: center;
    width: calc(100% - 0px);
}


}




@media (max-width: 600px) {

  .small-title { text-align: left;}  

.hme-multi-res-wrapp .hme-muti-left { width: calc(100% - 0px);  padding-right: 0px; }
.dining-top-left figure { display: none; } 
.hme-din-top-img figcaption { display: none; }
.dining-top-left, .hme-muti-left { width: calc(100% - 0px);  padding-right: 0px; text-align: center; }
.hme-din-top-img { width: 100%; position: relative; } 
.hme-muti-left-hold figure { display: none; } 
.btm-caption h2 { font-size: 16pt; line-height: 26pt; }
.btm-caption { padding: 40px 0 40px 0;}
.hme-muti-left-hold {  padding: 40px 40px; }
.hme-serene-about-wrapp, .suites-packe-wrapp {padding: 40px 0;}
.home-align { padding-top: 40px; }
.intro-cap h1 {  font-size: 25pt; line-height: 31pt; }
.banner-caption-hero h2 { font-size: 26pt;  line-height: 36pt; }
.welcome-content {  padding: 0 0px; }
.welcome-head  {  font-size: 15pt;   line-height: 20pt;  }
.hme-welcome-wrapp figure img {  transform: scale(1); }
.welcome-top {  padding-bottom: 30px; }
.welcome-btm { padding: 0px 0 30px; }
.hme-pool-overlay article {  padding: 0 30px 0 30px; }
.hme-plc-btn a:link, .hme-plc-btn  a:visited { letter-spacing: 1px;  font-size: 10pt; }
.hme-exper-top h3 { font-size: 17pt; }
.page-content { padding: 20px 0 0 0; }
.page-title h1 { font-size: 22pt;  line-height: 36pt; }
.room-land-blk {  width: calc(80% - 30px);  margin: 0 auto; }
.top-content p, .middle-content p {  font-size: 13pt; line-height: 24pt; }
.land-room-name { font-size: 14pt; }
.room-name {  font-size: 22pt; margin: 0 auto; }
.room-name-blk, .room-content, .room-gallery { padding: 30px 0; }
.amen-group .two-column {  width: calc(100% - 0px);}
.book-now-btn { margin:  0 auto; margin-top: 20px; }
.exper-item .main-title {text-align: left;}
 .dining-gallery {
    padding-top: 30px;
}
.dining-wrapp .two-column-wrapp  {  gap: 50px; }
    .menu-links, .menu-address {
        width: calc(100% - 0px); text-align: left; }
.menu-overlay .align { flex-direction: row; align-items: center; gap: 0;}
.menu-contact {
    width: 100%;
    text-align: center;
    padding-top: 8px; padding-bottom: 25px;
    margin-top: 20px; }
        .menu-links {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-right:none; padding-bottom: 20px; padding-right: 0;
    } 
#site-logo-mobile { padding-bottom: 0;}
.menu-address { padding-left: 0; padding-top: 20px;}
.hme-serene-abt-over { position: relative;}

.intro-image img { transform: scale(1.5); padding-bottom: 35px; }

.hme-exper-wrapp .container, .sub-exper-wrapp .container { padding: 0;}

    .facil-caption {
        font-size: 16pt; line-height: 26pt;
    }
    .fac-gall-two { padding-bottom: 0;}
    .facil-campfire-blk { padding: 0;}

    .hme-muti-left .hme-muti-left-hold {
        padding: 40px 30px;
    }

.hme-exper-slider article { padding: 30px;}

.page-title h1 { text-align: center;}
.booking-form { padding: 60px 0; border: none;}

.hme-serene-abt-over h2 { box-shadow: none; padding: 40px 0 20px;}
.rooms-landing, .hme-attr-content, .hme-serene-abt { padding: 0;}
.hme-attr-content { background-color: transparent;}
.hme-exper-top article { padding: 0 30px;}
.hme-serene-abt:after, .hme-serene-abt:before { display: none;}

.places-page .page-content, .gallery-page .page-content, .contact-page .page-content  { margin-top: 30px;}
    .overview-btm-image {
        padding: 30px 0;
    } 
.hme-exper-slider article p {}
.hme-testi-wrapp .container { padding: 0 30px;}
.hme-exper-wrapp { padding: 50px 0;}

.room-name { text-align: center;}

.contact-address { padding: 0 0 30px 0; border: none;}
.contact-wrapp { border: none;}
}



@media (max-width: 480px) {

.rm-bbk-btn {  position:static;   text-align: center; }
.intro-cap h1 { font-size: 20pt;  line-height: 36pt;  }
.hme-room-item figcaption {  width: 100%;  padding-bottom: 10px; text-align: center; }
.room-land-blk {  width: calc(100% - 10px);  }
.expe-items-wrapp .two-column {  width: calc(100% - 0px); }

.top-content, .middle-content {  padding-bottom: 30px; }

.exper-item .main-title {text-align: center;}

.dining-gallery .two-column, .hme-att-img {
    width: calc(100% - 0px);

}
.room-amen-list ul { gap: 10px;}
.room-amen-list li { text-align: left; width: calc(50% - 5px);}
.hme-att-img:last-child { display: none;}
.room-gallery li {
    display: block;
    width: calc(50% - 15px);
}

    .banner-caption-hero h2 {
        font-size: 20pt;
        line-height: 33pt; padding: 0 30px;
    }

    .hme-pool-overlay article {
        padding: 0;
    }
.gallery-block ul { gap: 10px;}
.gallery-block li {
    display: block;
    width: calc(50% - 5px);
}
    
}








/* --------------------------------- */
/* --------------------------------- */
/* -------- Metex Creations -------- */
/* --------  2026  Gadhafi  -------- */
/* -------------------------------- */
/* -------------------------------- */
/* ------------------------------- */