.slider-nav a.active:link, .slider-nav a.active:visited { color: #e2e7b5;}
.footer-mobile-fixed { display: none;} .room-nav {position: relative; z-index: 2000;}
.footer-mobile-fixed {  position: fixed;   width: 100%;   padding: 0 0;   background-color: #133911;  z-index: 1800;   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-call-btn svg {  width: 24px; }
.btm-left-btns svg, .mob-reserv-btn svg {  width: 30px;   height: auto;  fill: #fff; }
.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; }
.ressort-selector, .dicMenu { width: 330px; } .ressort-selector { display: none; } .dicMenu { width: 330px; }
.dicMenu a:link, .dicMenu a:visited { display: block; padding: 5px 15px; }
#menu-toggle a:link, #menu-toggle a:visited { font-size: 16pt; color: #fff; display: block; padding-right: 60px;}
#menu-toggle { width: 100%; background-color: #a77611; border: none; border-radius: 5px; position: relative;}
#menu-toggle span { display: block; position: absolute; position: absolute; right: 25px; top: 15px; width: 15px; height: 20px; background-image: url(../images/icon/down-arrow.webp); background-repeat: no-repeat; background-size: 100% auto; }

.dpMenu-disc {    position: relative;    width: 100%;    display: block !important;    float: right; }
.dicMenu {    display: none;    opacity: 0;    position: absolute;    top: 80px;    background-color: #fff;    font-size: 10.5pt;    padding: 10px 0; }
.dicMenu.open {    animation: discMenuAnim 0.5s ease forwards;    animation-delay: 0.2s;    display: block; box-shadow: 1px 7px 5px 0px rgba(0,0,0,0.41); }
@keyframes discMenuAnim {
    0% { opacity: 0; top: 80px; }
    100% { opacity: 1; top: 50px; }
}
#smoke-container {position: absolute; top: 0; left: 0; z-index: 100; opacity: 0.4; width: 100%; height: 100%;}
.banner-caption, .header-mob-home, .hme-right-side { opacity: 0;  animation: bannerTextAni  3s  forwards; animation-delay: 5s; filter: blur(4px); }
.header-align, .hme-right-side { animation-delay: 5s; }
@keyframes  bannerTextAni {
  0% { opacity: 0; filter: blur(4px); }   100% { opacity: 1; filter: blur(0px);} 
}
.welc-title { animation: fadeUpAnim  1s  forwards; opacity: 0; transform: translateY(10px);  animation-delay: 6s; }
@keyframes fadeUpAnim {
  0% { opacity: 0;  transform: translateY(10px); }  100% { opacity: 1;  transform: translateY(0px); }
}
.mobile-menu, .read-more-btn-facil-mob, .design { display: none;} .home-page .design { display: block;} .cpywrapp { flex-direction: row-reverse;}
@media (max-width: 1680px) {
.logo-sub {    width: 184px; }    .top-res-btn {    padding-left: 0; }
.h-menu-right { flex-direction: column-reverse; justify-content: flex-end; align-items: flex-end;}
.header-fix.header-wrapp-sub, .header-scroll-section { height: 125px; }
}
@media (max-width: 1500px) { 
.container { padding: 0 50px; } .header-wrapp .container { padding: 0;}  .thrall-img-1 { left: 100px;} .thrall-img-2 { right: 100px;}
.every-day-slide-blk .owl-stage { right: -140px; }
.primary-menu ul li a:link, .primary-menu ul li a:visited { padding: 17px 12px;}
.menu-links-villas { width: 560px; }
.page-title h1 { font-size: 44pt; }
}
@media (max-width: 1400px) { 
:root {    --gutter: 100px 0;    --gutter40: 40px;    --gutter60: 60px 0;    --gutter80: 80px 0; }
.container { padding: 0 50px;}
.thrall-img-1 { left: 50px;} .thrall-img-2 { right: 50px;}
.every-day-slide-blk .owl-stage {    right: -100px;}
.stay-hme-left {    width: calc(34% - 0px);    padding-left: 20px;} 
.thrall-top-cnt { top: 50px;}
.thrall-btm-cnt { padding-left: 50px; }
.page-title-wrapp { padding-bottom: 100px;}
.primary-menu ul li a:link, .primary-menu ul li a:visited { padding: 17px 9px; }
.our-story-wrapp article { padding-right: 80px; }
.over-lay-content article { padding-left: 80px; }
.facili-images { gap: 40px;} .facili-images figure { width: calc(50% - 40px);}
.primary-menu-overlay { width: 100%; margin: 102px auto 0 auto; }
.hme-facil-blk-wrapp { gap: 80px; } .hme-facil-blk {    width: calc(50% - 40px); }
.welcome-title h2 { font-size: 44pt; line-height: 55pt; }
.slider-nav a:link, .slider-nav a:visited { font-size: 14pt;}
.widget-title-accom h2 { font-size: 40pt;}
.slide-room-name { font-size: 28pt; }
.stay-title { font-size: 60pt; line-height: 73pt; }
.stay-title span { font-size: 45pt; }
.stay-hme-content p { font-size: 24pt; line-height: 33pt;} 
.thrall-top-cnt p { font-size: 28pt; padding-right: 50px;}
.thrall-btm-cnt p { font-size: 18pt; } 
.hme-ding-title { font-size: 30pt; line-height: 45pt; }
.hme-pool-cap h3 { font-size: 26pt; padding-bottom: 60px; line-height: 34pt; }
.widget-title-places h2 { font-size: 38pt; line-height: 40pt; }
.widget-title-places h2 span { font-size: 16pt; }
.page-title h1 { font-size: 50pt; } 
.content-title h2 { font-size: 32pt; line-height: 38pt; }
.content-title h2 span, .btm-title span { font-size: 16pt; }
.about-top p { font-size: 18pt; line-height: 26pt; }
.sub-title { font-size: 36pt; line-height: 42pt; }
.room-land-title h2 { font-size: 20pt; }
.room-nav a:link, .room-nav a:visited { font-size: 13pt;}
.room-fa-title { font-size: 22pt; }
.footer-menu { gap: 27px; }
.page-title h1 { font-size: 40pt; }
.content-title h2 { font-size: 26pt; line-height: 29pt; }
.book-now-btn a:link, .book-now-btn a:visited { font-size: 12pt; width: 185px;}
.content-title h2 { font-size: 32pt; }
.btm-title h4 { font-size: 35pt; line-height: 42pt; }
.small-title {text-align: left; line-height: 30pt;}
}
@media (max-width: 1300px) { 
.container { padding: 0 30px; }
.stay-content-wrapp, .hme-meeting-events-wrapp { padding: var(--gutter80); }
.every-day-slide-blk .owl-stage { right: -50px; }
.hme-right-side { top: 250px; }
.stay-hme-left { width: calc(33% - 0px); }
.stay-hme-content { width: calc(67% - 0px); }
.thrall-top-cnt { top: 80px; }
.footer-address { position: relative; transform: translateX(0); left: 0;}
.our-story-wrapp article {padding-right: 40px;}
.over-lay-content article {padding-left: 40px;}
.banner-caption { font-size: 14pt; line-height: 25pt; }
.welc-title h1 { font-size: 22pt; }
.welcome-title h2, .widget-title-accom h2 { font-size: 34pt; line-height: 40pt; }
.primary-menu ul li a:link, .primary-menu ul li a:visited { font-size: 11.5pt;}
.slide-room-name { font-size: 26pt; }
.stay-title { font-size: 44pt; line-height: 50pt; }
.stay-title span { font-size: 36pt; line-height: 38pt; }
.stay-hme-content p { font-size: 18pt; line-height: 29pt; }
.thrall-top-cnt p { font-size: 21pt; line-height: 27pt; } .thrall-btm-cnt p { font-size: 14pt; line-height: 22pt; }
.menu-links a:link, .menu-links a:visited { font-size: 12pt; padding:10px 0 10px 23px; }
.menu-links li a::before { top: 20px; } .menu-contact { font-size: 12pt; }.hme-facl-title span, .meeting-cnt h4 { font-size: 20pt;}
.hme-facl-title h2 { font-size: 30pt;} .hme-facil-blk h3 { font-size: 22pt; } 
.widget-title-testi h2 { font-size: 38pt; line-height: 43pt; }
.widget-title-testi h2 span { font-size: 25pt; line-height: 34pt; }
.hme-test-holder p { font-size: 16pt; line-height: 22pt; } 
.page-title h1 { font-size: 34pt; }
.about-top p { font-size: 16pt; line-height: 24pt; } .room-details { padding: 60px; }
.room-fa-block { padding: 60px;} .room-details { padding-top: 0;}
.facili-images { gap: 20px; }
.facili-images figure { width: calc(50% - 20px); }
.facil-block:nth-child(odd) article { padding-right: 30px;} .facil-block article { padding-left: 30px;}
.activities-block .listing {    padding-left: 0px; }
.activities-block article { gap: 20px;}
.activities-block .listing { width: calc(50% - 20px); }
.activities-block:nth-child(odd) article {  padding-left: 30px;} .activities-block:nth-child(even) article {  padding-right: 30px;}
.places-wrapp { gap: 20px; }
.places-block { width: calc(33.33% - 20px); }
.btm-title h4 { font-size: 32pt; line-height: 32pt; } 
.accom-slider figcaption { font-size: 16pt; }
.hme-ding-title { font-size: 26pt; line-height: 40pt; }
.hme-pool-cap h3 { font-size: 25pt; text-align: center; color: #fff; padding-bottom: 69px; line-height: 29pt; }
.hme-pool-wrapp { padding-top: 717px; }
.content-title h2 { font-size: 28pt; }
.content-title { padding-bottom: 16px; }
.sub-title { font-size: 28pt; line-height: 37pt; padding-bottom: 6px; }
.btm-title h4 {    font-size: 26pt;    line-height: 30pt; } 
.content-title h2 span, .btm-title span { font-size: 12pt; line-height: 18pt; padding-bottom: 10px; }
.page-bottom-wrapp {padding: 50px 0 0 0; }
.packa-main-area { padding-top: 40px;}
}
@media (max-width: 1200px) { 
.mobile-menu { display: block; position: relative; z-index: 1000;}
.primary-menu { display: none;}
.h-menu-right { flex-direction: row-reverse; justify-content: flex-end; align-items: center; gap: 25px;}
.mobile-menu { background-color:rgba(255,255,255,0.8); padding: 10px 15px; border-radius: 10px;  }
.mobile-menu #hamburger-1.is-active .line:nth-child(3), .mobile-menu #hamburger-1.is-active .line:nth-child(1) { background-color: #000; }
.menu-links-villas { padding-left: 50px; }
.menu-links-villas { width: 490px; padding-right: 50px; }
.header-fix.header-wrapp-sub, .header-scroll-section { height: 90px; }
.header-wrapp-sub { padding: 11px 0;  }
.hme-right-side { right: 10px;}
.stay-title span {    padding-left: 45px; } 
.our-story-image img, .our-story-wrapp article, .our-story-image, .every-day-slide-blk, .about-cnt-btm article { width: calc(100% - 0px);}
.story-text, .over-lay-content {position: relative; top: 0; transform: translateY(0);}
.story-text {padding: var(--gutter60); padding-bottom: 0;}
.our-story-wrapp article {padding-right: 0px;}
.over-lay-content article {padding-left: 0px;}
.img-breaker, .over-lay-content { padding: var(--gutter60);}
.over-lay-content { padding-top: 0;}
.stay-title { font-size: 51pt; line-height: 58pt; }
.stay-title span { font-size: 37pt; line-height: 36pt;    }
.stay-hme-content p { font-size: 18pt; line-height: 27pt; }
.thrall-top-cnt p, .thrall-btm-cnt p { font-size: 21pt; line-height: 32pt; } .hme-ding-title {        font-size: 29pt;        line-height: 46pt;    }
.hme-facil-blk-wrapp { gap: 50px;}
.hme-facil-blk {    width: calc(50% - 25px); }
.page-title h1 {        font-size: 28pt;    }
.overview-page-content, .page-content-bg { background-image: none;}
.about-top, .page-top-cnt, .page-top-cnt p, .room-details {padding-left: 0; padding-right: 0;}
.accomm-single-wrapp .container { gap: 30px; }
.room-lnd-blk {    width: calc(50% - 15px); }
.facil-block article { padding-top: 30px; padding-bottom: 30px;}
}
@media (max-width: 1100px) { 
.welcome-text { padding-left: 0;}
.welco-read-more { position: relative; width: calc(100% - 0px); padding:20px 0 0 0;}
.welcome-content.flex-container { flex-direction: column;}
.footer-contact { display: none; }
.footer-menu { gap: 97px;    }
.hme-thrall-wrapp .hme-thrall-bg {    height: 871px; }
.welcome-title h2, .widget-title-accom h2 { font-size: 33pt; line-height: 38pt;     }
.widget-title-accom h2 { font-size: 28pt; line-height: 36pt; }
.slider-nav a:link, .slider-nav a:visited { font-size: 12pt;    }
.thrall-top-cnt p, .thrall-btm-cnt p, .room-land-title h2 { font-size: 16pt; line-height: 26pt; } 
.hme-ding-title { font-size: 24pt; line-height: 38pt; }
.stay-title { font-size: 43pt; } .stay-title span { font-size: 30pt; }
.stay-hme-content p { font-size: 16pt; line-height: 24pt; }
.room-land-title { flex-direction: column; justify-content: center; gap: 20px;}       

.itenery-three-column {
    justify-content: left;
    row-gap: 20px;
    column-gap: 40px;
}
.itenery-pack {    width: calc(50% - 40px); }
}
@media (max-width: 1040px) { 
.thrall-img-1, .thrall-img-2 { width: calc(50% - 50px); padding-right: 50px; }
.thrall-img-2 { padding-right: 0; padding-left: 50px; }
.read-more-btn a:link, .read-more-btn a:visited { font-size: 11pt;     width: 185px; padding: 10px 15px;}
.banner-caption { padding: 0 100px; }
.home-caption-wrapp { position: relative; height: 100%; padding-top: 150px;}
.banner-caption {    text-align: center;    position: relative;    top: 0;    left: 0;    transform: translateY(0%);    width: 100%; }
.welc-title { position: relative; padding: 80px 0 20px 0; margin-top: 80px;}
.room-lnd-blk p {  display: none;}
.places-block {        width: calc(50% - 20px);     }
.contact-address { width: calc(100% - 0px); position: relative; padding: 40px 0; text-align: center; }
.gmap-holder {padding-left: 0;}
.g-map {    position: relative;    height: 400px; }
}
@media (max-width: 990px) { 
.meeting-cnt,.meeting-cnt, .stay-hme-left, .stay-hme-content, .welc-rm-btn { width: calc(100% - 0px); text-align-last: center;}
.hme-thrall-wrapp .hme-thrall-bg {    height: 600px; }
.welc-rm-btn, .meeting-cnt { position: relative; }
.welc-rm-btn { padding-bottom: 0; }
.stay-title { text-align: center; font-size: 31pt; line-height: 36pt; }
.stay-title span { padding-left: 0; display: inline; }
.stay-title, .stay-title span { font-size: 28pt; }    
.packa-main-area article, .pack-details-wrapp article {
    width: calc(60% - 0px);
    padding-right: 20px;
}
.packa-main-area figure, .pack-details-wrapp figure { width: calc(40% - 0px);}
.room-image-wrapp { padding-top: 40px;}
}
@media (max-width: 990px) { 
.room-nav ul.room-selector-desk, .footer-top { display: none;}
.ressort-selector { display: block }
.ressort-selector { margin: 0 auto; padding-bottom: 60px;}
.footer-warpp { padding-top: 0; }
.footer-menu { gap: 44px;    }
.header-align { padding: 15px 30px; } .room-nav a:link, .room-nav a:visited { font-size: 11pt;}
.dicMenu li { border-bottom: 1px solid rgba(0, 0, 0, 0.1);} .dicMenu li:last-child { border: none; }
.menu-links { width: 314px;    } .menu-links-villas { width: calc(440px - 0px); }
.pack-land-item article {}
.pack-land-item article p { display: none;}
} 
@media (max-width: 880px) { 
.footer-menu {        gap: 28px;    }
.footer-mobile-fixed { display: block;}
.top-res-btn{  display: none;}
.cpywrapp { padding-bottom: 100px; }
.primary-menu-overlay { flex-direction: column; justify-content: center; align-items: center; }
.menu-links-villas { padding-left: 0; padding-right: 0; padding-top: 30px;}
.menu-heading { text-align: center; }
.facil-block article,  .facil-block figure { width: calc(100% - 0px); text-align-last:center ;}
.facil-block { flex-direction: column; justify-content: center;}
.facil-block:nth-child(odd) article, .facil-block:nth-child(even) article {padding-left: 0; padding-right: 0;}
.activities-block { justify-content: center;}
.activities-block article { width: calc(100% - 0px);}
.activities-block figure { padding: 35px 0; }
.places-wrapp {        gap: 10px;    }
    .places-block {        width: calc(50% - 10px);    }
    .places-block figcaption {    padding: 30px 0 15px;    font-size: 13pt;    }
.gallery-block ul { justify-content: center;}
.gallery-block li {    display: block;    width: calc(34% - 15px);}

.cpywrapp { flex-direction: column; justify-content: center; align-items: center;}
.home-page .smo {
    position: relative;
    top: 0;
    left: 0;
    transform: translateX(0);
}
}
@media (max-width: 768px) { 
.welcome-title h2, .widget-title-accom h2, .welcome-text, .hme-facl-title, .hme-facil-blk, .thrall-top-cnt p, .thrall-btm-cnt p, .sub-title, .our-story-wrapp { text-align-last:  center !important;}
.hme-facl-title { width: 100%; flex-direction: column;}
   .thrall-img-1, .thrall-img-2, .hme-facl-title { display: none;}
   .thrall-top-cnt, .thrall-btm-cnt { width: calc(100% - 0px); padding: 0 30px;}
   .hme-test-holder { width: calc(100% - 0px);}
.home-caption-wrapp, .hme-welcome-wrapp .container  { padding: 0;} .banner-caption { padding: 0 30px;}
.banner-caption br{ display: none;}
   .home-banner-wrapp, .home-caption-wrapp { position: relative;}
   .welc-title { padding: 0; bottom: 0; margin: 0; padding-bottom: 30px;}
   .welcome-content-block { padding: 60px 30px 0 30px;}
.welcome-text { padding-top: 20px;}
.hme-accom-wrapp::before {  background-image: url(../images/hme-accommodation-bg-768w.webp); transform: translateY(0px); }
.hme-accm-hold { padding-top: 450px; }
.hme-thrall-wrapp { padding: 0; }
.slider-nav a:link, .slider-nav a:visited { color: var(--color); padding: 0; } .slider-nav a:after { padding: 0 5px;}
.slick-slide h3 { display: none;}
.slick-slide h3.slide-room-name { display: block;  }
.widget-title-places h2  { font-size: 26pt; line-height: 24pt;}
   .welcome-title h2, .widget-title-accom h2,  .stay-title span, .room-title {        font-size: 24pt;        line-height: 30pt;     }
   .stay-title, .hme-ding-title, .hme-facl-title h2, .widget-title-testi h2, .btm-title h4, .room-fa-title {        font-size: 22pt; line-height: 30pt;     }
   .content-title h2, .page-title h1, .sub-title {   font-size: 20pt;  font-size: 20pt;        line-height: 29pt; }
   .slick-slide h3.slide-room-name, .welc-title h1 { font-size: 19pt; }
.hme-dlient-name h4,     .hme-pool-cap h3  {    font-size: 16pt; }
    .hme-test-holder p,   .content-title h2 span, .btm-title span, .about-top p   {        font-size: 12pt; line-height: 20pt; }
.slide-image figcaption {    padding: 0px 30px 20px 30px; } .slide-image { border-radius: 18px; } 
    .hme-facil-blk { width: calc(100% - 0px); } 
.banner-caption, .welc-title h1, .widget-title-accom h2 { color: var(--color);}
    .welc-title h1 {         letter-spacing: 3px;    }
    .welc-title h1 span {    padding-bottom: 7px; }
.widget-title-testi h2 { text-align: center; }
    .stay-title span {  padding: 0; margin: 0; }
    .hme-facil-blk-wrapp { flex-direction: column-reverse; }
    .hme-facl-title .read-more-btn { display: none }
.read-more-btn-facil-mob { display: block;}
.hme-facilities-wrapp { background-image: none;}
.hme-pool-wrapp, .hme-pool-cap h3 { padding: 0; color: var(--color);}
    .hme-pool-cap h3 {          padding: var(--gutter60);        line-height: 24pt;    } .hme-pool-cap { padding: 0 30px;} 
.hme-facilities-wrapp .container{ padding: 0;} .hme-facil-blk article { padding: 30px 30px 0 30px;}
.hme-pool-wrapp { display: flex; flex-direction: column-reverse; padding: var(--gutter60); padding-bottom: 0;}
.thrall-top-cnt, .thrall-btm-cnt { position: relative; top: auto; bottom: auto; padding: 0;}
.hme-thrall-wrapp .hme-thrall-bg { height: auto; padding: var(--gutter60);}
.thrall-top-cnt p, .thrall-btm-cnt p  { padding: 20px 0;}
.hme-testi-wrapp { display: none; } .hme-places-wrapp {padding-top: 0;}
.hme-right-side, .footer-menu-blk, .page-title-wrapp, .btm-home-btn { display: none;}
.footer-menu-wrapp { flex-direction: column; justify-content: center; align-items: center;}

        .page-title h1 {           }
    .read-more-btn a:link, .read-more-btn a:visited { margin: 0 auto;}
.welc-rm-btn { display: flex; flex-direction: column; justify-content: center; align-items: center;}
.hme-facilities-wrapp .read-more-btn  { padding-top: 25px;}
.widget-title-places {    padding-bottom: 34px; }
.content-title h2 {        letter-spacing: 3px;    }
.about-top, .page-top-cnt { padding: 0;}
.our-story-wrapp { padding-top: 60px; }
.about-parallax  { height: 300px;}
.sub-title.text-left { text-align: center !important;}
.facili-listing ul.listing li { text-align: left;}
.mobile-menu {        background-color: rgba(255, 255, 255, 0.5);        padding: 5px 9px;        border-radius: 5px;    }
.places-wrapp { padding-top: 40px; }  .testi-block {    padding: 30px; }
.gallery-menu a:link, .gallery-menu a:visited { font-size: 12pt;}
.cpyr { padding: 15px 0 5px; width: calc(100% - 0px); text-align: center;}
.design { width: calc(100% - 0px);}
.bme-mailSep { display: none;} .menu-mail { display: block;}
.accomm-single-wrapp { padding: var(--gutter60);}


.pack-land-item figure, .pack-land-item article { width: calc(100% - 0px); text-align: center;}
.pack-land-item article { padding: 20px 0 40px;}
.pack-land-item article p { display: none;}
.pack-land-item .btn-group { justify-content: center;}
.packa-main-area article, .pack-details-wrapp article {
    width: calc(100% - 0px);
    padding-right: 0px;
}
.packa-main-area figure, .pack-details-wrapp figure { width: calc(40% - 0px); display: none;}
    .packa-main-area {
        padding-top: 10px;
    }
.pack-details-wrapp {
    padding:40px 0;
}

.small-title {
    font-size: 18pt; text-align: center; line-height: 22pt; }
.pack-details-wrapp article {padding-left: 0;}
.facil-block p { padding-top: 0;}
.home-page .design { text-align: center;}
}
@media (max-width: 628px) { 

#page, .hme-test-holder p, .content-title h2 span, .btm-title span, .about-top p {  font-size: 14pt;}

.btm-loc-btn { display: none}
.hme-ding-title br { display: none;}
.home-page .smo{ position: relative; top: auto; left: auto; transform: translateX(0);}
.room-lnd-blk {        width: calc(100% - 0px);    }
.room-gallery li {    display: block;    width: calc(50% - 10px); }
    .room-fa-block {        padding: 60px 30px;    }
    .facili-images figure, .menu-links-villas, .menu-links {        width: calc(100% - 0px);    }
    .ressort-selector, .dicMenu, #menu-toggle { width: calc(100% - 0px); }
.menu-links-villas { padding-left: 0; }
    .menu-links a:link, .menu-links a:visited {        font-size: 12pt;        padding: 5px 0 5px 23px;    }
        .menu-links li a::before {        top: 15px;    }
.menu-links-villas { border: none;}
    .activities-block figure { width: calc(100% - 0px);}
.activities-block:nth-child(odd) article, .activities-block:nth-child(even) article { padding: 0;}
.activi-gallery { padding: 30px 0 0 0;}
    .places-block {        width: calc(100% - 10px);    }
    .gallery-block li {    display: block;    width: calc(50% - 15px); }
.gallery-menu a:link, .gallery-menu a:visited {    display: block;    padding: 12px 5px;    text-transform: uppercase; }
.footer-mobile-fixed .align { padding: 0;}
.room-title, .room-fa-title { padding-bottom: 10px;}

.itenery-three-column {
    justify-content: left;
    row-gap: 20px;
    column-gap: 40px;
}
.itenery-pack {    width: calc(100% - 0px); }
.packCost {margin-top:0 ;}
.pack-bottom, .packMainIteneries { padding: 40px 0 30px 0;}
.pack-land-item:nth-child(odd) article { padding-right: 0;}

.room-title, .room-fa-title { text-align: center;}
.header-home .header-right .hamburger { display: none;}
.header-home .header-align { justify-content: center;}
    .facil-block article {
        padding-top: 15px;
        padding-bottom: 30px;
    }
    .thrall-top-cnt { display: none;}

     .thrall-btm-cnt p {
        font-size: 16pt;
        line-height: 23pt; padding-top: 220px;
    }
    .content-title h2 span { font-size: 10.5pt; padding-bottom: 0;}

}
@media (max-width: 480px) { 
.slider-nav { display: none;}
.widget-title-accom h2 { color: var(--color);}
 .welc-title h1 {        font-size: 18pt; letter-spacing: 3px; padding: 0 30px;    }
 .welcome-title h2, .widget-title-accom h2 {        font-size: 22pt;        line-height: 30pt;    }
    .stay-title, .hme-ding-title {        font-size: 18pt;    }
    .hme-ding-title { position: relative; top: 0; left: 0; text-align: center; padding-bottom: 35px;}
    .meeting-cnt { padding: 30px 0 0 0; }
  .btm-left-btns span { font-size: 10pt; padding: 0 0 0 15px;}
  .btm-left-btns, .mob-reserv-btn a:link, .mob-reserv-btn a:visited { padding: 0 14px; font-size: 10pt;}
.mob-reserv-btn, .btm-left-btn { width: calc(50% - 0px); }
.hme-cap-border { margin: 50px 0 0 0; }
.welc-title { padding-bottom: 40px; }
.welcome-content-block, .stay-content-wrapp, .hme-meeting-events-wrapp, .our-story-wrapp, .page-bottom-wrapp, .room-image-wrapp { padding: var(--gutter60);        }
.stay-content-wrapp {padding-top: 30px; }
.welcome-content-block { padding-left: 30px; padding-right: 30px;    }
.welcome-content-block, .our-story-wrapp { padding-bottom: 0;}
.room-image-wrapp, .facili-images { padding-top: 30px;}
.img-breaker, .over-lay-content, .our-story-wrapp, .story-text, .accomm-single-wrapp { padding: 40px 0; }
.our-story-wrapp, .story-text {padding-bottom: 0;}
 .over-lay-content { padding-top: 0;}
}
@media (max-width: 328px) { 
    .menu-overlay .container { padding: 0 10px;}
    .menu-links a:link, .menu-links a:visited {
        font-size: 10.5pt;
        padding: 5px 0 5px 20px;
    }
    .menu-links-villas { padding-top: 10px;}
    .menu-contact { margin: 10px 0 0 0; padding-top: 10px;}
        .primary-menu-overlay {
        width: 100%;
        margin: 68px auto 0 auto;
    }
    .menu-contact { font-size: 10.5pt;}
}
.header-wrapp-sub.menu-header-fix { height: auto; }
.menu-hide { visibility: hidden; opacity: 0;}


/* --------------------------------- */
/* --------------------------------- */
/* -------- Metex Creations -------- */
/* --------  2025 october Gadhafi  -------- */
/* -------------------------------- */
/* -------------------------------- */
/* ------------------------------- */