/* .e-con-full, .e-con>.e-con-inner { padding-left:0; padding-right: 0;} */
.mm-listview>li>a, .mm-listview>li>span { font-size:12pt;   font-family: 'Poppins' }
.elementor-button span {    text-decoration: inherit;    padding: 4px 0; }

.gallery-block  { padding-top:0; padding-bottom:40px }
.resort-selector-form label { text-align-last:left !important; text-align:left !important; display:block; width:100%; border:none;} .resort-selector-form span.wpcf7-list-item { display:block; width:100%; text-align:left !important} .facilites-bg, .jesway-accom-wrapp { margin:0}
.date-picker-form { width:auto; border:none} .hotel-top-area  { padding-top:0}
.booking-form .txtarcomm {    height: 154px;    margin-top: 11px; }
.gallery-block .fg-default .fg-item {    display: inline-block;    vertical-align: top;    max-width: 100%;    width: Calc(25% - 25px); }
.gallery-block  .fg-default.fg-gutter-25 { padding: 0;}
.desing { display: none; } .home-page .desing  { display: block;}
.hme-hotels-block h2  { text-align:left}
.page-title-wrapp { position: relative; z-index: 1500;}
.experi-blk .exper-content { padding-left: 40px; width: calc(65% - 0px);}
.experi-blk .exp-image { width: calc(35% - 0px);}

.sub-hotels-block:first-child { padding-top:0; margin-top:0}
.sub-hotels-block:nth-child(even) { margin:0 0 60px 0}

.experi-blk:nth-child(even) { flex-direction: row-reverse;}
.experi-blk:nth-child(even) .exper-content { padding-left: 0px; padding-right: 40px; }
.whats-app-top svg {    width: 25px; fill:#075E54 } .whats-app-top a:link, .whats-app-top a:visited { display:block} .whats-app-top { padding-right:15px }
.header-top-right { align-items:center}
.sub-hotels-block h2 { text-align:left} .sub-hotels-block .small-caption { text-align:left }
.reson-block .small-caption h3 { text-align:center }

 .padding-bottom-0 { padding-bottom: 0;}
.sub-btm-hotels-wrapp .widget-title h3 {    font-weight: 500;    font-size: 38pt; }
.hme-jesway-reasons-last .reson-block:before { display: none;}
.hme-jesway-reasons-last .reson-block h2 { border: none;}
.next-prev-nav { padding: 15px 0; border-top: 1px solid #9dc7ef; border-bottom: 1px solid #9dc7ef; margin-top: 60px;}
.post-thumbnail, .entry-content { width: calc(50% - 0px);} .post-thumbnail { padding-right: 60px;}

.entry-content.fullwidth { width: 100%;}

.sub-service-slider a:link, .sub-service-slider a:visited { display: block;}

#menu-footer-menu, .nav-links { display: flex; flex-wrap: wrap; flex-direction: row;}
.nav-links { justify-content: space-between;}

.cpr-wrapp .align { position: relative;   align-items: center;}

.home-page .smo { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; }


.banner-home-holder .owl-dots { position: absolute; width: 100%; text-align: center; bottom: 10px;  }

.content-right { padding-left: 100px;}
.content-left { padding-right: 100px;}


.banner-home-holder .owl-theme .owl-dots .owl-dot span { width: 15px; height: 15px;}
.desing, .footer-mobile-fixed { display: none;}

.home-page .desing { display: block;}
.sub-page .cpr-wrapp .container { justify-content: center;}
@media (max-width: 1600px) { 
.footer-menu ul, .footer-address-item {
    padding-right: 34px;

}
}

@media (max-width: 1500px) { 
.abt-img-right {padding-left: 0 ;}
.container { padding: 0 50px; }
	.hme-places-wrapp { padding:60px 0}
}

@media (max-width: 1480px) { 
#page { font-size: 12pt;}
.primary-menu ul li a:link, .primary-menu ul li a:visited { font-size: 12pt;}
.welcome-cnt-blk article {     padding-left: 450px; }
.sub-hotels-block article { padding: 0 70px 0 40px; }
.footer-menu ul, .footer-address-item { padding-right: 30px;} .footer-menu ul:last-child, .footer-address-item:last-child { padding-right: 0;}
.facil-items {    padding-left: 0; }
.large-title, .large-title h2 {  font-size: 40pt;  line-height: 40pt; }
.widget-title, .widget-title h2 { font-size: 32pt; }
.hme-hot-fac-item h4  { font-size: 20pt;   }
.page-bottom-wrapp h5 {  font-size: 10.5pt; }
footer { font-size: 11.5pt;} 
.foot-hd { font-size: 18pt;  }
.banner-caption h3 {  font-size: 40pt;line-height: 40pt;}
.wel-title-1,  .wel-title-3,  .wel-title-4  { font-size: 22pt; line-height: 24pt; }  .wel-title-2 { font-size: 60pt; line-height: 60pt;} 
.wel-title-3,  .wel-title-4 { font-size: 40pt; line-height: 40pt}
.hme-hotels-block h2 { font-size: 30pt;line-height: 30pt;}
.page-title { font-size: 30pt; }
.abut-caption h3 {  font-size: 34pt; line-height: 34pt; }
.abut-caption h3 span { font-size: 40pt; }
.btm-overlay-text {  font-size: 38pt;   }
.btm-hotel-title { font-size: 18pt; }
.sub-hotels-block h2 { font-size: 30pt; }

.sub-btm-hotels-wrapp .widget-title h3 {    font-size: 35pt; }
.content-right { padding-left: 0px;}
.content-left { padding-right: 0px;}

.hme-jesway-reasons .container, .hme-jesway-reasons-last { gap:20px}
.reson-block { width: calc(50% - 20px);}

.reson-block figure .secondary-headings, .reson-block:before, .reson-block article { margin: 0 10px; width: calc(100% - 20px);}
.reson-block article { padding: 30px 40px;}
.reson-block figure .secondary-headings { font-size: 22pt;}

}
@media (max-width: 1300px) { 
 #page { font-size: 11.5pt;}
 p { line-height: 20pt;}
.header-wrapp .container { padding: 0 20px; }
 .sub-content-warapp .sub-hotels-block  article { padding: 0 60px 0 60px; }
.sub-hotels-block article { padding: 0 50px 0 40px;}
.footer-menu ul, .footer-address-item { padding-right: 30px;}
.site-logo { width: 150px;} .site-logo:after { height: 43px; }
.overlap-logo { width: 150px; } .hme-hotel-resort-wrapp { padding-top: 120px;}
.hme-hotels-block figure, .hme-hotels-block:nth-child(odd) figure { padding: 0; width: calc(50% - 0px);}
.hme-hotels-block article {
    position: relative;
    right: 0;
    width: calc(50% - 0px);
    padding: 0 30px 0 30px;
}
.experi-blk figure { width: 400px;}
	.hme-places-wrapp { padding:50px 0}

.footer-menu { } .footer-address-block {   }
.large-title, .large-title h2 {  font-size: 32pt;  line-height: 32pt; }
.widget-title, .widget-title h2 { font-size: 26pt; }
.hme-hot-fac-item h4  { font-size: 18pt;   }
.page-bottom-wrapp h5 {  font-size: 10.5pt; }
footer { font-size: 11.5pt;}
.foot-hd { font-size: 16pt;  }
.banner-caption h3 {  font-size: 36pt;line-height: 36pt;}
.wel-title-1,  .wel-title-3,  .wel-title-4  { font-size: 20pt; line-height: 20pt; }  .wel-title-2 { font-size: 46pt; line-height: 46pt;} 
.wel-title-3,  .wel-title-4 { font-size: 34pt; line-height: 34pt}
.hme-hotels-block h2 { font-size: 24pt;line-height: 24pt;}
.page-title { font-size: 26pt; }
.abut-caption h3 {  font-size: 28pt; line-height: 28pt; }
.abut-caption h3 span { font-size: 36pt; }
.btm-overlay-text {  font-size: 30pt;   }
.btm-hotel-title { font-size: 16pt; }
.sub-hotels-block h2 { font-size: 24pt; line-height: 24pt;}
.primary-menu ul li a:link, .primary-menu ul li a:visited, .booTopBtn a:link, .booTopBtn a:visited {   font-size: 11pt;   } 
.welcome-cnt-blk article p { font-size: 14pt; line-height: 22pt;}

.more-details-btn2 a:link, .more-details-btn2 a:visited { font-size: 10pt;}
.singleTop h2 { font-size: 26pt;}
.resort-caption h4, .reson-block figure .secondary-headings  { font-size: 20pt;}
.sub-btm-hotels-wrapp .widget-title h3 {    font-size: 30pt; }

.bannercap-sub h2 {
    font-size: 31pt; }


    .foot-cnt br{ display: none;}

.footer-address-block {
    width: calc(35% - 0px);
}
.footer-logos {
    width: calc(30% - 0px);
}


}
@media (max-width: 1200px) { 


    .footer-menu .flex-container { justify-content: space-between;}

.two-column-wrapp { gap: 20px;}
 .two-column { width: calc(50% - 20px);}

    .sub-content-warapp .sub-hotels-block article {
        padding: 0 30px 0 30px;
    }
.sub-hotels-block p, .hme-hotels-block article p  { display: none;}

.roomhead h2 { font-size: 28pt;}

}

@media (max-width: 1090px) { 

.container {
        padding: 0 30px;
    }

      .welcome-cnt-blk article {
        padding-left: 0;
    }
    
    .welcome-title { position: relative; width: 100%; text-align: center;}
.welcome-wrapp { text-align-last: center; }

.abut-caption h3 {
        font-size: 21pt;
        line-height: 28pt;
    }
    .abut-caption h3 span {
        font-size: 28pt;
    }

.sub-hotels-block:nth-child(odd) figure, .sub-hotels-block figure { padding: 0; width: calc(50% - 0px); }
.sub-hotels-block article { position: relative; width: calc(50% - 0px);}
.gallery-block li {
    display: block;
    width: calc(34% - 15px);
}

.footer-logos { width: 100%; padding-top: 20px;}

}


@media (max-width: 990px) { 
  
  .primary-menu, .booTopBtn { display: none; } .mobMenu-show { display: block; }
  .site-logo { width: 130px;}
  .header-top-right {    padding: 15px 0; }
    .site-logo:after, .header-fix .site-logo:after {        height: 67px;            border-bottom-right-radius: 30px;    border-bottom-left-radius: 30px;     }


.large-title, .large-title h2 { font-size: 24pt; line-height: 30px;}
.btm-logo img {
    width: 104px;
}

.page-bottom-wrapp:before {
    width: 150px;
    height: 140px; top: -45px; }
.page-bottom-wrapp .align {
    position: relative;
    padding: 30px 0;
}

.btm-logo figure {
    padding-top: 56px;
}


   .footer-address-block {
        width: calc(45% - 0px);
    } .footer-menu { width: calc(55% - 0px); padding-right: 60px; } .footer-menu .flex-container { justify-content: space-between;}

.sub-btm-hotels-wrapp .container { padding: 0;}

  .sub-btm-hotels-wrapp .readmore-btn { padding-top: 20px;}
  .readmore-btn a:link, .readmore-btn a:visited { font-size: 10.5pt;}

.contact-address, .google-map { width: calc(100% - 0px);}
.google-map { height: 400px;}
.contact-wrapp { margin-bottom: 0;}


.footer-mobile-fixed { position: fixed; width: 100%; display: block; padding: 0 0;     background-color: rgb(13, 50, 84); z-index: 1000; bottom: 0; left: 0;}
.footer-mobile-fixed .align { position: relative; height: 60px; padding-right: 210px;}
.mob-reserv-btn { position: absolute; top: 0; right: 0; width: 210px; height: 100%; } 
.mob-reserv-btn a:link, .mob-reserv-btn a:visited { display: flex; justify-content: center; flex-wrap: wrap; line-height: 60px; font-size: 13pt; color: #fff; text-transform: uppercase; background-color: #a1825b; padding: 0 20px; }


.btm-left-btns { height: 60px; padding:0 20px; align-items: center;}
.btm-left-btns a:link, .btm-left-btns a:visited { display: flex; align-items: center;height: 100%; position: relative; color: #fff;}
.btm-left-btns span { display: block; padding:0 25px 0 15px; text-transform: uppercase; line-height: 12pt;}
.btm-left-btns svg, .mob-reserv-btn svg { width: 30px; height: auto; fill: #fff;} .btm-loc-btn svg { width: 16px;} .btm-call-btn svg { width: 24px;} .btm-mail-btn svg { width: 26px; margin-top: 3px;}
.mob-reserv-btn svg { margin-left: 10px; width: 22px;}
.cpr-wrapp { padding: 25px 0; padding-bottom: 84px;}

.cpr-wrapp .align { flex-direction: column; justify-content: center; align-items: center; gap: 25px;}
.footer-top {
    padding: 50px 0 40px 0;
}

}

@media (max-width: 800px) { 
  .sub-slider-wrapp { display: none;}
.small-caption { font-size: 14pt;}
    .sub-hotels-block h2 {
        font-size: 21pt; }

.experi-blk figure { width: 300px;}
.abt-btm-poster  { background-size: cover; padding: 40px 0;} .sub-btm-hotels-wrapp { padding-top: 0;}
	
	.singleTop .enquireBtn  { display:none }
	.singleTop .elementor-widget-heading { text-align:center; width:100% }
	
}


@media (max-width: 768px) { 

 #page { font-size: 12.5pt;}
:root {
    --gutter60: 50px 0;
    --gutter: 60px 0; }


    .header-wrapp .container {        padding: 0 10px;     }
    .container {
        padding: 0 20px;
    }

        .site-logo, .header-fix .site-logo {        width: 120px;  padding: 0 10px 10px 10px;   }  .site-logo { top: 9px; } 
        .site-logo:after, .header-fix .site-logo:after { border-bottom-right-radius: 5px;    border-bottom-left-radius: 5px;    height: 62px;  }
  .banner-wrapp { padding-top: 70px;}     .site-logo:after, .header-fix .site-logo:after, .header-wrapp  { background-color: #fff;}

.hme-hotel-facil-wrapp { justify-content: center;}
.hme-hot-fac-item {
    width: calc(33.333% - 1px);
}

.viewAll-btn, .footer-menu, .page-bottom-wrapp, .home-btm-banner, .why-choose-image { display: none;}


.hme-hotels-block figure, .hme-hotels-block:nth-child(odd) figure, .hme-hotels-block article, .reson-block,
.reson-block figure .secondary-headings, .widget-title,    .footer-address-block, .footer-address, .two-column, .sub-hotels-block:nth-child(odd) figure, .sub-hotels-block figure ,
.sub-hotels-block article

{ width: calc(100% - 0px); padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0;}
.hme-hotels-block article, .hme-hotels-block:nth-child(odd) article { text-align: center; padding: 25px;}

.reson-block, #sub-page { text-align-last: center; }
.sub-content-warapp .sub-hotels-block article{ padding: 25px;}

.reson-block figure .secondary-headings { padding: 20px 15px 20px 15px;}
.hme-jesway-reasons-last { flex-direction: column-reverse; gap: 0;}

.page-title {
        font-size: 24pt;
    }
.banner-caption h3 { font-size: 24pt; line-height: 26pt; text-align: center;}

.reson-block figure .secondary-headings, .widget-title { font-size: 18pt; line-height: 24pt;}

.banner-btn { padding-top: 20px; }

.small-caption, .banner-btn, .reson-block figure .secondary-headings, .widget-title, .footer-address-block,  .singleTop h2, .gallery-block h3 { text-align: center;}
.hme-places-wrapp .container { padding: 0;}

.footer-address { justify-content: center; flex-direction: column;}
.room-types ul, .two-column-wrapp, .hotel-gallery { gap: 10px;}
.sub-btm-hotels-wrapp .two-column, .room-types li, .hotel-gallery li { width: calc(50% - 10px);}

.experi-blk figure { width: 200px;}


.gallery-block h3, .room-types h3 { font-size: 18pt;}
.page-title, .pageHead { width: 100%;} .page-title-wrapp .container { justify-content: center; flex-direction: column; align-items: center;}
.floatRight  { float: none; clear: both;}
#sub-page .listing li { text-align: left !important; text-align-last: left;}

.btm-home-btn { display: none;}

.hme-paces-slider p { font-size: 14pt; padding-bottom: 0;}
.hme-hot-fac-item h2 {        font-size: 14pt;    } 

	.reson-block h2{ font-size:20pt}
	.widget-title, .widget-title h2 { line-height:normal}
.bannercap-sub h2 {
    font-size: 24pt; }
.roomhead h2, .hme-hotels-block h2, .hme-hotels-block article h3, .hme-hotels-block:nth-child(odd) article h3 { text-align: center;}
}
@media (max-width: 628px) { 


    .reson-block figure .secondary-headings { position: relative;  background: none; background-color: transparent !important; border: none; padding-bottom: 0;}
    .bannercap-sub h2, .reson-block:before, .reson-block figure:after  { display: none;}
    .reson-block article { padding:20px  0 0;}

.hme-jesway-reasons-last  { border: none; }


.hme-hot-fac-item {
    width: calc(50% - 1px);
}

.experi-blk figure { width: 100%; padding-left: 0; padding-right: 0;}

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

.btm-loc-btn { display: none}

.mob-reserv-btn, .btm-left-btns { width: calc(50% - 0px);}
.btm-left-btns { padding: 0; position: relative;}
.footer-mobile-fixed .align { padding: 0;}
.btm-call-btn { width: calc(100% - 0px); text-align: center;}
.btm-call-btn a:link, .btm-call-btn a:visited { display: flex; justify-content: center; flex-wrap: wrap; height: 100%; align-items: center; }

.btm-call-btn a:link, .btm-call-btn a:visited , .mob-reserv-btn a:link, .mob-reserv-btn a:visited { padding: 0 20px; font-size: 11pt; align-items: center;  }
.btm-left-btns span { padding: 0 0 0 10px;}

.hme-hotels-block:last-child { margin-bottom: 0; padding-bottom: 0;}
.hme-hotel-resort-wrapp { padding-bottom: 6px;}
	
	.reson-block figcaption, .reson-block figure .secondary-headings, .reson-block figure h2 { position:relative; width:100%; border:none; padding-left:0; padding-right:0; margin:0}
	.reson-block article { padding-top:0 }
	.section-space {    padding: 40px 0;}
	
	  .btm-overlay-text {        font-size: 22pt;     }
	.btm-over-cap { font-size:18pt}
	.sub-btm-hotels-wrapp .widget-title h3 { font-size:20pt; padding-top:50px}
	    .btm-hotel-title {        font-size: 14pt;     }
	.contact-wrapp p { overflow-wrap:anywhere}
	
	.sub-hotels-block .small-caption, .sub-hotels-block h2 {
    text-align: center !important;
}
	.hotel-top-area { padding-top:0 }
	
}

/* --------------------- logo shining ----------- */
.site-logo .align { display: block; position: relative;}
.site-logo img.over-logo { position: relative;  opacity: 1; z-index: 10;}
.shimmer {         position: absolute; left: 0; top: 0; z-index: 100;    z-index: 100;
 display: block;
  background: linear-gradient(90deg, #fff, #ddd, #fff);
  -webkit-background-clip: text;
  color: transparent;
  /* Shimmer mask */
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0%,
    black 50%,
    transparent 100%
  );
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 200% 100%;
  animation: shimmer 4s linear infinite; /* 4s total = 2s shimmer + 2s pause */ 
}

@keyframes shimmer {
  0% {
    -webkit-mask-position: -200% 0;
  }
  50% {
    -webkit-mask-position: 200% 0; /* shimmer completes here */
  }
  100% {
    -webkit-mask-position: 200% 0; /* hold still (pause) */
  }
}

.booTopBtn a:link, .booTopBtn a:visited, .enquireBtn a:link, .enquireBtn a:visited,
.more-details-btn a:link, .more-details-btn a:visited,
.more-details-btn2 a:link, .more-details-btn2 a:visited,
.viewAll-btn a:link, .viewAll-btn a:visited,
.footer-menu a:link, .footer-menu a:visited
{ transition:all 0.5s ease; opacity:1}
.booTopBtn a:hover, .enquireBtn a:hover, .more-details-btn2 a:hover { background-color:#2a84d9}
.more-details-btn a:hover { opacity:0.8 }
.viewAll-btn a:hover { background-color:#eeeeef }
.footer-menu a:hover { color:#0d3254 }
/* --------------------------------- */
/* --------------------------------- */
/* -------- Metex Creations -------- */
/* --------  2025 Gadhafi  -------- */
/* -------------------------------- */
/* -------------------------------- */
/* ------------------------------- */