.design, .mobile-menu, .menu-hams-mob, .footer-mobile-fixed, .menu-overlay { display: none;} .home-page .design { display: block; }
.hme-w-slide-item a:link, .hme-w-slide-item a:visited { display: block; color: #fff; position: relative; z-index: 1200;}
.gallery-block ul { justify-content: center; }
.hom-genius-wrapp { padding-top: 60px;}
.fixed-bottom-mobile { opacity: 0; display: none; transition: all 0.5s ease;}
.room-menu-mob { display: none;}


@media (max-width: 1600px) { 
.site-logo { width: 200px;} .primary-menu ul li a:link, .primary-menu ul li a:visited { font-size: 11.5pt;} .header-wrapp .container-full { padding: 0 20px;}
}
@media (max-width: 1500px) { 
 .container-middle { max-width: 1200px; } 
 .primary-menu ul li a:link, .primary-menu ul li a:visited { font-size: 11.5pt; padding: 40px 8px;} .bk-nw-btn a:link, .bk-nw-btn a:visited { font-size: 10pt;}
 .foot-menu ul {padding-right: 35px; }
.foot-menu-q-link { width: 334px;}
}
@media (max-width: 1400px) { 
:root { --gutter60: 60px 0; --gutter80: 80px 0; --gutter: 90px 0; }
 #page { font-size: 14pt;} p { padding: 2px 0; line-height:21pt; }
 .container-full { padding: 0px 20px;}
 .container-middle { max-width: 1100px;}
.welcome-title-image img { width: 90%;}
.nebula-canvas { height: 800px; bottom: 144px; }.widget-title { padding-bottom: 30px;}
.container-middle { padding: 0 40px;}
.welcome-content-wrapp { background-position: center -90px;}
.hme-astara-experience .align { margin-top: 30px;}
.welcome-cnt { max-width: 1000px; margin: 0 auto; padding-bottom: 80px;}
.abt-tp-image figure { padding-left: 0;}
.two-column-wrapp { gap: 60px; } .single-gap .two-column { width: calc(50% - 30px);}
.two-column { width: calc(50% - 30px);}
.filter-buttons button { padding: 8px 16px; margin:1px;}
.about-team-block-wrapp { gap: 30px;} .about-team-block { width: calc(33.33% - 30px);}
.primary-menu ul li a:link, .primary-menu ul li a:visited { letter-spacing: 2px; padding: 40px 5px;}
.fotaddress-right { padding-left: 30px;} .widget-title { padding-bottom: 0;} .widget-title h2 { padding-bottom: 20px;}.rm-btn {padding-top: 20px;}
.hme-cerini-wrapp .align { min-height: 600px;} .hme-test-cnt { padding: 30px 0px 50px 20px; }
.about-experience-block .align { position: relative; padding-bottom: 492px;}
.roomSlider { margin-top: 15px;} .page-title { padding-bottom: 30px; } .listing li::after { top: 16px; }
/* --- alll text --- */
.hero-sub { font-size: 58pt; line-height: 65pt; }
.hero-title { font-size: 90pt; line-height: 96pt; }
p.imp-text { font-size: 22pt; line-height: 35pt; }
.welcome-title h2 {font-size: 15pt; letter-spacing: 6px; padding-bottom: 40px; }
.welcome-title h2 span { padding-top: 7px; }
.welcome-caption h2, .welcome-title h2 span { font-size: 36pt; }
.welcome-caption h2 { text-align: center; line-height: 46pt; }
.welcome-content-wrapp { background-size: auto 100%; background-position: center -60px;}
.welcome-wrapp p, .hme-accotpl-cnt p { font-size: 16pt; line-height: 26pt; }
.hme-w-slide-item h3, .team-slide-image h3 { font-size: 24pt;line-height: 25pt; font-weight: 400; } 
 .hme-w-slide-item h3, .team-slide-image h3 { font-size: 18pt; } 
.about-sepra h4, .slide-heading { font-size: 30pt; text-align: right;}
.abt-title { font-size: 38pt; }
.hme-accoBtm-cnt p { font-size: 20pt; line-height: 29pt;}
 .cerin-cap h3 { font-size: 36pt; line-height: 48pt; padding-top: 100px;}
 .slide-room-name h3, .white-cap h3{ font-size: 26pt; line-height: 34pt;}
 .widget-title h2, .hero-sub-caption, .page-title h1 { font-size: 33pt; line-height: 48pt; }
 .widget-title h2 span { display: block; font-size: 24pt; line-height: 24pt;} 
.about-expe-caption p, .expe-btm-content p { font-size: 19pt; line-height: 29pt;}
.page-title span { display: block; font-size: 22pt; padding-bottom: 0; line-height: 24pt;}
.foot-menu a:link, .foot-menu a:visited, .foot-address a:link, .foot-address a:visited, .footer-address-menu-wrapp, .cpr-wrapp { font-size: 12pt;}
.small-title, .overview-main-hd { font-size: 20pt;} .overview-main-hd span {font-size: 17pt;}
.acc-land-cnt h4 { font-size: 18pt;line-height: 26pt; }
.explr-btn a:link, .explr-btn a:visited, .booknw-btn a:link, .booknw-btn a:visited { font-size: 9pt;}
}
@media (max-width: 1300px) { 
:root { --gutter60: 60px 0; --gutter80: 60px 0; --gutter: 80px 0; }
 .widget-title h2 {padding-bottom: 0;}
 #page { font-size: 13pt;} .nebula-canvas { height: 719px; }
 p { padding: 2px 0; line-height: 20pt;}
 .site-logo { width: 150px; padding: 0 40px 30px 40px; }
 .nebula-canvas:before { top: -33px; bottom: auto; }
.call-top svg { width: 24px; height: auto;} .site-logo-home { display: block; width: calc(100px - 0px);}
.widget-title { padding-bottom: 10px;}
.welcome-align { background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgb(127 9 13) 4%, rgb(124 7 11) 100%);}
.container-large, .container {padding: 0 50px; } .what-we-landing { gap: 40px;} .what-we-block { width: calc(50% - 20px); }
.primary-menu ul li a:link, .primary-menu ul li a:visited { letter-spacing: 2px; padding: 40px 5px; font-size: 10.pt;} 
.owl-carousel .owl-nav button.owl-prev { left: 0;}
.owl-carousel .owl-nav button.owl-next { right: 0;}
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span { width: 50px; height: 50px; background-size: cover; }
.hme-what-slider .item, .hme-team-slider .item { padding: 4px;}
.contact-wrapp { padding-bottom: 0; margin-bottom: 0;}
.two-column-wrapp {gap: 60px;} .two-column { width: calc(50% - 30px);} 
.about-team-block-wrapp { gap: 20px;}
.about-team-block { width: calc(33.33% - 20px);}
.container_mouse { font-size: 8pt; letter-spacing: 4px; }
.container_mouse .mouse-btn {margin: 10px auto;width: 15px;height: 30px;border: 1px solid rgba(255,255,255,0.5);border-radius: 30px;display: flex;}
.container_mouse .mouse-btn .mouse-scroll {width: 6px;height: 6px; }
@keyframes scrolling {
0% { opacity: 0; transform: translateY(-20px);}
100% { opacity: 1; transform: translateY(15px);}
}
.primary-menu ul li a:link, .primary-menu ul li a:visited { letter-spacing: 2px; padding: 35px 8px; font-size: 10pt; }
.about-experience-block .align { position: relative; padding-bottom: 400px;}
.hme-break-wrapp { padding-top: 80px;} .page-title { padding-bottom: 20px; }
.overview-video { height: 600px;
object-fit: cover; /* crops top & bottom */
object-position: center; /* vertical + horizontal center */
display: block; overflow: hidden;} 
.places-block-nw-earvi .align { margin-bottom: 30px;}
 
.contact-address {
    padding: 50px;
    width: 476px;
}

.gmapWrapp {
    padding-left: 470px;
    width: calc(100% - 0px);
}

/* --- alll text --- */
.hero-caption h1 { font-size: 22pt; letter-spacing: 6px;}
.hero-sub { font-size: 58pt; line-height: 65pt; }
.hero-title { font-size: 90pt; line-height: 96pt; }
p.imp-text { font-size: 22pt; line-height: 35pt; }
.welcome-title h2 {font-size: 15pt; letter-spacing: 6px; padding-bottom: 40px; }
.welcome-title h2 span { padding-top: 7px; }
.welcome-caption h2, .welcome-title h2 span { font-size: 32pt; }
.welcome-caption h2 { text-align: center; line-height: 46pt; }
.welcome-content-wrapp { background-size: auto 100%; background-position: center -60px;}
.welcome-wrapp p, .hme-accotpl-cnt p { font-size: 14pt; line-height: 26pt; }
.hme-w-slide-item h3, .team-slide-image h3 { font-size: 24pt;line-height: 25pt; font-weight: 400; } 
 .hme-w-slide-item h3, .team-slide-image h3 { font-size: 18pt; } 
.about-sepra h4, .slide-heading { font-size: 30pt; text-align: right;}
.abt-title { font-size: 38pt; }
.hme-accoBtm-cnt p { font-size: 20pt; line-height: 29pt;}
 .cerin-cap h3 { font-size: 32pt; line-height: 48pt; padding-top: 100px;}
 .slide-room-name h3, .white-cap h3{ font-size: 20pt; line-height: 32pt;}
 .widget-title h2, .hero-sub-caption, .page-title h1 { font-size: 30pt; line-height: 48pt; }
 .widget-title h2 span { display: block; font-size: 24pt; line-height: 24pt;} 
.about-expe-caption p, .expe-btm-content p { font-size: 16pt; line-height: 26pt;}
.page-title h1 { font-size: 24pt; line-height: 40pt;}
.page-title span { display: block; font-size: 20pt; padding-bottom: 0;}
.foot-menu a:link, .foot-menu a:visited, .foot-address a:link, .foot-address a:visited, .footer-address-menu-wrapp, .cpr-wrapp { font-size: 12pt;}
.overview-main-hd, .small-title { font-size: 18pt;} .overview-main-hd span, .acc-land-cnt h4 {font-size: 16pt;}
.explr-btn a:link, .explr-btn a:visited, .booknw-btn a:link, .booknw-btn a:visited { font-size: 8pt;}
.acc-land-cnt h4 { font-size: 12pt; line-height: 20pt; }
.rooms-menu a:link, .rooms-menu a:visited { font-size: 10pt;}

}
@media (max-width: 1200px) { 
.menu-overlay.menu-open .hamburger .line {
 background-color: #fff;
}
.mobile-menu, .menu-hams-mob, .menu-overlay.menu-open { display: block; padding-top: 0px; } .primary-menu { display: none;}
.header-wrapp .align { padding: 10px 0;}
.hero-sub-caption, .hero-caption { top: 50%; transform: translateY(-50%);}


.hme-test-image, .overview-text-block {padding-right: 40px; }
.expe-btm-content { padding: 0 0 0 40px;}
.hme-dining-bg article { width:calc(75% - 0px);}
.hme-test-cnt {
 padding: 30px 0px 50px 0px;
 }

.menu-hams-mob {         height: 23px; }
    .foot-menu ul {
        padding-right: 20px;
    }

    .fotaddress-right { width: calc(40% - 0px);}
.fotmenu-left  { width: calc(60% - 0px);}
.fotaddress-right address:last-child { padding-top: 10px;}
.foot-menu-more-links { padding-right: 40px;}
.footer-logo {
    width: 77px;
}
.highlight-cnt {
    padding: 0 41px;
}
.facili-dining, .fac-din-gall, .facili-content-group ul, .facil-three-column ul {
    gap: 30px;
}
.fac-din-main-img, .fac-din-content, .facili-content-group li, .fac-din-gall figure {
    width: calc(50% - 15px);
}
.facili-content-group figcaption, .facil-three-column figcaption { padding: 20px 15px 0 20px;}

.munnar-top-station-wrapp {
    min-height: 500px;
    padding-top: 0;
}
.places-block-nw-earvi figure, .places-block:nth-child(odd) article, .munnar-btm article:first-child { padding-right: 40px;}
.places-block article, .munnar-btm article:last-child {padding-left: 40px;}


/* --- alll text --- */
.hero-caption h1 { font-size: 20pt; letter-spacing: 6px;}
.hero-sub { font-size: 50pt; line-height: 65pt; }
.hero-title { font-size: 80pt; line-height: 96pt; }
p.imp-text { font-size: 20pt; line-height: 35pt; }
.welcome-title h2 {font-size: 15pt; letter-spacing: 6px; padding-bottom: 40px; }
.welcome-title h2 span { padding-top: 7px; }
.welcome-caption h2, .welcome-title h2 span { font-size: 28pt; }
.welcome-caption h2 { text-align: center; line-height: 46pt; }
.welcome-content-wrapp { background-size: auto 100%; background-position: center -60px;}
.welcome-wrapp p, .hme-accotpl-cnt p { font-size: 14pt; line-height: 26pt; }
.hme-w-slide-item h3, .team-slide-image h3 { font-size: 24pt;line-height: 25pt; font-weight: 400; } 
 .hme-w-slide-item h3, .team-slide-image h3 { font-size: 18pt; } 
.about-sepra h4, .slide-heading { font-size: 30pt; text-align: right;}
.abt-title { font-size: 38pt; }
.hme-accoBtm-cnt p { font-size: 20pt; line-height: 29pt;}
 .cerin-cap h3 { font-size: 32pt; line-height: 48pt; padding-top: 100px;}
 .slide-room-name h3, .white-cap h3{ font-size: 20pt; line-height: 32pt;}
 .widget-title h2, .hero-sub-caption, .page-title h1 { font-size: 30pt; line-height: 48pt; }
 .widget-title h2 span { display: block; font-size: 24pt; line-height: 24pt;} 
.about-expe-caption p, .expe-btm-content p { font-size: 16pt; line-height: 26pt;}
.page-title h1 { font-size: 24pt; line-height: 40pt;}
.page-title span { display: block; font-size: 20pt; padding-bottom: 0;}
.foot-menu a:link, .foot-menu a:visited, .foot-address a:link, .foot-address a:visited, .footer-address-menu-wrapp, .cpr-wrapp { font-size: 12pt;}
.overview-main-hd, .small-title { font-size: 18pt;} .overview-main-hd span, .acc-land-cnt h4 {font-size: 16pt;}
.explr-btn a:link, .explr-btn a:visited, .booknw-btn a:link, .booknw-btn a:visited { font-size: 8pt;}
.acc-land-cnt h4 { font-size: 12pt; line-height: 20pt; }
.rooms-menu a:link, .rooms-menu a:visited { font-size: 10pt;}


}
@media (max-width: 1024px) { 
.container, .container-full { padding: 0 20px;}
.container-sub { padding: 0 30px;}
.foot-menu-more-links { display: none;}
    .fotmenu-left {
        width: calc(50% - 0px);
    }
    .fotaddress-right {
        width: calc(50% - 0px);
    }
    .foot-menu-q-link { width: calc(100% - 0px); padding-right: 60px;}
    .foot-menu.flex-container {
    justify-content: space-between;
}
.hero-sub { padding-top: 62px;}
.header-wrapp .container-full { align-items: center;}
.accom-land-blk figure, .primary-menu-overlay, .about-expe-caption article { width: calc(100% - 0px);}
.menu-overlay .align { gap: 50px;}
.menu-links {
    width: calc(380px - 0px);
    padding: 0px 30px 0 0;
}
.menu-links.menu-links-villas { margin: 0; width: calc(300px - 0px);}

.accom-land-blk figure { padding-right: 150px;}
.accom-land-blk-even figure { text-align: right;  padding-left: 150px; padding-right: 0; }
.facLIsting h6 {

    font-size: 14pt;
   
 
    width: 170px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-align: right;
    padding-right: 35px;
}.facLIsting li {
    display: block;
    margin: 30px 0;
    position: relative;
    padding-left: 205px;
}


.contact-address {
    padding: 50px 20px;
    width: 100%; position: relative; text-align: center;
}

.gmapWrapp {
    padding-left: 0px;
    width: calc(100% - 0px);
}
.contact-logo img {
    width: 92px;
}

.top-whats a:link, .top-whats a:visited { display: block; width: 44px; padding-left: 15px;}
.top-whats svg { width: 100%;}


html,
body {
    height: 100%;

    -webkit-overflow-scrolling: touch;
}

.header-wrapp {
    transform: translateZ(0);
    will-change: transform;
}

}

@media (max-width:800px) { 
.hme-accoBtm-cnt p br, .hme-dining-bg img, .hme-test-image, .footer-top { display: none;}
.hme-accotpl-cnt p, .hme-test-cnt { width: calc(100% - 0px);}
.hme-accoBtm-cnt p { text-align: center; padding: 35px 0 ;} 

.hme-test-cnt { padding: 0;}

    .widget-title h2, .hero-sub-caption, .page-title h1 {
        font-size: 26pt;
        line-height: 38pt;
    }

.hme-dining-img { padding-top: 30px;}

.hme-dining-bg, .hme-dining-img, .hme-dining-bg article {
    width: calc(100% - 0px); position: relative;
}
.hme-dining-bg article { top: auto; transform: translate(0,0); left: auto;}

.hme-astara-experience .align { display: flex; flex-wrap: wrap; flex-direction: column-reverse; row-gap: 30px; margin: 0; justify-content: center; align-items: center;}

.footer-wrapp {
    background-image: url(../images/footer-bg-800w.webp); background-position:top center; padding-top: 150px; }



.hme-dining-img { max-width: 400px; }
.hme-cerini-wrapp .align { margin: 0; width: calc(100% - 0px); min-height: 500px;}


    .cerin-cap h3 {        font-size: 28pt;       line-height: 38pt;        padding-top: 35px;    }
.fotmenu-left, .facil-nignt-sky figure::after { display: none;}
.fotaddress-right { width: calc(100% - 0px);}
.fotaddress-right {
        padding-left: 0;
    }
 .hme-test-wrapp { padding: 60px 0 0 0;}

.home-page .smo {
    position: relative;
    top: 0;
    left: 0;
    transform: translate(0, 0);
}
.cpr-wrapp .align { flex-direction: column; justify-content: center; }
.cpr, .design { width: 100%; text-align: center;} .cpr { padding: 5px 0 0 0;}
.footer-address-menu-wrapp { padding-bottom: 30px;}
.header-home-page {
    top: 25px;
    width: calc(100% - 40px);
    margin: 0 20px;
}
.facil-nignt-sky article { position: relative; color: var(--color); padding: 30px 0 0 0;}



.accom-land-blk figure { padding-right: 0px;}
.accom-land-blk-even figure { text-align: right;  padding-left: 0px; padding-right: 0; }
.acc-land-cnt { position: relative; width: calc(100% - 0px); top: auto; transform: translate(0,0);}

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

.fac-din-main-img, .fac-din-content { width: calc(100% - 0px);} .fac-din-gall { padding-top: 35px;}
.places-block-nw-earvi,.places-block-nw-earvi .align { margin-bottom: 0;}
.places-block-nw-earvi figure { width: calc(100% - 0px); position: relative; top: 0; padding-top: 80px;}
.places-block-nw-earvi article, .places-block figure, .places-block article, .places-block-nw-earvi figure,

.places-block-nw-earvi figure, .places-block:nth-child(odd) article, .munnar-btm article:first-child, .places-block article, .munnar-btm article:last-child

{ width: calc(100% - 0px); padding-left: 0; padding-right: 0;}

.places-block-nw-earvi article { padding-top: 30px;}
 .places-block figure { padding-bottom: 30px;}
 .munnar-btm { padding: 30px 0;  border: none;}
.munnar-btm article { padding: 30px; border: var(--border); border-left: none; border-right: none; }
.munnar-btm article:first-child { border-left: none; border-right: none; border-top: none; padding-top: 0;  }
.places-echo-point article { padding: 20px;} .places-echo-point { min-height: 350px;}
.gallery-block li {
    display: block;
    width: calc(33% - 15px);
}


    .hero-sub {
        padding-top: 42px;
    }

.testi-block {
    width: calc(100% - 0px);  padding: 30px 0;
}

.testi-block:first-child { padding-right: 0px; border: none;  border-bottom: var(--border);} .testi-block:last-child { padding-left: 0px; border-left: none;  border-bottom: var(--border);}
.testi-block-goup { border: none; padding: 0;}
}




@media (max-width: 768px) { 

    .top-whats a:link, .top-whats a:visited { display: block; width: 40px; padding-left: 15px;}
.footer-wrapp {
    background-image: url(../images/footer-bg-768w.webp); background-position:top center; padding-top: 150px; }

    .bk-nw-btn span, .acc-land-cnt p { display: none;}
    .bk-nw-btn a:link, .bk-nw-btn a:visited { display: block; width: 25px; height: 25px; border-radius: 0; padding: 0; background-size: 100% auto;  background-position: center center;   background-image: url(../images/icons/book-now.svg); background-repeat: no-repeat; background-color: transparent;}

.overview-text-block { width: calc(100% - 0px); padding-left: 0; padding-right: 0;} 
.overview-video { margin: 35px auto 0 auto; width: calc(100% - 0px);}
.page-title { padding: 0 20px 20px 20px;}
.expe-btm-content { width: calc(100% - 0px);} .experience-btm figure { display: none;}
.about-experience-block .align { padding-bottom: 0;}
.experience-btm, .about-expe-caption { position: relative;}
.primary-menu-overlay { flex-direction: column;}
.acc-land-cnt {padding: 30px 20px }

.btn-grp .explr-btn, .btn-grp .booknw-btn { width: calc(50% - 10px);}

.explr-btn a:link, .explr-btn a:visited, .booknw-btn a:link, .booknw-btn a:visited {
    display: block;
    padding: 5px 20px 3px 20px; }

.expe-btm-content  {padding-left: 0; padding-right: 0;}
.page-bttom-slide-wrapp { padding-bottom: 0;}

.room-gallery li {
    display: block;
    width: calc(50% - 16px);
}
.contact-wrapp 

.header-wrapp  { position: sticky;}

}

@media (max-width: 628px) { 

    :root {
        --gutter60: 40px 0;
        --gutter80: 50px 0;
        --gutter: 60px 0;
    }

#page { font-size: 14pt; text-align: left; } p { line-height: 24pt; letter-spacing: 2px;}
.welcome-cnt, .hme-accotpl-cnt { text-align: center;}

.widget-title { padding-bottom: 20px; }
.slide-links a:link, .slide-links a:visited { padding: 10px 15px 8px 15px }
.slide-links { padding-bottom: 30px; }
.slide-room-name { left: 0; width: calc(100% - 0px); padding: 0 20px; }
.slide-room-name { top: 20px; }
.slide-btn-grp { right: 0; width: calc(100% - 0px); bottom: 20px; justify-content: center;}
.hme-break-wrapp { padding-top: 60px; }
.hme-accom-wrapp {
    background-image: url(../images/hme-accom-bg-628w.webp); background-repeat: no-repeat; background-size: auto;
    background-repeat: no-repeat;
    background-position: center top;
}
.fotaddress-right address { width: calc(100% - 0px); text-align: center;}

.fotaddress-right address:last-child { display: none;}


.hme-accoBtm-cnt p { padding-bottom: 0;}
.welcome-caption h2 { padding-bottom: 130px;}
.white-cap h3 br { display: none;}

.room-slider.owl-carousel .owl-nav button.owl-next span, .room-slider.owl-carousel .owl-nav button.owl-prev span { width: 45px; height: 45px; }
.room-slider.owl-carousel .owl-nav button.owl-prev { left: 0;} .room-slider.owl-carousel .owl-nav button.owl-next { right: 0;}
.hme-cerini-wrapp .align { margin: 0; width: calc(100% - 0px); min-height: 400px;  background-repeat: no-repeat; background-attachment:unset;   background-image: url(../images/cerinity-image-600w.webp); display: flex; align-items: flex-end; flex-wrap: wrap; justify-content: flex-start;  }
.hme-cerini-wrapp .align .text-cap { width: 100%; padding-bottom: 50px;}
.hme-cerini-wrapp .align .container-sub { width: 100%;}

.fixed-bottom-mobile.hide-mobF { display: flex;}
.fixed-bottom-mobile { display: flex; opacity: 1; }

.home-page .fixed-bottom-mobile {  opacity: 0;
animation: showFLink 7s ease forwards; animation-delay: 6s; }


@keyframes showFLink {

    to { opacity: 1;}
    
}


    .site-logo {
        width: 90px; top: 10px;
        padding: 0 20px 15px 20px;
    }
.hero-sub { padding-top: 42px;}

.overview-main-hd, .small-title { text-align: center;}
.sub-content-wrapp {
    padding-top: 25px;
}

    .menu-links, .menu-links.menu-links-villas {
        width: calc(100% - 0px); padding-left: 0; padding-right: 0;
    }

.menu-links a:link, .menu-links a:visited {
    display: block;
    font-size: 11.5pt;
    padding: 6px 0 6px 30px; }

    .menu-links, .menu-links.menu-links-villas { border-left: none;}
    .menu-contact {
    padding-top: 20px;
    margin-top: 20px; font-size: 12pt };
    .menu-overlay .align {
        gap: 0px;
    }
    #site-logo-mobile img {
    width: 80px;
}


.highlights-wrpp figure, .highlight-cnt {
    width: calc(100% - 0px);
}
 .highlight-cnt  { padding: 30px;}

.facili-dining, .munnar-top-station-wrapp { padding-top: 30px;}

.facili-content-group, .facLIsting { padding: 30px 0 0 0;}
.facil-three-column li:first-child { margin-top: 30px;}

.cpr-wrapp { padding-bottom: 80px;}


.room-menu-mob { display: block; padding-bottom: 35px; max-width: 300px; margin: 0 auto; position: relative; z-index: 1400; }  .room-menu-desk { display: none;}

.roomMainM { position: relative; }
.rooms-menu { z-index: 15000;}


.dropdown {
  position: relative;
  display: inline-block; width: calc(100% - 0px); text-align: center; z-index: 1500; 
}

.dropdown-btn { width: calc(100% - 0px);   text-align: left;   background:#be8917; border: none; padding: 10px 20px; color: #fff; border-radius: 5px; text-transform: uppercase; letter-spacing: 3px; font-size: 11pt;}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 160px;
  background-color: #fff;

  border: 1px solid #ddd;
  list-style: none;
  padding: 0;
  margin: 6px 0 0;
  display: none;
  z-index: 1000;

}

.dropdown-menu li a {
  display: block;
  padding: 10px 14px;
  text-decoration: none;
  color: #333;
}

.dropdown-menu li a:hover {
  background: #f2f2f2;
}

/* active state */
.dropdown.open .dropdown-menu {
  display: block;
}


.contact-wrapp { margin-top: 40px;}
/* ----------------------- footer cnt animation -------------------------------- */
.hide-mobF {
        display: block;
        animation: footMoAni 1s ease forwards;
        animation-delay: 0.2s;    z-index: 15000; transform: translateY(20px);
    }
@keyframes  footMoAni {

    to {   opacity: 1;  transform: translateY(0px);}
    
}
 

.footer-quick-cnct li { width: calc(50% - 0px); display:flex; flex-direction: row; justify-content: center; flex-wrap: wrap; text-align: center; background-color: #242323; padding: 10px 0; position: relative;}
.footer-quick-cnct li:first-child { background-color: var(--branColor);}
.footer-quick-cnct li svg {
    width: 16px;
}
.footer-quick-cnct li span {
    display: inline-block;
    padding-left: 10px;
    font-weight: 500;
}
.fixed-bottom-mobile .align { padding: 0;  width: calc(100% - 0px); opacity: 1;}
.footer-quick-cnct li span { font-size: 12pt;}
.footr-mail { color: #fff;} .footr-mail svg { fill: #fff;}

    .fac-din-main-img, .fac-din-content, .facili-content-group li, .facil-three-column li{
        width: calc(100% - 0px);
    } 

     .fac-din-gall figure  { width: calc(100% - 0px); text-align: center;}

.facLIsting h6 {

    font-size: 12pt;
     width: calc(100% - 0px); position: relative; text-align: center; padding-right: 0; border: none;
   justify-content: flex-start;
 
}.facLIsting li {
    display: block;
    margin: 30px 0;
    position: relative;
    padding-left: 0px;
}
.gallery-block li {
    display: block;
    width: calc(50% - 15px);
}
.gallery-menu a:link, .gallery-menu a:visited {
    display: block;
    padding: 15px 15px 10px 15px;
    text-transform: uppercase;
    font-size: 11pt;
    letter-spacing: 2px;
}
/* --- alll text --- */
.hero-caption h1 { font-size: 18pt; letter-spacing: 6px; line-height: 30pt;}
.hero-sub { font-size: 50pt; line-height: 65pt; }
.hero-title { font-size: 80pt; line-height: 96pt; }
p.imp-text { font-size: 20pt; line-height: 35pt; }
.welcome-title h2 {font-size: 12pt; letter-spacing: 6px; padding-bottom: 20px; }
.welcome-title h2 span { padding-top: 7px; }
.welcome-caption h2, .welcome-title h2 span { font-size: 20pt; text-align: center; line-height: 24pt; }
.welcome-caption h2 { text-align: center; line-height: 32pt; }
.welcome-content-wrapp { background-size: auto 100%; background-position: center -60px;}
.welcome-wrapp p, .hme-accotpl-cnt p { font-size: 16pt; line-height: 22pt; }
.hme-w-slide-item h3, .team-slide-image h3 { font-size: 24pt;line-height: 25pt; font-weight: 400; } 
 .hme-w-slide-item h3, .team-slide-image h3 { font-size: 18pt; } 
.about-sepra h4, .slide-heading { font-size: 30pt; text-align: right;}
.abt-title { font-size: 38pt; }
.hme-accoBtm-cnt p { font-size: 18pt; line-height: 26pt;}
 .cerin-cap h3 { font-size: 32pt; line-height: 48pt; padding-top: 100px;}
 .slide-room-name h3 { font-size: 14pt; line-height: 20pt; }
 .widget-title h2, .hero-sub-caption, .page-title h1 {font-size: 24pt;
 line-height: 28pt; }
 .widget-title h2 span { display: block; font-size: 24pt; line-height: 24pt;} 
.about-expe-caption p, .expe-btm-content p { font-size: 16pt; line-height: 26pt;}
.page-title h1 { font-size: 22pt; line-height: 30pt;}
.page-title span { display: block; font-size: 16pt; padding-bottom: 0;}
.foot-menu a:link, .foot-menu a:visited, .foot-address a:link, .foot-address a:visited, .footer-address-menu-wrapp, .cpr-wrapp { font-size: 12pt;}
.overview-main-hd, .small-title { font-size: 18pt;} .overview-main-hd span, .acc-land-cnt h4 {font-size: 16pt;}
.explr-btn a:link, .explr-btn a:visited, .booknw-btn a:link, .booknw-btn a:visited { font-size: 8pt;}
.acc-land-cnt h4 { font-size: 12pt; line-height: 20pt; }
.rooms-menu a:link, .rooms-menu a:visited { font-size: 10pt;}
.slide-links a:link, .slide-links a:visited { font-size: 9.5pt;}
    .cerin-cap h3 {
        font-size: 24pt;
        line-height: 36pt;
        padding-top: 35px;
    }


 .slide-room-name h3, .white-cap h3{ text-align: center;}
}
/* --------------------------------- */
/* --------------------------------- */
/* -------- Metex Creations -------- */
/* -------- 2026 12 jan Gadhafi -------- */
/* -------------------------------- */
/* -------------------------------- */
/* ------------------------------- */