.cpr-wrapp .container {position: relative;}

.hover-effect { overflow: hidden; position: relative; } .hover-effect img { transition: all 1.5s ease; transform: scale(1); } .hover-effect:hover img { transform: scale(1.1); }
.chbk { padding: 60px 0; text-align: center; font-size: 20pt; }

.foot-btm-link a:link, .foot-btm-link a:visited { color: #fff; font-weight: 200; padding: 15px; display: flex;}
.mh-head { background-color: #1d4e4a } .mh-head .hamburger-inner, .mh-head .hamburger-inner:after, .mh-head .hamburger-inner:before {
    background: #dddddd; 
}

.mm-listview>li>a, .mm-listview>li>span { text-transform: uppercase;}

@media (max-width: 1800px) {
}
@media (max-width: 1500px) {
    #page { font-size: 11.5pt;}    
    .container { padding: 0 50px;}
    .header-top, .header-bottom { padding: 0 50px; }
    .primary-menu ul li a:link, .primary-menu ul li a:visited { padding: 20px 15px; font-size: 10pt; }
    .room-land-details { padding: 45px; }
    .land-amen-block ul {   gap: 5px; }
    .land-amen-block li { text-align: left; width: calc(33.333% - 5px);}
    .welcome-content { background-size: 100% auto;}
    .room-land-details h2 { font-size: 24pt;}
    .stay-hme-ribbon h5, .home-toom-caption { font-size: 28pt;}
    .hme-facil-title h5, .welcome-title { font-size: 16pt;}
    .welcome-title span, .stay-hme-ribbon h4 { font-size: 33pt; }
    .hme-facil-title h5 span { font-size: 32pt;}
    .quick-item {
        padding-left: 57px;
        padding-right: 27px;
        margin-right: 27px; }

}
@media (max-width: 1400px) {
    :root { --gutter: 80px 0; }
    .container { padding: 0 80px;}
    .header-top, .header-bottom { padding: 0 50px; }
    .site-logo { width: 110px;}
    .primary-menu ul li a:link, .primary-menu ul li a:visited { padding: 20px 10px;  font-size: 10pt; }
    .banner-caption { font-size: 52pt; }    
    .quick-item { padding-left: 53px;  padding-left: 53px;  padding-right: 24px;  border-right: 1px solid rgba(255, 255, 255, 0.3);  font-size: 12pt;  color: #fff; line-height: 16pt;         }
    .welcome-image { padding: 100px 0 100px 50px;  }
    .land-amen-block ul { gap: 10px; } .land-amen-block li { text-align: left; width: calc(50% - 10px); }
    .quick-item { margin-right: 20px;}
    .about-content, .accom-land-wrapp, .two-colum-gallery, .facilities-gall ul, .tariff-land {  gap: 50px;  }
    .abount-two-column, .room-land-blk, .gall-item, .facilities-gall li, .tariff-item  { width: calc(50% - 25px); }
    .room-land-details h2 { font-size: 22pt;} .welcome-title, .hme-facil-title h5 { font-size: 16pt;}
    .welcome-title span, .widget-title, .stay-hme-ribbon h4,  .hme-facil-title h5 span { font-size: 30pt; }
    .stay-hme-ribbon h5, .home-toom-caption { font-size: 26pt;}
    .hme-facil-title h6 { font-size: 20pt;}       
}
@media (max-width: 1300px) {
        :root { --gutter: 50px 0; }
        #page { font-size: 11pt; }
        .container {
            padding: 0 30px;
        }
        .cpr-wrapp { margin-top: 50px;}

        .smo li svg {
            width: 9px;
            height: auto;
        }
        
        .smo li:nth-child(2n) svg {
            width: 18px;
        }

        .smo li:nth-child(3n) svg {
            width: 17px;
        }
        .smo li:nth-child(4n) svg {
            width: 20px;
        }

        .smo a:link, .smo a:visited {
            width: 56px;
            height: 46px; }

        .primary-menu ul li a:link, .primary-menu ul li a:visited { padding: 20px 8px; font-size: 10pt; }
        .banner-caption { font-size: 40pt; }
        .welcome-content article { padding: 0 45px; }
        .room-land-details h2 { font-size: 20pt;} 
        .welcome-title, .hme-facil-title h5 { font-size: 14pt;}
        .welcome-title span,  .hme-facil-title h5 span { font-size: 28pt; }
        .widget-title, .page-tilte { font-size: 26pt;}
        .stay-hme-ribbon h5, .home-toom-caption, .sub-title { font-size: 24pt;}
        .hme-facil-title h6 { font-size: 18pt;}
}
@media (max-width: 1200px) {
    .header-top, .header-bottom, .container { padding: 0 20px; }
    .primary-menu ul li a:link, .primary-menu ul li a:visited { font-size: 9pt; }
    .site-logo { width: 100px;}
    .footer-menu-blk {
        padding-right: 0;
        padding-left: 67px;
    }
    .quick-item { font-size: 10pt; }
    .banner-caption {
        font-size: 36pt;
    }

}

@media (max-width: 1080px) {
    .header-bottom  { display: none;}
    .mobMenu-show  { display: block; }
    .site-logo {  /* left: 50%; transform: translateX(-50%); right: auto; */ padding: 5px; width: 79px; }
    .quick-contact-wrapp { display: none;}
    .footer-address figure { width: 110px; padding-right: 20px;}
    .welcome-image { padding: 100px 0 100px 0px; }
    .cpr-wrapp { padding: 12px; padding-bottom: 35px;}

    .about-content, .accom-land-wrapp, .two-colum-gallery, .facilities-gall ul, .tariff-land { gap: 20px;}
    .abount-two-column, .room-land-blk, .gall-item, .facilities-gall li, .tariff-item {
        width: calc(50% - 10px);
    }
    .room-land-blk { margin: 0;}
    .room-land-details {
        padding: 33px;
    }

    .mobMenu { position: fixed; left: 0;} .top-booking { margin-left: 45px;}
    .top-booking a:link, .top-booking a:visited, .top-call a:link, .top-call a:visited { padding: 15px 0;}
    .top-booking a:link, .top-booking a:visited { padding-right: 30px; background-position: right 19px;} .top-call a:link, .top-call a:visited { padding-left: 30px;}
    .banner-caption {
        font-size: 34pt;
    }
    .room-land-details h2 {
        font-size: 16pt;
    }

}
@media (max-width: 900px) {
    .footer-menu-blk { display: none; } .footer-top { justify-content: center;}
    .footer-address { width: calc(390px - 0px);} .footer-top:after { display: none;} .cpr-wrapp { margin-top: 30px;}
    .smo, .home-page .smo {
        position: relative;
        top: auto;
        transform: translateY(0);
        right:auto;
        left: auto;
    }
    .smo a:link, .smo a:visited, .smo li:last-child a:link, .smo li:last-child a:visited { border: none;}
    .cpr-wrapp .container { flex-direction: column; justify-content: center; gap: 10px;}

    .mobile-nav-wrapp { display: block; position: fixed; bottom: 0; left: 0; width: 100%; background: linear-gradient(to right, rgba(124, 44, 23, 1) 0%, rgba(168, 76, 27, 1) 32%, rgba(242, 127, 31, 1) 100%); padding: 0; z-index: 16000;} .mobMenu-show { display: block;}
    .foot-btm-link a:link, .foot-btm-link a:visited {   gap: 10px;}
    .banner-caption {
        font-size: 30pt;
    }
.welcome-wrapp { padding: var(--gutter);}

    .welcome-image {
        padding: 0px;
    }

    .welcome-content article { padding-left: 0;}
    .abount-two-column { width: calc(100% - 0px);}
    .about-content { gap: 0;} 
    .about-img-top { display: none;}

}


@media (max-width: 800px) {
.abount-two-column, .room-land-blk, .gall-item, .tariff-item, .comp-amenities, .banquet-hall-left, .banquet-hall-right, .facilities-gall li, .events-planning-blk figure,
.events-planning-blk article, .contact-address, .gmap, .event-item, .welcome-image, .welcome-content, .amen-secondary {    width: calc(100% - 0px); }
.welcome-image { max-width: 400px; margin: 0 auto; padding: var(--gutter60); padding-bottom: 0;}
.banquet-hall-left figcaption { left: 0;} .banquet-hall-right, .event-item:nth-child(even) { padding-left: 0;} .events-planning-blk figure, .event-item:nth-child(odd) { padding-right: 0; margin-right: 0;}
.contact-address { padding: 45px 0; justify-content: center;}
.stay-hme-ribbon { position: relative;  left: 0;  width: calc(100% - 0px); padding: var(--gutter60);  background-color: rgba(29, 78, 74, 0); color: var(--color); }
.stay-hme-ribbon h5, .home-toom-caption, .sub-title { font-size: 21pt; }
.hme-facil-img-sml { display: none; }  .hme-facil-img-sml.hme-facil-title { display: flex; width: calc(100% - 0px); flex-wrap: wrap; flex-direction: column; justify-content: center;}
.welcome-title span, .widget-title, .stay-hme-ribbon h4, .hme-facil-title h5 span {        font-size: 22pt;    }
.stay-hme-ribbon h5, .home-toom-caption, .sub-title {    font-size: 20pt; } .hme-facil-title h6 {    font-size: 12pt; padding-bottom: 10px;} .welcome-content article { padding-left: 0; padding-right: 0;}

.gallery-menu a:link, .gallery-menu a:visited {
    display: block;
    padding: 14px 10px;
}
.accom-land-wrapp, .tariff-land { padding-top: 15px;}
.contact-wrapp { margin-top: 15pt;}
.about-img  { margin-bottom: 20px;}
}
@media (max-width: 600px) {
    :root {
        --gutter: 50px 0;
  
        --gutter80: 40px 0;
        --gutter60: 30px 0;
        --gutter40: 20px 0;

    }

    .events-planning-blk {
    
        padding-bottom: 12px;
        margin-bottom: 33px;
    }
    .room-land-details {
        padding: 25px 15px;
    }
   
    .stay-hme-ribbon { width: calc(100% - 0px); position: relative; left: 0;}
    .header-top { display: none;} .mobMenu { width: 100%;}
    .foot-btm-link span { font-size: 9pt;}
    .banner-caption {
        font-size: 24pt;
    }
    .stay-hme-ribbon h5, .home-toom-caption, .sub-title {
        font-size: 20pt;
    }
    .amen-wrapp-sub-btm .home-toom-caption{ padding-left:20px; padding-right: 20px;}
    .land-amen-block li {
        display: block;
        width: calc(50% - 5px);
        font-size: 9pt;
    }

    .banquet-hall-left figcaption, .facilities-gall h5  { font-size: 14pt; padding: 6px 25px;}
    .foot-btm-link a:link, .foot-btm-link a:visited { flex-direction: column;  gap: 5px; align-items: center;} .events-planning-blk figure img { width: 100%;}
    .cpr-wrapp { padding-bottom: 80px;}

    .hme-interior-imag-wrapp figure, .hme-facil-block, .hme-facil-block-right, .hme-facil-img-sml {
        width: calc(100% - 2px);
        position: relative;
    } 

    .hme-facil-img-sml.hme-facil-title { padding: 30px;}
.event-item  figure { margin: 10px 0;}
.tariff-item figcaption { position: relative;}
.photo-gallery li {
    display: block;
    width: calc(33.33% - 20px);
}

.hme-amen-icon {
    width: 52px;
}

.welcome-title, .welcome-image figure, .welcome-content p,  .about-content p, .room-land-blk:first-child, .tariff-item:first-child, .sub-page-content p:first-child, .events-planning-blk figure .banquet-hall-left, .events-planning-blk figure {         opacity: 1 !important;
    transform: translate3d(0, 0px, 0) !important;}

}

@media (max-width: 428px) {

    .banner-caption {
        font-size: 20pt;
    }
    .footer-address{ text-align: center; width: calc(100% - 0px); flex-direction: column; align-items: center;}
    .footer-address figure {
        width: 91px;
        padding-right: 0px;
    }
    .land-amen-block li {
   
    }
    .gallery-menu a:link, .gallery-menu a:visited { width: calc(100% - 0px);
            padding: 14px 0px; text-align: center; } .gallery-menu li { width: calc(50% - 0px);}
            .photo-gallery li {
                display: block;
                width: calc(50% - 20px);
            }

}

@media (max-width: 360px) {
.foot-btm-link a:link, .foot-btm-link a:visited { padding: 15px 5px;}
.mobile-nav-wrapp .align { padding: 0 10px;}
.stay-hme-ribbon h5, .home-toom-caption, .sub-title {    font-size: 16pt;

}
}


/* -------------------------------------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */
/* ------------- Metex creations -------------  */
/* ------------------ 2025 -------------------  */
/* ---------------- gadhafi ------------------  */
/* -------------------------------------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */