.subTitle span { font-size:14pt; text-transform:capitalize !important }

.homeSlideMob { display:none;  }

.imp-note { padding:30px; }

.yoga-bene-block { padding:40px; border:var(--border); margin:30px 0 50px }

.yoga-lising { padding:6px 0 0 0; }

.yoga-lising li { display:inline-block; padding:3px 16px 3px 15px; position:relative  }

.small-title { font-size:13pt; padding-bottom:10px;  }

.yoga-lising li:before { content:""; display:block; padding:5px; background-color:#dcb883; border-radius:50%; position:absolute; left:0; top:10px }

.an-ayur-session { padding-bottom:45px; margin-top:0 }

.listing li { position:relative; display:block; padding:3px 0 3px 0 }

.listing li:before { content:""; display:inline-block; padding:5px; background-color:#dcb883; border-radius:

50%; margin-right:10px; }

.an-ayur-session .sub-title, .page-caption { color:#c39a5e }

.page-caption { font-size:14pt }

.ayur-img, .yoga-img { float:right; padding-left:40px }

.an-ayur-session .container{ position:relative; z-index:1500  }

.ayur-img { width:300px; padding-top:15px }



/* --------------- end scroll fix ------------------------- */

#backtop { background-image:url(../images/top-arrow.svg);  width:20px; height:20px; background-size:20px 20px; background-position:center center; background-repeat:no-repeat; position:fixed;left:auto;right:20px;top:auto;bottom:20px;outline:none;overflow:hidden; padding:18px; background-color:rgb(0,0,0,0.5) !important; } #backtop:hover { background-color:rgb(0,0,0,0.8) !important; }

.btm-call-text a:link, .btm-call-text a:visited, .footer-address a:link, .footer-address a:visited { color:var(--color); }

.btm-whats { position:fixed; left:40px; bottom:10%; display:none; }

.btm-whats { animation:key1 .5s ease infinite alternate; } .tabs-list li:hover { cursor:default; }

.nivo-directionNav a { z-index:2000; }

.mobMenu {  position:absolute;  right:0; top:0; z-index:20000; float:left; display:none }

/* --------------- Sidebar nav ------------------------- */

.about-bottom-section { padding-bottom:25px }

.ml16, .ml20 {

  text-transform: uppercase;   overflow: hidden;   /* mix-blend-mode: exclusion;   color: red;*/  }

  

  .banner-caption { animation: bannerleterAni 1s forwards; opacity:0; animation-delay:5.6s  }

@keyframes bannerleterAni { 

0% { opacity:0; }

100% {  opacity:1; }

}









.ml16 .letter, .ml20 .letter {

  display: inline-block;



}



.no-js .owl-carousel, .owl-carousel.owl-loaded {

    display: block;

}



.hme-stay-wrapp { overflow:hidden }

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {     bottom: 22px; }

.bx-wrapper .bx-pager.bx-default-pager a {    background: #ebe7e7; }

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {    background: #dcb883; }

.bx-wrapper .bx-prev, .bx-wrapper .bx-next, .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:hover,.bx-wrapper .bx-next:focus { background-image:url(../images/next-arrow.svg); background-size:cover; background-position:center center }

.bx-wrapper .bx-prev { transform: rotate(180deg); }

.room-content-block .bookBtn { float:right; margin-top:20px }

.stay-bottom-slider-wrapp, .showHome { display:none }

.sub-banner-image  .banner-caption {

    animation-delay: 0.6s !important; text-shadow: 4px 4px 4px rgba(0,0,0,0.51);

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+50,000000+100&0.14+0,0.17+50,0+100 */

background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.14) 0%, rgba(0,0,0,0.17) 50%, rgba(0,0,0,0) 100%); /* FF3.6-15 */

background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.14) 0%,rgba(0,0,0,0.17) 50%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */

background: radial-gradient(ellipse at center,  rgba(0,0,0,0.14) 0%,rgba(0,0,0,0.17) 50%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

padding:45px 0 }

.accommSingleWrapp { padding-bottom:90px }

.flex-container {    display: flex;    flex-direction: row;    flex-wrap: wrap;    justify-content: space-between;    align-items: stretch;    align-content: normal;  }

.treatments-wrapp li{padding-bottom:40px; } .treatments-wrapp ul {margin-top:10px; }

.treatments-wrapp li .align { background-color:#faf5ed; padding:30px}

.treatments-wrapp h3, .treatments-wrapp h4{font-weight:600; padding-bottom:10px;}

.treatments-wrapp h4{font-size:20px; }

.treatments-list li {padding:4px 0 !important; position:relative; }

.treatments-list {text-align-last:left !important; } .treatments-list .flex-container{align-items:baseline; gap:10px; } .treat-list{margin-top:20px !important;}

.treat-list{width:calc(50% - 10px);} .accord {background:rgba(255,255,255,0.5); padding:20px; margin:20px 0; font-weight:500; }

.treat-list li:before { content: ""; display: inline-block; padding: 3px; background-color: #dcb883;

 border-radius: 50%; margin-right: 10px; }

 .treatment{border-top: var(--border); margin-top:30px;} .fullWidth{width:calc(100% - 0px) !important; } .treatment{align-items:center !important; }

 .ayur-sub-links { justify-content:center; gap:20px; padding-bottom:30px; }

 .ayur-links{width:195px; }

@media (max-width: 1400px) {

:root { --gutter:60px 0;  }

#page {   line-height:23px; }

.welcome-title {    font-size: 26pt; }

.sub-title {    font-size: 22pt; }

.hmeservcap {    font-size: 32pt; }

.hmeservcapsec {    font-size: 21pt;    padding-bottom: 30px;    line-height: 36px; }

.home-amen-wrapp, .about-bottom-section, .stay-bottom-slider-wrapp, .explrExpBtmWrapp { padding-bottom:100px }

.about-bottom-section { padding-bottom:20px }



}

@media (max-width: 1100px) {

.center-text { padding:0 50px  }

.footer-address address {    padding-left: 30px; }

.ph-gall li {    width: calc(24% - 0px); }

.contact-address {    width: calc(382px - 0px); }

}



@media (max-width: 1080px) {

.banner-caption { font-size: 28pt; }

.sub-title, .welcome-title { font-size: 24pt; }	

.hmeservcap { font-size: 32pt; }

.hmeservcapsec { font-size: 21pt; line-height: 35px; }

.primarymenu {  width: calc(730px - 0px); }

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {        padding: 24px 9px;    }

.siteLogo {        width: 98px; }

.center-text, .container { padding:0 30px  }

.mobMenu-show { display:block } #primary-menu { display:none }

.headerRight { margin-right:60px }

.home-header-wrapp { padding:15px 0 }

.home-header-wrapp:before, .mh-head { height: 50px; }

.mh-head {    background: #fafbfd;  }

.resBtn {    margin-top: -4px; } .top-call {    margin-top: 0; }

.footLogo {    width: 150px;     padding-right: 0; }

.footerMenu ul {    padding-right: 30px; }

.ayurveda-land-blocks article {    position: static;    top:0;    right: 0;    transform: translate(0, 0);

    -ms-transform: translate(0, 0);    padding: 35px 50px; float:right }

.ayurveda-land-blocks article  .subTitle {    font-size: 17pt;    padding-bottom: 0; }	

.treatments-wrapp .subTitle{font-size:17pt; padding-bottom:10px; text-align:center; }	

.treatments-wrapp h4{font-size:16px; }

	

	

}

@media (max-width: 999px) { 

.hme-serv-wrapp .container { padding:0 }

.hme-serv-wrapp { overflow:hidden }

.ayurveda-land-blocks article {   padding: 35px 30px; float:right }

.ayurveda-land-blocks article { width:auto; float:none } .ayur-img-left { padding-right:35px } .ayur-img-right { padding-left:35px }

.stay-landing h3 {     font-size: 15pt; }

.bookBtn a:link, .bookBtn a:visited, .moreBtn a:link, .moreBtn a:visited{ font-size:10pt }

.stay-landing {    padding-top: 15px; }

 .room-image-block, .room-content-block {   float: none; clear:both;    width: calc(100% - 0px); }

 .stay-bottom-slider-wrapp { overflow-x:hidden; width:100% }

.stay-bottom-slider-wrapp .container { padding:0 }

.room-content-block .bookBtn { float:none; clear:both; width:150px; margin:20px auto 0 auto }

.room-amenities li {    width: calc(24% - 0px);     vertical-align: top; }

}

@media (max-width: 968px) { 

.footerCall, .footerMail {     padding-right: 13px;  }

.footerMenu { display:none }

.footer-address { width: calc(570px - 0px); float:none; clear:both; margin:0 auto }

.footerTopBlk { padding: 30px 26px; }

.home-amen-wrapp, .about-bottom-section, .stay-bottom-slider-wrapp, .explrExpBtmWrapp {    padding-bottom: 60px; }

.sub-title, .page-title { text-align:center }

.footerTop { position:static } .footerWrapp { padding-top:0 } .footerTop .container { padding:0 } 

.footerTopBlk {    padding: 18px 26px; } .footerMail {    margin-left: 0; }

.footerMenuBlk { padding-top:30px } .cpyWrapp {    padding: 15px 0; }

.accommSingleWrapp .container { padding:0 }

.room-content-block {    padding: 35px 25px; }

.room-amenities { padding:20px 25px }

.room-amenities li {    padding: 17px 5px 10px 5px; }

.contact-address { display:block; width:calc(100% - 0px); min-height:30px; padding:30px; height:auto }



}

@media (max-width: 768px) { 

.footerCall { display:none }

.explrExpBtmWrapp .container { padding:0 }

.siteLogo {    width: 75px; }

.center-text { padding:0 } .ayur-page .center-text { padding:0 30px 30px 30px }

.welcome-title span, .capTitle {    font-size: 15pt; text-align:center   }

.ayurveda-land-blocks figure, .ayurveda-land-blocks article, .ayur-left-text, .ayur-img-right, .ayurveda-land-blocks figure.ayur-img-right { width: calc(100% - 0px); float:none; clear:bloth } .ayurveda-land-blocks figure { padding:0 !important }

.ayurveda-land-blocks article { padding:20px }

.ayurveda-land-warapp { padding:0 }

.ayurveda-land-blocks { margin:0 }

.stay-btn-wrapp { width:auto;  margin: 7px auto 0 auto; }

.room-amenities li {    width: calc(32.33% - 0px);  }

.btm-gallery li {     width: calc(49% - 0px); }

.facil-page .center-text { padding:0 25px }

}



@media (max-width: 668px) { 

:root { --gutter:50px 0;   }

#page {   line-height:23px; font-size:10.5pt }

.subPage .center-text, .container { padding:0 30px }

.ayurveda-land-warapp { padding:0 }

.page-title, .welcome-title { font-size: 22pt; }

.hmeservcap, .banner-caption {    font-size: 26pt; }

.sub-title { font-size:20pt }

.hmeservcap, .banner-caption { font-size: 19pt; }

.banner-caption h3 {    line-height: 36px; }

.hmeservcapsec {    font-size: 12pt;    line-height: 25px; }

.home-resort-wrapp li, .home-amen-wrapp li {    display: inline-block;     padding: 6px;     width: calc(49% - 0px); }

.hmeServiceSlid figcaption, .subServiceSlid figcaption { font-size:16pt }

.footer-address {    width: calc(100% - 0px);   }

.cpr, .design { float:none; clear:both; text-align:center }

.footLogo {    width: 150px;    padding-right: 0; }

.footerWrapp  { padding-top:0 }

.footerTop { top:0 }

.home-amen-wrapp, .about-bottom-section, .stay-bottom-slider-wrapp, .explrExpBtmWrapp {    padding-bottom: 30px; } 

.footer-address {  padding-top:35px }

.bx-wrapper .bx-controls-direction a { margin:0; top:52px  }

.footerCall svg, .footerMail svg { margin-right:3px }

.footerMail {   margin-left: 16px; }

.smo li {  margin: 0 3px; }

.about-bottom-section { padding-bottom:0 }

.resBtn {    padding-left: 12px; }

.headerRight {    margin-right: 46px; }

.ayur-page .center-text { padding:0 30px 30px 30px }

.footer-address {     padding-top: 00; }

.stay-bottom-slider-wrapp, .explrExpBtmWrapp, .welcome-wrapp, .hme-serv-wrapp, .home-resort-wrapp, .hme-stay-wrapp, .home-amen-wrapp, .subPage { padding:45px 0 }

.about-bottom-section { margin-top:40px }

.room-amenities li p {    font-size: 9pt;     min-height: 28px; }

.room-amenities img {    width: 45px; }

.ph-gall li {    width: calc(32% - 0px); }

.form-left, .form-right {    float: left;    width: calc(100% - 0px);    padding: 0 10px;}

.page-title, .welcome-title {    font-size: 18pt; }

.hme-serv-wrapp { padding-top:20px } .welcome-wrapp { padding-bottom:0 }

.home-resort-wrapp { padding-top:0; padding-bottom:40px } .hme-serv-wrapp { padding-bottom:40px }

.home-amen-wrapp { padding-bottom:20px }

.resortPage .center-text { padding-bottom:20px }

}

@media (max-width: 568px) { 

.homeSlideMob { display:block }

.homeSlide { display:none }

.welcome-title span {    font-size: 10pt; }

.sub-title {    font-size: 16pt; }

.home-resort-wrapp .container, .hme-stay-wrapp .container, .home-amen-wrapp .container { padding:0 } .home-resort-wrapp .center-text, .hme-stay-wrapp .center-text { padding:0 30px }

.footer-address { text-align:center; padding-top:0px } .footer-address address { padding:5px 0 }

.footLogo, .footer-address address { float:none; clear:both; margin:0 auto }

.footerTop { position:relative }

.footerTop .container { padding:0; }

.footerMenuBlk {    padding-bottom: 5px; }

.home-resort-wrapp li, .home-amen-wrapp li, .two-colmun-images li {      padding: 6px 0;     width: calc(100% - 0px); }

.footerTopBlk {    padding:19px 15px 17px 0; }

.explRoomBtn a:link, .explRoomBtn a:visited {    display: block;    padding: 8px 15px; }

.two-colmun-images figure { padding:0 }

.stay-landing li { width: calc(100% - 20px); }

.room-amenities li {    padding: 17px 5px 10px 5px; width:calc(49% - 0px) }

.btm-gallery li, .facilties-two-colmun li  {     width: calc(100% - 0px); padding:15px 0 }

.ph-gall li {    width: calc(49% - 0px); }

.yoga-img, .ayur-img { width:auto; text-align:center; margin:0 0 15px 0; padding:0; float:none; clear:both }

.ayur-img { display:none }

.treat-list { width: calc(100% - 0px); } .treat-list{margin-top:0 !important; margin-bottom:10px !important; } .treatments-list .flex-container{gap:0; } .treatment{border:none; }

 .treat-list h3{padding-top:10px; } .treatments-wrapp li .align{padding:20px; }

 .treatments-wrapp{padding:0; }  .ayur-links{width:auto; }



}

@media (max-width: 468px) { 

}