.fixed-bottom-mobile { display: none;}
.top-call { filter: grayscale(100); transition: all 0.5s ease;}
.top-call:hover { filter: grayscale(0);  }
.sub-page p, footer p { line-height: 22pt;}
.hme-therappy-item a { display: block; width: 100%; }
.hme-slide-title h4 { padding-right: 80px;}
.footer-address p:first-child { padding-top: 0;}
footer .footer-mail a:hover,footer .footer-call a:hover { color: #42540f }
footer a:hover { opacity:0.8;}
.resort-pack-wrapp article p { padding: 0 ;}
.resort-pack-wrapp article { padding: 10px 0;} .resort-pack-wrapp article strong { display: inline-block; margin-top: 10px;}
.res-bnt-group .pack-btn, .res-bnt-group .det-btn { width: 180px; }
.footer-menu { padding-right: 10px;}
.footer-menu ul { width: calc(50% - 30px);}
.footer-amenu { border-right: none; padding-right: 0; width: calc(70% - 0px ); padding-left: 45px;}
.footer-qmenu { width: calc(30% - 0px);}
.footer-menu a:link, .footer-menu a:visited { text-align: left;}

.resort-land-wrapp { padding-bottom: 35px;}

.footer-menu .f-menu-align { gap: 30px;}
@media (max-width: 1500px) { 
:root {    --gutter60: 50px 0;    --gutter80: 70px 0;    --gutter: 80px 0; }
    #page { font-size: 12.5pt;}     p { line-height: 22pt;}    
    .container-large, .container { padding: 0 50px;}
.welcome-hand-right { width: 700px; right: -150px;}
.welcome-hand-left { width: 660px; left: -100px; }
.welc-ayur-text-right { margin-right: 0;}
.hme-resort-top-cnt {padding-right: 620px;}
.therappy-cnt { padding-left: 550px;} .btm-mission-blk { padding-right: 100px;}
    .hme-ayur-widget-title h3 {     font-size: 28pt;}
.hme-ayur-widget-title h2,  .therappy-cnt h2 {    font-size: 52pt;     }
.therappy-cnt h3 {    font-size: 35pt;}
.hme-stories-content p, .hme-therappy-item h3 { font-size: 24pt; }
.welcome-title {    font-size: 50pt;}
.welcome-title span { font-size: 46pt;}
.welc-ayur-text {    font-size: 38pt; width: calc(700px - 0px);}
.banner-caption-home {    width: 595px; }
.hme-cap-1 { font-size: 40pt; } .hme-cap-1  span { font-size: 56pt; } .hme-cap-sec-block h3 { font-size: 32pt; }
.resort-land-wrapp { gap: 40px } .resort-land-item {     width: calc(33.333% - 40px); }     .land-cnt h4 {    font-size: 18pt;    padding: 20px 0 15px 0; }
.res-bnt-group { padding-top: 15px;} .ayur-top-content { padding-bottom: 60px;}
.banner-leaf-top { top: 70px; width: 200px;} 
.primary-menu ul li a:link, .primary-menu ul li a:visited { font-size: 12pt;}
.hme-stories-block { background-size: 260px 345px; }
.hme-ayurveda-wrapp { background-position: center bottom; padding: 100px 0;}
}
@media (max-width: 1400px) { 
    .widget-title h2 {    font-size: 41pt;    }
    .hme-ayur-widget-title h3 {    font-size: 22pt;}
    .hme-ayur-widget-title h2 {    font-size: 46pt; }
.btm-achiev-items li p {    line-height: 18pt;    padding: 0;    font-size: 14pt;}
.btm-achiev-items ul { row-gap: 10px;}
.hme-stories-content p { font-size: 20pt; line-height: 37pt;}
.hme-stories-content { background-size: 78px 300px; padding-left: 380px;} 
.banner-caption-home { left: 50px; }    .hme-stories-content p {        font-size: 18pt;        line-height: 35pt;    }
    .hme-stories-content p span { font-size: 30pt;}
.hme-slide-title h4 {    font-size: 18pt; text-align: left;}
.primary-menu ul li a:link, .primary-menu ul li a:visited { font-size: 11.5pt;}
.page-title h1 { font-size: 32pt; letter-spacing: 2px;}
.single-title h2 { font-size: 23pt;}
.ayur-itenery-image, .about-image { padding-left: 60px;}
.comp-ayur .ayur-iteneries-block .ayur-itenery-image { padding-right: 60px;}
.hme-stories-block { padding: 80px 0;  }
}
@media (max-width: 1300px) { 
:root {    --gutter60: 40px 0;    --gutter80: 50px 0;    --gutter: 60px 0; }
    #page { font-size: 11pt;}    .sub-page p, footer p {    line-height: 19pt;} .page-content-wrapp {   padding: 40px 0; }
.hme-stories-block { padding: 60px 0;}
    .container-large, .container { padding: 0 50px;}
    .welcome-title { font-size: 50pt; }
    .welcome-title span { font-size: 53pt;}
    .welc-ayur-text { font-size: 33pt; width: calc(600px - 0px); }
    .land-cnt h4 { font-size: 18pt; padding: 20px 0;}
    .resort-land-wrapp { gap: 20px; row-gap: 30px;}    .resort-land-item {     width: calc(33.333% - 20px); } .land-cnt { padding: 20px 20px 40px 20px;}
.hme-resort-top-cnt { padding-right: 580px; }
.pack-btn a:link, .det-btn a:link, .pack-btn a:visited, .det-btn a:visited { font-size: 10pt; padding: 10px 0; width: calc(100% - 0px); }
.pack-btn, .det-btn  { width: calc(50% - 10px);} .widget-title h2 {    font-size: 36pt; }
.banner-caption-home {    width: 495px; }
.hme-cap-1 { font-size: 30pt; } .hme-cap-1  span { font-size: 46pt; }
.hme-cap-sec-block h3 { font-size: 28pt; } .hme-slide-title h4 {    font-size: 16pt;  } 
.hme-slide-title { background-size: 40px 13px; }
.hme-ayur-text-2 {       padding-top: 40px;} 
.res-bnt-group { padding-top: 10px;}.land-cnt h4 { padding-bottom: 10px;}
.primary-menu ul li a:link, .primary-menu ul li a:visited { font-size: 11pt;}
a.site-logo:link, a.site-logo:visited { width: 200px;}
.page-title h1 { font-size: 30pt; letter-spacing: 2px;}
.single-title h2 { font-size: 20pt;}
.ayur-itenery-image, .about-image { padding-left: 40px;}
.comp-ayur .ayur-iteneries-block .ayur-itenery-image { padding-right: 40px;}
.hme-ayurveda-wrapp {     padding: 60px 0;} 
.view-therappy-btn {    padding-top: 50px;} 
.page-caption h3 {    font-size: 22pt; }
.abt-cap h3, .small-heading h4,     .hme-stories-content p span  {     font-size: 26pt; }
    .abt-cap h4 {     font-size: 20pt; }  .small-heading h4 {       padding-bottom: 13px; }
    .mission-image {    padding-right: 40px;} 
.ayur-title h3 {    font-size: 24pt;     padding-bottom: 20px; }
.ayur-pack-blocks { padding: 44px; margin: 30px 0 0 0; }
.resorts-common-content { padding: 0 100px 40px 100px; }
.hme-resort-top-cnt { background-size: 500px 325px;         padding-right: 530px;} 
.hme-leaf-btn { width: 300px;}

.footer-menu .f-menu-align {
    gap: 15px; } .footer-menu ul { width: calc(50% - 15px);}
.footer-amenu { border-right: none; padding-right: 0; width: calc(75% - 0px ); padding-left: 45px;}
.footer-qmenu { width: calc(25% - 0px);}
.ayur-top-content { padding-bottom: 50px;}
}

@media (max-width: 1200px) { 
.top-call { padding-left: 10px;}
.hme-resort-top-cnt { background-size: 400px 260px; padding-bottom: 0; padding-right: 430px; } 
.footer-menu {padding-right: 50px;} .footer-logo { width: 212px; } 
.btm-achiev-items li img { margin-right: 16px; width: 60px; }
.btm-mission-blk { padding-right: 60px;     }
.btm-achiev-items li p { font-size: 12pt; }
.btm-mission-blk p { font-size: 14pt; }


}
@media (max-width: 1080px) { 
.mobMenu-show { display: block;}
.primary-menu, .footer-qmenu, .land-cnt p { display: none;}
.mobMenu, .mh-head { background-color: transparent !important;}
.mh-head { padding-right: 0; padding-left: 45px;}
.header-wrapp .align {    padding: 10px 20px; }
    .hme-cap-1 {         font-size: 22pt;    }
        .hme-cap-1 span {        font-size: 33pt;    }
    .hme-cap-sec-block h3 {        font-size: 20pt;    }
    .hme-cap-sec-block { margin: 15px 0 0 0; padding: 20px 0;}
       .banner-caption-home {        width: 359px;    }
   .welcome-title {        font-size: 38pt;    }
        .welcome-title span {        font-size: 35pt;    }
       .welc-ayur-text {        font-size: 24pt;        width: calc(451px - 0px);     }
    .welcome-hand-right {        width: 498px;        right: -150px;    }
        .welcome-hand-left {        width: 480px;        left: -100px;    }
    .hme-stories-content { padding-left: 140px; background-position: 40px center; }
    .hme-stories-block { background-image: none;}
        .hme-stories-content p {        font-size: 13pt; line-height: 24pt; }            .hme-stories-content p span {        font-size: 20pt;    }
    .hme-stories-content {        background-size: 64px 248px;         }
    .therappy-cnt {        padding-left: 360px;    } .hme-therappy-blks { gap: 40px;} .hme-therappy-item{ width: calc(50% - 20px);}
   .widget-title h2 {        font-size: 30pt;    }    .hme-ayur-widget-title h2 { font-size: 34pt;}
        .hme-ayur-widget-title h2, .therappy-cnt h2 {         font-size: 36pt;    }
        .therappy-cnt h3 {        font-size: 24pt;    }
.hme-leaf-btn { width: 200px;} .banner-leaf-top { width: 180px;}
.footer-logo {    width: 180px;}
.footer-amenu { width: calc(100% -  0px);}

.abt-misison-block {
    padding-top: 34px;
}

.land-cnt h4 {
        font-size: 14pt;
        padding: 10px 0; text-align: center;
    }


.mm-listview > li > a, .mm-listview > li > span { font-size: 12.5pt; text-transform: uppercase;   font-family: "Mozilla Text", sans-serif; padding: 15px 25px; }

}
@media (max-width: 960px) { 
.footer-qmenu, .footer-top, .therappy-item-cnt p, .btm-mision-achiev-blk, .top-call  { display: none;}
.footer-menu-wrapp .container { justify-content: center; text-align: center; }
.hme-therappy-item figcaption, .hme-therappy-item h3 { position: relative; color: var(--color);}
.hme-therappy-item h3 { line-height: normal;}
.footer-menu-wrapp {    padding: 40px 0; }
.cpr-wrapp .flex-container { flex-direction: column; justify-content: center; align-items: center;}
.cpr-wrapp .smo .flex-container { flex-direction: row;}
.smo, .home-page .smo { position: relative; left: auto; top: auto; transform: translate(0, 0);}
.fixed-bottom-mobile { display: block; position: fixed; z-index: 12000; bottom: 0; width: 100%; left: 0; padding: 15px 25px; background-color: rgba(46, 70, 155, 0.8); color: #fff}
.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 { 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;}
.fixed-bottom-mobile .align { justify-content: center;}

.comp-ayur .ayur-iteneries-block .ayur-itenery-image { padding-right: 0;}
.ayur-itenery-image { width: calc(400px - 0px); padding: 30px 0 0 0; }
.contact-address, .ayur-iteneries, .google-map { width: calc(100% - 0px);}
.ayur-pack-blocks { padding: 30px; border-radius: 15px;}
.ayur-iteneries-block { justify-content: center; }
.google-map { height: 450px;}

    .welcome-hand-right {        width: 400px;        right: -150px;    }
        .welcome-hand-left {        width: 390px;        left: -100px;    }
        .welc-ayur-text-right { padding-top: 60px;}

.hme-resort-top-cnt {
        background-size: 330px 214px;
        padding-right: 330px;
    }

.widget-title h2 { text-align: left;}
.hme-therappy-item h3 { font-size: 20pt;}

.hme-therappy-blks { gap: 20px; row-gap: 40px;}
.hme-therappy-item { width: calc(50% - 10px);}  
.btm-mission-blk { width: calc(100% - 0px); padding-right: 0; }
.about-story-heart-wrapp .green-text strong, .about-story-wrapp .green-text strong{ display: block; }

    .resort-land-item {
        width: calc(50% - 20px);
    }

.gallery-block li {
    display: block;
    width: calc(33.333% - 15px);
}
    
}
@media (max-width: 800px) { 
.btm-mision-achiev-blk, .top-call { display: none;}
.sub-banner-wrapp { padding-top: 84px;}
.two-column-wrapp { gap: 20px;}
.btm-mission-blk, .two-column  { width: calc(100% - 0px); padding-right: 0;}
.hme-resort-top-cnt { background: none; padding: 0;  }
.hme-ayur-text-2, .hme-ayur-text-1, .therappy-cnt { padding: 0;}
.therappy-title { position: relative;}
.resorts-common-content { padding: 0;}
.ayur-title span { display: block; font-size: 14pt !important;}
    .ayur-pack-blocks {
        padding: 35px 20px;
   
    }

}
@media (max-width: 780px) { 
.about-image, .welcome-hand-right, .banner-caption-home, .welcome-hand-left, .btm-home-btn, .mission-image { display: none;}
.hme-leaf-btn { left: 20px; right: auto; width: 150px; bottom: -30px;}
.banner-leaf-top { left: 100px; width: 110px; display: none;}
.cpr { margin: 10px 0 0 0;}
.cpr, .desing { width: 100%; text-align: center; }
.about-tp-cnt, .mission-text { width: calc(100% - 0px);}
    .page-caption h3 {        font-size: 20pt; line-height: normal;    }
#sub-page { text-align-last:center;}    
.abt-misison-block { padding-top: 35px; margin-top: 35px; }
.about-top-wrapp, .abt-difference-wrapp-main, .abt-misison-block { border-top: 1px solid #e8eaf0; }

.hme-therappy-blks {padding-top: 35px;}

.ayur-iteneries li { text-align: left !important; text-align-last: left ; line-height: 20pt;}

.ayur-iteneries li:before { top: 17px; } .ayur-iteneries-block { padding: 0;}
.ayur-pack-blocks h3 { text-align: center;}

}
@media (max-width: 628px) { 
    #page { font-size: 12.5pt;}
    p { line-height: 24pt;}

        .sub-page p {
        line-height: 22pt;
    }
    .container-large, .container { padding:0 20px;}
    a.site-logo:link, a.site-logo:visited {         width: 176px;     }
    .header-fix a.site-logo:link, a.site-logo:visited { width: 150px;}
    .home-banner-wrapp {     padding-top: 76px; }
    .welcome-wrapp { padding: 60px 0; overflow: visible;}
    .welc-ayur-text-right { padding-top: 30px; text-align: center;}
.hme-stories-content { padding: 0;} .hme-stories-wrapp {     background: linear-gradient(to right, rgba(26,44,100,1) 0%,rgba(26,44,100,1) 50%,rgba(26,44,100,1) 51%,rgba(26,44,100,1) 100%);}
.hme-stories-block { padding: 40px 0; text-align-last:center; }
    .hme-therappy-item {        width: calc(100% - 0px);    }
   .hme-resort-top-cnt p, .hme-ayur-text-2 { display: none;}
.hme-resort-top-cnt { margin-bottom: 20px;}
.hme-resort-slider .owl-nav { position: relative; width: 100%; bottom: 0;}
.hme-resort-slider.owl-carousel .owl-nav button.owl-next, .hme-resort-slider.owl-carousel .owl-nav button.owl-prev {width: 30px; height: 30px; background-size: cover;}
    .therappy-item-cnt { padding: 10px 20px;}
.hme-ayur-widget-title, .therappy-title, .hme-therappy-item, .widget-title h2, .welcome-title, .hme-ayur-widget-title h2, .therappy-cnt h2, .therappy-title
{ padding-bottom: 15px;}
.hme-ayur-widget-title, .therappy-cnt h2 { padding-bottom: 0;}
.hme-therappy-blks { padding-top: 30px;}
.hme-therappy-item figcaption { padding: 20px 0 5px;}

.view-resorts-btn {
    padding-top: 15px;
} 


.hme-stories-content { background-image: none;}

    .hme-stories-content p span {
        font-size: 18pt; line-height: normal;
    }


.hme-resort-top-cnt, .hme-ayurveda-wrapp, .therappy-cnt, .btm-vision-mision-wrapp   {text-align-last: center ;}

.widget-title h2, .welcome-title, .therappy-title { text-align: center;}
.widget-title h2, .welcome-title , .hme-ayur-widget-title h2, .therappy-cnt h2, .therappy-title, .page-title h1
      {
        font-size: 25pt; 
    }

    .page-title h1 { line-height: 26pt;}
        .welcome-title span, .abt-cap h3, .small-heading h4, .small-heading h3, .single-title h2 {
        font-size: 22pt;
    }
.page-title { padding-bottom:33px; background-size: 200px 13px;}

.welc-ayur-text, .hme-therappy-item h3, .page-caption h3, .abt-cap h4, .small-cap h3, .ayur-title h3, .single-title h2, .resort-name h3,.pack-head {
        font-size: 18pt;
        width: 100%;
    }

    .hme-slide-title h4, .hme-ayur-widget-title h3, .ayur-title h3 span {
        font-size: 14pt;
    }

    .mre-detils-btn a:link, .mre-detils-btn a:visited, .view-therappy-btn a:link, .view-therappy-btn a:visited, .view-resorts-btn a:link, .view-resorts-btn a:visited { font-size: 10.5pt; margin: 0 auto !important;}


.btm-mission-blk p {
    font-size: 13pt;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { width: 55px;}
.cpr-wrapp { padding-bottom: 81px;}

.resort-name h3 { padding-bottom: 10px;}
.page-caption h3 br, .abt-cap h4 br, .resort-land-item p { display: none;}

.ayur-title h3, .small-heading h3, .single-title h2, .resort-name h3  { text-align: center;}
.single-title h2 { padding-bottom: 25px;}
.ayur-top-content { padding-bottom: 45px;}
.resort-land-wrapp  { padding-top: 30px;}

.resort-land-item, .ressort-selector, .dicMenu, .form-left {
  width: calc(100% - 0px);}

.resort-single-content-main, .resort-pack-wrapp { padding: 25px; border-radius: 15px;}
.resort-lalnd-cnt { padding: 30px 0;}

.gallery-menu a:link, .gallery-menu a:visited { padding: 15px; }

.gallery-block ul { gap: 20px; }
.gallery-block li {
     width: calc(50% - 10px);
}

.booking-form { margin: 0;}

.booking-form {     padding: 15px;     border-radius: 15px; }

.form-left table td { line-height: 17pt; padding-right: 15px;} 
.footer-menu-wrapp { padding-bottom: 25px;}
.btm-loc-btn { display: none;}

.fixed-bottom-mobile { padding: 0;}
.btm-mail-btn { width: calc(45% - 0px);} .btm-call-btn { width: calc(55% - 0px);}
.btm-mail-btn a:link, .btm-call-btn a:link, .btm-mail-btn a:visited, .btm-call-btna:visited { padding: 15px 0; background-color: #314a9a; justify-content: center; gap: 2px;} 
.btm-call-btn a:visited, .btm-call-btn a:link { background-color: #637d1c;}
.btm-left-btns span { padding: 0 0px 0 8px; }
.footer-menu ul {
        width: calc(100% - 0px);
    }
    .footer-menu { padding: 0;}
}
@media (max-width: 488px) { 

.sub-banner-wrapp { padding-top: 45px;}

}


/* --------------------------------- */
/* --------------------------------- */
/* -------- Metex Creations -------- */
/* --------  2025 august Gadhafi  -------- */
/* -------------------------------- */
/* -------------------------------- */
/* ------------------------------- */