.sub-page .intro-hmmp-clock { display: none;}


.design, .welcomme-title br, .menu-prime { display: none; } .home-page .design { display: block;}
#site-logo-mobile svg { width: 180px; fill:#fff; } 
#site-logo-mobile { position: relative; z-index: 12000; }
#site-logo-mobile .logo-color-2, #site-logo-mobile .logo-color-0, #site-logo-mobile .logo-color-1, #site-logo-mobile .logo-color-3, .menu-contact .smo svg {    fill: #fff; }
.menu-overlay.menu-open .hamburger .line { background-color: #fff !important;}
.menu-address, .menu-address a:link, .menu-address a:visited { color: #fff;}
.res-concept-wrapp .main-text { padding-bottom: 0;}
.about-pg-btm-img { background-image: url(../images/about-seperator.webp);}
.overview-bottom-bg  { background-image: url(../images/overview-seperator.webp);}
.dining-bottom-bg  { background-image: url(../images/dining-seperator.webp);}
.places-btm-bg  { background-image: url(../images/places-seperator.webp);}
.contact-btm-sep   { background-image: url(../images/contact-seperator.webp);}
.testi-btm-sep   { background-image: url(../images/testimonials-seperator.webp);}
.reser-btm-sep   { background-image: url(../images/reservation-seperator.webp);}


.content-top { padding-bottom: 50px;}
.places-three-wrapp { margin-top: 50px;}
.rooom-menu-mobile { display: none;}

.reservbtn-mob-wrapp {
    position: fixed;
    width: 100%;
    z-index: 10000;
    bottom: 0;
    display: none !important;
    background-color: #1b1b1a;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}



@media only screen and (min-width: 1920px) and (-webkit-min-device-pixel-ratio: 2),
@media only screen and (min-width: 1920px) and (min-resolution: 192dpi) { 
    .primary-menu ul li a:link, .primary-menu ul li a:visited { font-size: 10.5pt;} 
}



@media (max-width: 1600px) {
.hme-welcome-wrapp { background-image: url(../images/welcome-bg-1500w.webp); background-color: #fff; background-position: center bottom; background-repeat: no-repeat; padding:50px 0 100px;}
}
@media (max-width: 1500px) {
    #page { font-size: 12pt;}
    p { line-height: 20pt;}
.container-large, .container, .container-small { padding: 0 50px;}
.hme-welcome-wrapp .container-large { padding: 0 50px; }
.eco-sys-three-column-wrapp { gap: 30px;}
    .echo-three {         width: calc(33.3333% - 30px);     }
.about-bottom-seperator {    height: 800px;}
#site-logo-home:link, #site-logo-home:visited {
     width: 157px;
}


}
@media (max-width: 1400px) {
#site-logo {    width: calc(140px - 0px); }    .header-fix #site-logo {    width: calc(110px - 0px);}
.header-wrapp-home #site-logo, .header-fix #site-logo {

}

.header-wrapp-home #site-logo {
    height: 32px;
    overflow: hidden;
}

.sub-banner-wrapp {    padding-top: 162px;}
.header-wrarpp .container { padding: 0 30px;}
.primary-menu ul li a:link, .primary-menu ul li a:visited { font-size: 11pt;}
.primary-menu ul li a:link, .primary-menu ul li a:visited {    padding: 22px 5px; }
.hme-welcome-wrapp { padding-bottom: 30px;}
.two-column-wrapp {    gap: 50px;}
.two-column {    width: calc(50% - 25px); }
.about-bottom-seperator:before, .about-bottom-seperator::after { height: 100px;}
.welcome-content {    width:calc(378px - 0px)}
.hme-dining-cnt {    padding: 0 30px;}
.foot-menu {    padding-right: 30px; } .foot-contact { padding-left: 30px;}
.foot-logo svg {    width: 154px; }
.intro-caption h1 { font-size: 50pt; line-height: 49pt; }
.intro-caption .cap1 { font-size: 26pt; } 
.welcomme-title h2 { font-size: 36pt; line-height: 36pt; }
.welcome-content h3 {    font-size: 26pt; line-height: 20pt; } 
.inward-text p, .hme-pet-text p {    font-size: 13pt;    line-height: 23pt; }
.widget-title h2 {    font-size: 38pt;    line-height: 47pt;}
.foot-call, .foot-mail {    font-size: 13pt; }
.page-title h1, .widget-title-sub h2 {    font-size: 31pt;    line-height: 34pt; }
.lrg-text {    font-size: 13pt;    line-height: 22pt;}
.sub-title {    font-size: 30pt;    line-height: 39pt;}
.room-gall {    padding-top: 35px;} .room-image-goroup { padding-bottom: 60px;}
.in-house-img {    padding-left: 42px;}

.tbook-btn a:link, .tbook-btn a:visited {
    font-size: 11pt;
 }.room-name-acc {
    font-size: 17pt;
    padding-bottom: 15px;
}
.hme-welcome-wrapp { background-image: url(../images/welcome-bg-1400w.webp); 
}
.hide-line-1400px {display: none;} .welcome-content img { width: 100%;}

.welcome-content {    width:calc(360px - 0px)}

}
@media (max-width: 1300px) {
:root {  --gutter60:30px 0; --gutter80:40px 0;  --gutter:60px 0;  }
    #page { font-size: 11pt;}
    p { line-height: 18pt;}


.sub-title {    font-size: 31pt;    line-height: 36pt;}
.eco-sys-three-column-wrapp {    gap: 20px;} .echo-three {    width: calc(33.3333% - 20px);} 
.hme-in-res-block {    gap: 20px; }  .hme-inres-item {    width: calc(20% - 20px); }
.two-column-wrapp {    gap: 30px;}  .two-column {    width: calc(50% - 15px); }
.sub-title {        font-size: 25pt;        line-height: 30pt;    }
.primary-menu ul li a:link, .primary-menu ul li a:visited {        font-size: 10pt;    }
.foot-call, .foot-mail {    font-size: 12pt; }
.small-heading {    font-size: 23pt;    padding-bottom: 30px;}
.about-bottom-seperator {    height: 600px;} .experience-gallery ul {    gap: 30px;} .experience-gallery li {    display: block;    width: calc(33.333% - 30px);}

.contact-address {

    padding: 40px;
    width: 460px;
}
.gmapWrapp {
    padding-left: 460px; }
.amen-slide-item h3, .hme-testi-blk h4 {
    font-size: 16pt; }
.hme-inres-item p, .otsldAl span {
    font-size: 13pt;
}
.welcome-content {    width:calc(300px - 0px)}
}
@media (max-width: 1200px) {
:root {    --gutter: 60px 0; }
.container-large, .container, .container-small {        padding: 0 30px;     }
#site-logo {    width: calc(130px - 0px); }    .header-fix #site-logo {    width: calc(100px - 0px);}
.sub-banner-wrapp {    padding-top: 110px;} .header-wrarpp { padding: 20px 0;}
.hme-welcome-wrapp { background-image: url(../images/welcome-bg-1200w.webp); }
.hme-din-img:last-child, .primary-menu, .intro-hmmp { display: none;}
#site-logo-home:link, #site-logo-home:visited { width: calc(140px - 0px); }
.flImg, .fRImg { width: 280px;}  .flImg { left: -100px;}  .fRImg  { right: -100px;}
.welcome-content, .hme-din-img, .hme-dining-cnt {         width: calc(50% - 0px);    } 
.primary-menu ul li a:link, .primary-menu ul li a:visited {        padding: 22px 3px;    }
.hme-exper-align { width: 100%;} .hme-pattern-bg { padding-top: 140px;} 
 .about-bottom-seperator:before, .about-bottom-seperator::after { height: 60px;}
     .welcomme-title, .hme-exper-align, .sub-title, .testi-chair { padding-bottom: 40px;}
     .rm-btn { padding-top: 30px;}      .hme-pet-wrapp { padding-bottom: 0;}   .amen-slider-wrapp { padding-top: 0;}
 .menu-prime { display: block;} .tbook-btn { padding-right: 60px;}
.foot-call, .foot-mail {    font-size: 11.5pt;}
.page-title h1, .widget-title-sub h2 {    font-size: 26pt;    line-height: 32pt;}
.page-title h1 span, .widget-title-sub h2 span { font-size: 10.5pt;}.sub-caption {    font-size: 20pt; line-height: 28pt; }
.accom-land-page, .amen-game-wrapp article { padding: 50px 0;}.single-room-page #sub-content {    padding-top: 162px;}
.facili-restaurant figure, .room-facili-wrapp figure { margin-top: 30px;}
.amen-game-wrapp article {    width: calc(100% - 0px); }
.amen-game-wrapp { background-position: right top;}

.welcome-content-wrapp { gap: 60px;}
.welcome-content { width: calc(50%  - 30px);}

}
@media (max-width: 1080px) {    
.footer-menu-wrapp, .about-page-bg:before, .about-page-bg::after { display: none;}
.foot-contact { width: calc(100% - 0px); justify-content: center; padding-left: 0;} .foot-address-wrapp { justify-content: center; gap: 30px; }
.foot-title { text-align: center;}    .welcomme-title h2 {        font-size: 32pt;        line-height: 38pt;    }
.accm-land-cnt p { display: none; } .room-gall li {    display: block;    width: calc(33% - 20px);}
}
@media (max-width: 991px) {
.hme-welcome-wrapp .container-large, .container {    padding: 0 30px; }
.hme-stay-wrapp { background-image: url(../images/hme-accomodation-bg-990w.webp);}
.accom-cmn-text { padding-top: 300px;} .flImg, .fRImg { display: none;}
    .intro-caption h1 {        font-size: 35pt;        line-height: 49pt;    }    .intro-caption .cap1 {        font-size: 20pt;    }
 .hme-din-img, .hme-dining-cnt {                 width: calc(100% - 0px);    }
.hme-dining-cnt { padding-top: 40px;} .hme-welcome-wrapp { padding-bottom: 50px;}
    .welcomme-title h2 {        font-size: 28pt;        line-height: 38pt;    }
    .welcome-content h3, .widget-title h2, .sub-title {        font-size: 24pt;        line-height: 28pt;    }
.welcomme-title h2 span, .welcome-content h3 span, .widget-title span, .sub-title span { padding-bottom: 3px;}
.acc-land-img {    width: calc(100% - 0px);}
.accm-land-cnt {position: relative; border-radius: 0; width: calc(100% - 0px); text-align: center;}
.room-land-btns ul { justify-content: center;}
.room-facil {    padding-left: 0;}

#site-logo-mobile, .primary-menu-overlay { width: calc(100% - 0px);}
#site-logo-mobile { text-align: center;} #site-logo-mobile svg { margin: 0 auto; width: 150px;}
.menu-overlay .align { flex-direction: row; row-gap: 50px;}
.menu-links, .menu-address { width: calc(50% - 0px);}

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

.booking-form {
    padding: 30px;

}.contact-address { position: relative; width: calc(100% - 0px);}
.gmapWrapp { padding-left: 0;}
.contact-logo svg {
    width: 135px; }
.cpr-wrapp { flex-direction: column; justify-content: center;}
.cpr, .design { width: calc(100% - 0px); text-align: center;}
    
.reservbtn-mob-wrapp {
 display: block !important;
    }

    .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);        
    }
     .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: #73380e;
        text-transform: uppercase;
    } 

    .btm-whats a:link, .btm-whats a:visited {
        background-image: url(../images/icons/whatsapp.webp);
        padding-bottom: 40px;
    }
    .btm-mail a:link {
        background-image: url(../images/icons/side-mail.webp);
    }
        .btm-call a:link {
        background-image: url(../images/icons/side-call.webp);
    }
    .btm-whats span {
        display: none !important;
    }

.reserv-btn span { font-size: 10pt; display: inline-block; padding-top: 3px;}
.btm-call span, .btm-mail span  { display: inline-block; padding-top: 3px; }
html, body {
  height: 100%;
  -webkit-overflow-scrolling: touch;
}
.cpr-wrapp { padding-bottom: 80px;} .cpr {padding-top: 10px;}
.hme-pet-wrapp:after, .hme-pet-wrapp:before { display: none;}
.home-header .container-full, .header-wrarpp .container-full {
    padding: 0 20px;
}
}
@media (max-width: 800px) {
    #page { font-size: 12.5pt;}     p { line-height: 22pt;}
.hme-seperater-shaped:before, .hme-seperater-shaped::after, .about-bottom-seperator:before, .about-bottom-seperator::after { height: 80px;}
.about-bottom-seperator:before, .about-bottom-seperator::after  { height: 25px;}
.hme-seperater-shaped, .about-bottom-seperator { height: 400px;}
.hme-dining-wrapp { padding-bottom: 0;} .hme-resort-amen-wrapp .sub-title { top: 0; position: relative;}
.hme-in-res-block { justify-content: center; gap: 10px;}#sub-page
    .hme-inres-item {         width: calc(33% - 10px);    }
.cnt-group-sec, .res-concept-wrapp {    padding: 10px 0;}
.res-concept-wrapp { padding-bottom: 40px;} .res-concept-wrapp .main-text { padding-top: 20px;} .about-eco-wrapp { padding: 50px 0;}
   .welcome-content, .hme-din-img, .hme-dining-cnt, .two-column,.in-house-img, .exp-twocolumn-cnt, .inhoue-content, .expe-two-item  {        width: calc(100% - 0px);    }
   .welcome-content-wrapp { gap: 0;}
.cannon-image, .in-house-img { padding: 40px 0 0 0;} .footer-top {    padding:51px 0 0 0;}
.footer-center { padding: 40px 0;} .hme-banner-wrapp .container { padding: 0;}
.img-drawing, .hme-dining-lImg,    .welcome-content figure:last-child, .topcall span, .tbook-btn, .foot-call, .foot-mail, .foot-logo, .over-btm-image { display: none;}
.hme-inres-item p { font-size: 11pt; line-height: 18pt;}
.eco-sys-three-column-wrapp { row-gap: 40px;} .eco-center-cnt {padding-top: 40px;} .eco-right figure { padding-bottom: 40px;}
.echo-three, .about-eco-wrapp img  { width: calc(100% - 0px);} .about-eco-wrapp img  { border-radius: 15px;}
#sub-content { padding: 40px 0; }
.footer-wrapp { background-position: center top; }
.sub-banner-wrapp {        padding-top: 100px;    }     .page-title { margin-bottom: 20px;} .small-heading {        font-size: 20pt;         line-height: 28pt; padding-bottom: 15px;     }
.sub-title, .eco-sys-three-column-wrapp .sub-title, .sub-caption, .exper-cnt h4, .page-title h1, .widget-title-sub h2 { text-align: center;}
.hme-pet-wrapp { padding-bottom: 50px;}    .hme-pattern-bg { background-image: url(../images/hme-pattern-bg-800w.webp); padding-top: 50px;}
.over-btm-wrapp {    padding-top: 50px;}
.main-text { padding: 40px 0;}
.room-land-btns { padding-top: 15px;}
.room-image-goroup { padding: 0;}
.room-content-wrapp { padding-top: 45px;}
.room-faciliteis-wrapp {    padding: 110px 0;    margin: 51px 0 0 0; }
.rooom-menu a:link, .rooom-menu a:visited { font-size: 11pt;} .rooom-menu { padding-bottom: 20px;}
.rooom-menu { display: none;}
.rooom-menu-mobile { display: block; position: relative; padding: 15px 0; z-index: 1500;}
.rooom-menu-mobile ul { position: absolute; opacity: 0; display: none; background-color: #fff; top: 60px; left: 0; padding: 10px;  width: calc(100%  - 0px); }
.rooom-menu-mobile a:link, .rooom-menu-mobile a:visited { display: block; padding: 6px 0;}
.rooom-menu-mobile:hover ul { opacity: 1; display: block; border: var(--border);}
.room-selector { padding: 10px; border: var(--border); border-radius: 3px; position: relative; }

.room-selector::after {
  content: "";
  display: inline-block;
  margin-left: 8px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid #5e5752; position: absolute; right: 10px; top: 22px;
}
.in-h-exp-wrapp .align, .experi-twoc-c-align, .expe-two-group, .facili-restaurant, .room-facili-wrapp { padding: 40px 0; }

.experience-gallery ul {
    gap: 15px; justify-content: center;
}

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

.in-h-exp-wrapp .align:nth-child(odd) .in-house-img { padding-right: 0;}

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

.content-top {
    padding-bottom: 20px;
}

.eco-img-cnt img { width: 100%; border-radius: 20px;}
.expe-horn-bill { text-align: center;} .expe-horn-bill img { max-width: 300px;}
.places-three-wrapp {padding: 0; margin-top: 0px;}
.contact-address, .booking-form { padding: 0; border: none;}
.contact-address { padding:30px 0; border: none;}

.btm-call span, .btm-mail span { font-size: 10pt;}

}


@media (max-width: 628px) {

.about-eco-wrapp { padding-top: 0;}     .main-text, .accom-land-page {
        padding: 40px 0 0;
    }

.over-btm-cnt { padding-bottom: 50px;}
    .intro-bottom-wrapp { bottom: 55px;}
.enter-btn, .overview-sep-ration {
    padding-top: 40px;
}
.hme-banner-wrapp p, .intro-caption, .container-large, .container, .container-small { padding: 0 30px;}
.header-wrarpp {
        padding: 12px 0;
    }

.hme-dining-cnt { padding-left: 0; padding-right: 0;}
    .intro-caption h1 {
        font-size: 30pt;
        line-height: 40pt;
    }

.intro-caption .cap1 {
        font-size: 20pt; line-height: 22pt; padding-bottom: 10px; display: block;
    }

.hme-banner { padding-bottom: 10px;}


    .welcomme-title h2 {
        font-size: 24pt;
        line-height: 31pt;
    }
    .welcome-content h3, .widget-title h2, .sub-title {
        font-size: 20pt;
        line-height: 38pt;
    }
.welcomme-title h2 span, .welcome-content h3 span, .widget-title span, .sub-title span {
    display: block;
    font-size: 11pt;
    padding-bottom: 9px;
    line-height: 16pt;
}

.about-eco-wrapp .middle-content-sub { padding-bottom: 20px;}

.hme-stay-wrapp .widget-title { padding-bottom: 10px;}

.room-slide-hold h3 { font-size: 11pt; padding: 10px 0;}

.hme-pet-text h4 { line-height: 28pt; font-size: 18pt;}

.amen-slide-item h3, .hme-testi-blk h4 { font-size: 14pt;}

h1, h2, h3, h4 { font-weight: 600;}
    .foot-address-wrapp address { width: calc(100% - 0px); text-align: center;}
        .foot-address-wrapp address br { display: none;} .foot-address-wrapp { gap: 0;}

.welcomme-title, .hme-exper-align, .sub-title, .testi-chair { padding-bottom: 25px;}

.amen-slide-item h3, .hme-testi-blk h4 {
    font-size: 14pt;
}
    .page-title h1, .widget-title-sub h2 {
        font-size: 20pt;}
.room-name-acc {
    font-size: 16pt; }
.accm-land-cnt { padding: 20px;}
.room-land-btns { padding-top: 30px;}
    .room-gall ul { gap: 20px;}
    .room-gall li {
        display: block;
        width: calc(50% - 10px);
    }


.room-facil  { width: calc(100% - 0px); }

.room-faciliteis-wrapp { background-position: right center; padding: 50px 0 100px; }
.rooom-menu-mobile { padding: 40px 0;}

.accomm-land-group {
    position: relative;
    padding: 16px 0;
}
.accom-land-page .widget-title-sub { padding-bottom: 20px;}

    .room-land-btns {
        padding-top: 7px;
    }

        .hme-seperater-shaped, .about-bottom-seperator {
        height: 400px;
    }
.experience-gallery { display: none;}
.experience-gallery li {
    display: block;
    width: calc(100% - 0px);
}
.cannon-image, .in-house-img {
        padding: 25px 0 0 0;
    } .eco-sys-three-column-wrapp { row-gap: 30px;}


    .menu-links, .menu-address {
        width: calc(100% - 0px);
    }

    .menu-links { gap: 15px; padding: 0;}
     .menu-links ul { width: calc(50% - 15px); text-align: left;}
     .menu-links, .menu-address { font-size: 11pt;}

.menu-overlay .align { row-gap: 0;}
.gallery-block ul { gap: 10px;}
.gallery-block li {
    display: block;
    width: calc(50% - 5px);
}
.form-left {
    width: calc(100% - 0px);
}
.btm-call span, .btm-mail span { display: none;}
    .btm-call a:link, .btm-mail a:link, .btm-call a:visited, .btm-mail a:visited {
        padding-bottom: 40px;
    }
    .contact-wrapp { border: none;}

    .gmap {
    height: 300px;
}
}

@media (max-width: 480px) {
.hme-stay-wrapp { background-image: url(../images/hme-accomodation-bg-480w.webp); padding-top: 180px;}
.accom-cmn-text { padding-top: 0;}
    .hme-inres-item {
        width: calc(50% - 5px);
    }



.welcomme-title h2 span, .welcome-content h3 span, .widget-title span, .sub-title span { padding-bottom: 0;}
.room-land-btns ul { gap: 10px;} .room-land-btns li { width: calc(50%  - 5px); }
.room-land-btns a:link, .room-land-btns a:visited { padding: 14px 0;}
}
@media (max-width: 360px) {
    .room-land-btns a:link, .room-land-btns a:visited {
     padding: 14px 15px;
    }

}


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