.design,.top-icon-menu, .home-page .desing, .accom-slde-img h3, .footer-call br, #bottomfixed-btn-app, .welcome-title br, .sub-title br {display:none}
.home-page .design{display:block}
.top-call svg{width:18px;height:auto;fill:#ea7f31} .footer-top a:link, .footer-top a:visited { color: #fff;}
.top-call a:link,.top-call a:visited{display:flex;gap:8px;font-size:1rem}
.booking-form{background-color:transparent;border:var(--border);padding:60px 60px 63px;margin:0 auto}
.booking-form .submit-btn{color:#fff;background-color:#ec7e2f}
@media (max-width: 1980px) {
.home-dining-wrapp{background-size:auto}
}
@media (max-width: 1700px) {
:root{--gutter60:40px 0;--gutter80:60px 0;--gutter:80px 0}
.container-full{padding:0 30px}
.container,.container-small,.container-large{padding:0 50px}
#site-logo{width:190px}
.primary-menu ul li a:link,.primary-menu ul li a:visited{padding:14px 10px}
.header-fix .primary-menu ul li a:link, .header-fix .primary-menu ul li a:visited{padding:14px 10px}
.meeting-places-wrapp{padding:80px 0 0}
.widget-title h2{font-size:2.6rem}
.primary-menu ul li a:link,.primary-menu ul li a:visited{font-size:.98rem}
.intro-contacts { padding: 30px 30px 0 30px; } 

.banner-caption h2 {font-size: 5rem;line-height: 1.2; }
.banner-caption h2 span.com {
    font-size: 5.7rem;
}

.banner-caption p {
    font-size: 1.9rem !important;
    line-height: 1.4;
}


}
@media (max-width: 1400px) {
.container, .container-small, .container-large { padding: 0 30px; }
#site-logo { width: 170px; }
.hme-quick-items, .package-gallery ul {gap: 30px; }
.hme-meeting-wrapp, .two-column-wrapp, .hme-din-items, .accom-wrapp { gap:40px}
.two-column, .hme-din-items figure, .accblock-land {width: calc(50% - 20px); }
.package-gallery li {    width: calc(33.3333% - 30px); }
.faci-home-items-hold { gap:20px}
.facil-home {width: calc(20% - 20px); }
.hme-meet-item {width: calc(67.8% - 20px); }
.hme-beer-item {width: calc(32.2% - 20px);}
.contact-address {width: 486px; }
.gmapWrapp {padding-left: 450px; }
.reser-btn a:link, .reser-btn a:visited{ font-size:0.8rem }
.welcome-content h2{font-size:2.4rem}
.primary-menu ul li a:link,.primary-menu ul li a:visited{font-size:.8rem}
.hme-meet-item h4{font-size:2.8rem}
.footer-menu-align{padding-right:40px}
.foot-address,.footer-menu{gap:30px}
.intro-caption{bottom:160px}
.page-caption h2, .widget-title h2, .hme-meet-item h3 {
font-size: 2.3rem; }
.hme-places-title {font-size: 3.3rem; }
.home-testi-title, .hme-beer-item h3 { font-size: 1.9rem; }
.home-testi-title span { font-size: 2.4rem; }
.banner-caption h2 {font-size: 5rem;line-height: 1.2; }
.banner-caption h2 span.com {
    font-size: 5.7rem;
}

.banner-caption p {
    font-size: 1.9rem !important;
    line-height: 1.4;
}

.welcome-content {font-size: 1.3rem; }
 .welcome-content p.welcome-text-2, .home-dine-left p  { font-size: 1.1rem;  }
.hme-meet-item h4, .places-caption {font-size: 2.6rem;line-height: 1.3; }
.foot-logo {width: 149px;}

.banner-caption h2 {font-size: 4rem;line-height: 1.2; }
.banner-caption h2 span.com {
    font-size: 4.7rem;
}

.banner-caption p {
    font-size: 1.5rem !important;
    line-height: 1.4;
}



}
@media (max-width: 1200px) {
.foot-logo, .facil-home:nth-child(5n)  { display: none; }
.facil-home {width: calc(25% - 20px);}
.view-btn {position: relative; padding-top: 40px;}
.hme-din-items, .accom-wrapp { gap: 30px;}
 .hme-din-items figure, .accblock-land { width: calc(50% - 15px);}
.hme-dine-caption h2 {font-size: 3.4rem;}
.hme-meet-item h4, .places-caption {font-size: 2.2rem;line-height: 1.3;}
.dine-img-hme h2 { font-size: 2.6rem;}
.dine-img-hme-1 h2 { font-size: 2.2rem;}

.banner-caption h2 {font-size: 4rem;line-height: 1.2; }
.banner-caption h2 span.com {
    font-size: 4.7rem;
}

.banner-caption p {
    font-size: 1.4rem !important;
    line-height: 1.4;
}


.dining-gallery ul { gap: 20px;}
.dining-gallery li {    width: calc(33.333% - 20px); }
.two-column.banq-img, .two-column.banq-cnt { width: calc(100% - 0px);}
.distance-chart, .nearest-chart {
    width: calc(100% - 0px);
}
.nearest-chart { padding-top: 40px;}
}
@media (max-width: 1080px) {
.primary-menu { display: none;}
.menu-hams-mob, .menu-overlay  .top-icon-menu, .footer-menu-align { display: block;}
.intro-caption h1 {font-size: 2.2rem; } .footer-top {font-size: 1.1rem; }
.footer-menu-align {padding-right: 29px;}
.header-hold { padding: 10px 0;}
#site-logo {width: 145px;} .header-fix #site-logo {width: 130px; }
.sub-banner {padding-top: 80px;}
.head-top-right-block { padding-bottom: 0; border: none; padding-top: 15px;}
.header-fix .head-top-right-block { padding-top: 10px;}
.package-gallery ul { gap: 20px;}
.package-gallery li {    width: calc(33.3333% - 20px); }
}
@media (max-width: 991px) {
:root {--gutter60: 40px 0;--gutter80: 50px 0;--gutter: 60px 0;}
.two-column.home-testi-img, .footer-menu-align { display: none; }
.two-column.home-testi-item, .footer-address-align, .intro-caption, .other-facil-block, .comp-facil-block { width: calc(100% - 0px);}
.intro-caption { width: calc(100% - 0); padding: 0 30px;}
.intro-caption span { padding-left: 0px; }
.head-top-right-block { border: none; padding-top: 20px;}
.banner-caption {bottom: 114px;}
.hme-meet-item h3 {padding: 40px 0 0 30px; }
.hme-meet-item h4 {padding: 0 30px 80px 0;  }
 .hme-beer-item h3 { padding-left: 30px;}
.welcome-content h2 {font-size: 2.3rem; }
.page-caption h2, .widget-title h2, .hme-meet-item h3 {font-size: 2.1rem;}
.hme-meet-item h4, .places-caption { font-size: 2rem;}
.hme-places-title {font-size: 3rem;}
.home-page .smo {position: relative;left: 0;transform: translateX(0); }
.cpr-wrapp .align.flex-container { flex-direction: column; justify-content: center; gap: 10px; text-align: center; }
.footer-address-align { width: calc(500px - 0px); margin: 0 auto;}
.room-gallery li {width: calc(35% - 20px); } 
.comp-facil-block { padding-left: 0; border-left: none; padding-top: 40px; border-top: var(--border);}
.other-facil-block {padding-bottom: 40px;}
.small-title { line-height: 1.2; text-align: left;
    font-size: 2rem;
}
.gallery-block li {
    display: block;
    width: calc(33.33% - 15px);
}
.gmapWrapp, .contact-address { width: calc(100% - 0px); padding: 0;}
.contact-address {position: relative; padding: 0px 0 20px; text-align: center;}
.contact-wrapp  { border: none;} 
.footer-men-cnt-wrapp {
    padding: 32px 0 25px 0;
}
html, body {
  height: 100%;
  -webkit-overflow-scrolling: touch;
}
} 
@media (max-width: 801px) {
.header-wrapp  .container-full { padding: 0 15px;}
.two-column, .hme-meet-item, .hme-beer-item, .footer-top-item, .primary-menu-overlay { width: calc(100% - 0px);}
.intro-contacts, .accom-menu-wrap, .hme-facilities-wrapp,.hme-meet-item h4 { display: none;}
.intro-logo { width: 180px;}
.intro-birds { width: calc(80% - 0px); right: auto; left: 0;}
.intro-caption { padding: 0; bottom: 100px; text-align: center;}
.banner-caption {bottom: 70px; }
.intro-caption span { padding-left: 0px;  display: inline-block; } 
.meeting-places-wrapp { padding-top: 0;}
.accom-menu { gap: 10px;}
.accom-menu li {cursor: pointer;padding: 0 0 12px;font-size: 1.1rem;position: relative;white-space: wrap; width: calc(25% - 10px); }
.home-dining-wrapp { background: none;}
.hme-palces-visit-hold {padding-top: 50px;}
.meeting-places-wrapp {background-image: url(../images/home-places-bg-800.webp); }
.hme-palces-visit-hold article {padding-bottom: 40px; }
 .banner-caption h2 {font-size: 2.3rem; }
.hme-places-title {font-size: 2.4rem; }
.welcome-content h2 {font-size: 2.3rem; text-align: left;  line-height: 1.2;}
.page-caption h2, .widget-title h2, .hme-meet-item h3 {font-size: 2.1rem;}
.places-caption { padding: 40px 0;}
.footer-top-item { text-align: center; padding: 25px 0;}
.footer-mail { padding-top: 0;}
.dining-gallery ul { gap: 20px;}
.dining-gallery li {    width: calc(50% - 10px); }
.banquet-top-wrapp { padding-right: 0;}
.banquet-mwnu-download { position: relative; margin:30px auto 0 auto; width: 230px;}
.booking-form { padding: 0; border: none;}
.form-left, .testi-pg-block { width: calc(100% - 0px);}
.testi-pg-block { border-right: none; border-bottom: var(--border); padding: 30px 0;}
.img-right, .img-left { padding: 25px 0; width: 100%; max-width: 300px; margin: 0 auto; float: none; clear: both;}
}
@media (max-width: 620px) {
    #page { font-size: 1.1rem;}
    p { line-height: 1.46;}
#bottomfixed-btn-app { display: block; position: fixed; bottom: 0; left: 0; width: 100%; background-color: var(--brandColor);}
  .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/icon/side-book.webp);     }
.reserv-btn a:link, .reserv-btn a:visited {  color: #fff; background-color: #0d2e20; padding-right: 30px; padding-left: 53px; background-position: 20px 20px;}
   .btm-whats a:link, .btm-whats a:visited {        background-image: url(../images/icon/whatsapp.webp);          }
    .btm-mail a:link {        background-image: url(../images/icon/side-mail.webp);    }        .btm-call a:link {        background-image: url(../images/icon/side-call.webp); }    
    .reservbtn-mob-wrapp {
        transform: translateY(60px);
        transition: all 0.5s ease;
        opacity: 0; z-index: 15000;
    }
    .reservbtn-mob-wrapp.hide-mobF {
        opacity: 1;
        transform: translateY(0);
    }
.footer-wrapp { padding-bottom: 60px;}
.bfb-right span { display: none;}
.bfb-right a:link, .bfb-right a:visited { padding-bottom: 15px;}
.btm-whats { padding-right: 20px;}
.hme-din-head, .page-title h1 { text-align: left;}
    .small-title {
        line-height: 1.2;
        text-align: left;
        font-size: 1.8rem;
    }
.container, .container-full, .container-large { padding: 0 15px;}
.accom-slde-img h3 { display: block; text-align: center; padding-bottom: 10px; font-size: 1.4rem;}
.slide-btns {gap: 7px; }
.banner-caption, .top-call, .reser-btn, .home-testi-item { display: none;}
.hme-dine-caption h2 { position: relative; bottom: 0;}
.details-btn-round {padding: 29px 0;}
.home-dine-right, .room-content { padding-top: 30px; }
.home-dine-right { padding-top: 0; text-align: center;} .hme-dine-caption h2 { text-align: center; }
.hme-din-items {gap: 10px;}
.hme-din-items figure {width: calc(50% - 5px);}
.two-column-wrapp { gap: 0;} .hme-dine-caption h2 {font-size: 2.2rem; padding-bottom: 30px; color: var(--color);}
.hme-din-head, .page-title h1 { font-size: 2rem; line-height: 1.2;} 
.slide-btns {position: relative; bottom: 0; padding-top: 10px; }
.dine-img-hme-1 h2, .dine-img-hme h2, .page-caption h2, .widget-title h2, .hme-meet-item h3, .sub-title {font-size: 1.8rem;}
 .sub-title { line-height: 1.2; text-align: left; }
.footer-wrapp { padding-top: 0;}
.food-partneers {padding: 30px 0;text-align: right;}
.promotion-items, .footer-top-item, .footer-address-align { width: calc(100% - 0px);}
.intro-birds { width: 250px; left: auto; right: 0;}
.abt-img, .sub-page-cnt { padding-top: 30px;}
.menu-links li { display: block;width: calc(50% - 0px);}
.accblock-land { width: calc(100% - 0px);} 
.room-gallery ul, .free-room-amen-wrapp ul, .banquet-gallery ul, .gallery-block ul, .package-gallery ul, .places-gallery ul { gap: 10px; row-gap: 5px;}
.room-gallery li, .free-room-amen-wrapp li, .banquet-gallery li, .gallery-block li, .package-gallery li, .places-gallery li  {width: calc(50% - 10px); }
.footer-top-item { padding:5px 0;} .footer-top { padding: 20px;}
.places-pagination {position: relative; margin-top: 20px;}
.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
}
.hme-room-det-blk { flex-direction: column; justify-content: center;}
.accblock-land h3 {
    font-size: 1.6rem;
    font-weight: 800;
}
.hme-quick-item h2 { font-size: 1.4rem; font-weight: 700;}
.dinin-cnt h3 { font-size: 1.5rem; line-height: 1.4; text-align: left; padding-top: 25px;} .dinin-cnt h3:first-child { padding-top: 0;}
 .other-facil-block li, .dining-gallery li   { width: calc(100% - 0px);}
 .free-room-amen-wrapp{ padding-bottom: 0;}
.facility-main-cnt { padding-bottom: 40px;}
.facility-main-cnt .two-column:last-child, .dinin-img,.two-column.banq-cnt{ padding-top: 40px;}
.banquet-item-group { padding: 40px 0;}
.fac-banq-content { padding-right: 0;}
.banq-enquiry { margin-top: 25px; padding: 15px; text-align: left;}
.places-grouped .places-block, .places-grouped .places-block article, .nearBy, .distance-chart, .nearby-group figure { width: calc(100% - 0px); padding-right: 0; border: none; padding-left: 0;}
.places-grouped .places-block { border-bottom: var(--border);}
.page-title h1, .dining-gallery h3, .dining-gallery  p { text-align: center;}
 .dining-gallery h3 { font-size: 1.9rem }

 .btm-call a:link, .btm-mail a:link, .btm-call a:visited, .btm-mail a:visited, .btm-whats a:link, .btm-whats a:visited  {padding-left: 40px; background-size: 18px auto;}
.reserv-btn a:link, .reserv-btn a:visited { background-size: 18px auto; padding-right:18px}
.places-block {
    padding: 24px 0;
    border-bottom: var(--border);
}

}
@media (max-width: 500px) {
.hme-quick-items.container { padding: 0;}
.intro-caption h1 {font-size: 1.7rem; line-height: 1.2; padding: 0 15px;}
.footer-men-cnt-wrapp, .border-breaker { display: none;}
.footer-call br { display: block;}
    .welcome-content h2, .hme-places-title {
        font-size: 2rem;
        line-height: 1.2;
    }
.welcome-title br, .sub-title br { display: block; }

.hme-meet-item h3, .hme-beer-item h3, .dine-img-hme-1 h2, .dine-img-hme h2 {
        font-size: 1.4rem;
         backdrop-filter: blur(5px);
    }
 .place-slide h3 { font-size: 1.6rem;     backdrop-filter: blur(5px); }
.sub-quick-items-wrapp .room-slide-title { font-size: 1.6rem;}

    .dine-img-hme h2, .dine-img-hme h2 { padding-left: 15px; padding: 5px 0;}
.dining-gallery h3  { text-align: center;}
.hme-din-head, .page-title h1 { font-size: 1.9rem;}
.dinin-cnt h3 { padding-top: 0;}
}
/* --------------------------------- */
/* -------- Metex Creations -------- */
/* --------  2026 june  Gadhafi  -------- */
/* -------------------------------- */
/* -------------------------------- */
/* ------------------------------- */