html { scroll-behavior: auto !important; }
.exp-imp { max-width: 800px; text-align-last: center; margin: 0 auto; padding-bottom: 20px}
.book-content, .expe-block-item { align-items: center}
.smaill-expe-title { font-size: 18px; padding-bottom: 0px; font-weight: 600; margin-top: 15px;}
.expe-block-item article, .expe-block-item figure { width: calc(50% - 0px);}
.expe-block-item article { width: calc(50% - 0px); padding-right: 50px }
.expe-block-item:nth-child(odd) { flex-direction: row-reverse}
.expe-block-item:nth-child(odd) article { padding-right: 0; padding-left: 50px}
.expe-block-item img, .two-column-expe img { width: 100%}
.expe-two-column-blocks { gap:20px; padding-top: 15px} .two-column-expe { width: calc(50% - 20px)}
.experience-content-wrapp h4 { font-size: 20px; padding-bottom: 10px}
.experience-content-wrapp h3 { font-size: 24px; padding-bottom: 15px; font-weight: 600}
.book-text { padding: 35px 0; text-align: center; font-size: 24px; }
.book-content { font-size: 24px; text-align-last: center; justify-content: center; background-color: #efefef}
.book-content h5 { padding-bottom: 10px} .book-content h6 { line-height: 30px}
.expe-gall { padding-top: 35px; } .expe-gall ul { gap: 15px; justify-content: center;} .expe-gall li { display: block; width: calc(33.33% - 15px);}
.page-cap { font-size:28px !important; text-align-last: center; font-style: italic; padding-bottom: 15px}
.book-content article { padding: 0 40px;}
.book-content2 { width: 100%; align-items: center; font-size: 24px; text-align-last: center; justify-content: center; background-color: #efefef; padding-top: 50px; padding-bottom: 50px;}
.book-content2 h5 { padding-bottom: 10px}
.book-content2 h6 { line-height: 30px}
.book-content2 article { padding: 0 40px;}
.menu-book-btn { display: none }
.fix-call-btn { position:fixed; top: 17px; right: 65px; z-index: 120000; display: none} .fix-call-btn span { display: none }
/* Base Styling */
.phone { height:45px; border-radius: 50%; line-height:45px; width: 45px; font-weight:bold; color:#333333; background-color: rgba(0,0,0,0); justify-content: center; align-items: center }
.phone svg { width:25px; margin: 0 auto }
.mob-btm-res-call svg { width: 18px; margin-right: 5px} .mob-btm-res-call svg path { fill:#fff }
.phone svg path { fill:#60717a; }
.phone svg path:nth-child(2) { -webkit-animation: header-phone 1s infinite cubic-bezier(.1, .57, .5, 1); animation: header-phone 1s infinite cubic-bezier(.1, .57, .5, 1); }
.phone svg path:nth-child(3) { -webkit-animation:header-phone2 1s infinite cubic-bezier(.1, .57, .5, 1); animation:header-phone2 1s infinite cubic-bezier(.1, .57, .5, 1); }
/* Animate phone */
@-webkit-keyframes header-phone {
0%,30% {opacity:0; -webkit-transform:translate3d(-20px, 20px, 0); transform:translate3d(-20px, 20px, 0)}
80% {opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0)}
100%{opacity:0}}
@keyframes header-phone {
0%,30%{opacity:0; -webkit-transform:translate3d(-20px, 20px, 0); transform:translate3d(-20px, 20px, 0)}
80%{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0)}
100%{opacity:0}}
@-webkit-keyframes header-phone2 {
0%{opacity:0; -webkit-transform:translate3d(-20px, 20px, 0); transform:translate3d(-20px, 20px, 0)}
70%,90%{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0)}
100%{opacity:0}}
@keyframes header-phone2 {
0%{opacity:0; -webkit-transform:translate3d(-20px, 20px, 0); transform:translate3d(-20px, 20px, 0)}
70%,90%{opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0)}
100%{opacity:0}}
.mob-btm-res-book img { width: 18px; margin-right: 5px}
/* -------------------------- owl reset -------------------- */
.owl-carousel { display: block; }
.owl-carousel .banner-align:not(:first-child),
.owl-carousel .align:not(:first-child) { display: none; }
.owl-carousel img { width: 100%; }
.hotelLogoSlide.owl-carousel .owl-nav { display: none !important }
/* -------------------------- owl reset -------------------- */
/* -------------------------- Resort menu -------------------- */
.head-resort-menu { max-width: 1600px !important; margin: 0 auto; }
nav.greedy { position: relative; height: 64px; display: flex; align-items: center; }
nav.greedy button { align-self: stretch; transition: all .4s ease-out; padding: 0 1rem 0 1.5rem;
outline: 0; border: 0; font-size: 0.9rem; font-weight: bold; background: #c8c8c8; }
nav.greedy button.hidden { transition: none; width: 0; padding: 0; overflow: hidden; }
nav.greedy button::after { content: attr(count); display: inline-flex; width: 25px; height: 25px; align-items: center; justify-content: center; background: #9f9f9f; color: #f2f2f2; border-radius: 50%; font-size: 14px; line-height: 14px; margin-left: 1rem; margin-right: calc(-1rem + -8px); } nav.greedy ul.links { display: flex; justify-content:center; flex: 1; overflow: hidden;} nav.greedy ul.links li { flex: none; } nav.greedy ul.links li a { color: #404040;} nav.greedy ul.hidden-links { position: absolute; background: #d8d8d8; right: 0; top: 100%;}
nav.greedy ul.hidden-links.hidden { display: none;} nav.greedy ul.hidden-links li { } .valle-conference {margin: 0 auto; padding-top: 20px;}
/* -------------------------- Resort menu -------------------- */
.mobMenu, #mobile-menu-app, .modal-backdrop.fade { display: none;} #page { background: #fff}
.primary-menu, h1, h2, h3, h4, .home-join-blocks h5, .home-expe-blk figcaption, .banner-caption a:link, .banner-caption a:visited, .join-btn, .readmoreLink, .harmony-blok, .misc-title a, .home-join-blocks p, .where-will-block p, .testiBlk h5, .testiBlk h6, .reser-btn a, .join-btn a, .explore-btn a, .book-btn a, .resort-btns li a, .view-gall a:link, .view-gall a:visited, .view-more-btn a:link, .view-more-btn a:visited
{ font-family: 'Open Sans', sans-serif !important; }
.banner-caption h3, .widget-title span, .widget-title-sl-font h3 span, .home-join-blocks h5, .harmony-blok p, .where-will-block p,
.misc-title a:link, .misc-title a:visited, .hme-membership-widget h3, .home-join-blocks p, .member-title { font-style: normal !important;}
.primary-menu ul li a:link, .primary-menu ul li a:visited { padding: 30px 12px;}
.widget-title span, .widget-title-sl-font h3 span { font-size: 14px;}
.widget-title h1, .widget-title h2, .widget-title h3, .home-resort-slider h3, .widget-title span, .widget-title-sl-font h3 span, .widget-small-title h3, .hme-widget-desti-wrapp .widget-small-title h3, .misc-title h3, h1, .resorts-landing h2 { letter-spacing: normal; }
.widget-title h1, .widget-title h2, .widget-title h3, .home-resort-slider h3, .page-title h1 { font-weight: 500;}
.three-colmn-activ { padding-top: 25px; }
.banner-wrapp .owl-carousel .owl-nav button.owl-next { right: 50px !important;} .banner-wrapp .owl-carousel .owl-nav button.owl-prev { left: 30px !important;}
.knHdHide { width: 1px; height: 1px; overflow: hidden; margin: 0; padding: 0; font-size: 1px; border: none}
/* ---------- owlslider resets ---------------- */
.owl-carousel .owl-nav { display: block; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover, .slick-prev, .slick-next { background:url(../images/next-arrow.png) no-repeat center center; background-size: 40px 40px; width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.3);}
.owl-carousel .owl-nav button.owl-next { position: absolute; right: 0; margin: 0 !important; transform: translate(11px, 74px) }
.owl-carousel .owl-nav button.owl-next { position: absolute; right: 0; margin: 0 !important; transform: translate(11px, 0px) }
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-prev:hover, .slick-prev { background:url(../images/prev-arrow.png) no-repeat center center; position: absolute; left:0; right:auto !important; margin: 0 !important; transform: translate(11px, 0px) }
/*.owl-carousel .owl-nav button.owl-prev { rotate: 180deg; position: absolute; left:0; right:auto !important; margin: 0 !important; transform: translate(11px, -74px) } */
.home-resort-slider.owl-carousel .owl-nav button.owl-prev, .slick-prev { left: -22px;}
.res-acc-slide-two.owl-carousel .owl-nav button.owl-prev{left:20px; }
.hme-explr-slider.owl-carousel .owl-nav button.owl-next, .res-acc-slide-two.owl-carousel .owl-nav button.owl-next { right: 30px;}
.res-acc-slide-othr.owl-carousel .owl-nav button.owl-prev, .res-acc-slide-two.owl-carousel .owl-nav button.owl-prev { transform:translate(0px, -78px) }
.res-acc-slide-othr.owl-carousel .owl-nav button.owl-next, .res-acc-slide-two.owl-carousel .owl-nav button.owl-next { transform: translate(0px, -78px) }
.res-actitvity-slide.owl-carousel .owl-nav, .res-acc-slide-othr.owl-carousel .owl-nav, .res-actitvity-slide.owl-carousel .owl-nav, .res-acc-slide.owl-carousel .owl-nav { max-width: 1600px; left: 50%; transform: translateX(-50%); }
.owl-carousel .owl-nav span { opacity: 0;}
.owl-carousel .owl-nav { margin-top: 0 !important; right: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }
.home-resort-slider-wrapp .owl-carousel .owl-nav { margin-top:-90px !important }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover { background-color: transparent;}
.hme-explore-widget-wrapp .owl-carousel .owl-nav.disabled { display: block !important; max-width: 1600px; left: 50%; transform: translateX(-50%); }
.hme-explore-widget-wrapp .owl-carousel .owl-nav button.owl-next { transform: translate(11px, 0px) }
.hme-explore-widget-wrapp .owl-carousel .owl-nav button.owl-prev { transform: translate(11px, 0px) }
.hme-explore-widget-wrapp .owl-item { opacity: 0.5; } .hme-explore-widget-wrapp .owl-item.active { opacity: 1 !important;}
.owl-theme .owl-dots .owl-dot span { width: 15px; height: 15px;}
.hme-gall-slider .owl-item { } .hme-gall-slider .owl-item.center { }
.hme-gall-slider .owl-item .item img { -webkit-transition: 0.3s; transition: 0.3s; /* -webkit-transform: scale(0.80); -ms-transform: scale(0.80); transform: scale(0.80); */ opacity: 0.3; }
.hme-gall-slider .owl-item.center .item img { /* -webkit-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); */ opacity: 1; }
.hme-gall-slider.owl-carousel .owl-nav .owl-next { right: 150px !important; } .hme-gall-slider.owl-carousel .owl-prev { left: 150px !important; }
/* .hme-gall-slider.owl-carousel .owl-nav { margin-top: -80px !important;} */
.tablogSlider.owl-carousel .owl-nav button.owl-next, .tablogSlider.owl-carousel .owl-nav button.owl-prev, .tablogSlider.owl-carousel .owl-nav button.owl-next:hover, .tablogSlider.owl-carousel .owl-nav button.owl-prev:hover { background-image: url(../images/logo-arrow.png); background-size: 100% auto; width: 15px; height: 25px; top: -84px; }
.tablogSlider.owl-carousel .item { text-align: center; }
.resort-banner-slide.owl-theme .owl-dots { bottom: 0; position: absolute; bottom: 50px; width: 100%; }
.resort-banner-slide.owl-carousel .owl-nav button.owl-prev { left: 60px; } .resort-banner-slide.owl-carousel .owl-nav button.owl-next { right: 60px; }
/* ---------- owlslider resets ---------------- */
/* ---------- filter hover ---------------- */
img { transition: all 0.5s ease; filter: grayscale(0); }
.resorts-landing li:hover img, .home-resort-slider .item:hover img { transition: all 0.5s ease; filter: grayscale(50%); }
/* ---------- filter hover ---------------- */
.banner-wrapp { position: relative;} .banneritem-first-item { position: relative; z-index: 1200; opacity: 0; animation:banFirst 0.5s forwards; animation-delay: 0.2s;}
@keyframes mymove {
0% { opacity: 0; } 100% {opacity: 1; }
}
.banner-over-hide { position: absolute; top: 0; left: 0; opacity: 0; z-index: 100;}
.activeBanner { display: block; z-index: 1800; opacity: 1;}
.misc-title a:link span, .misc-title a:visited span { color:#4d4d4d; display: inline-block; padding-right: 20px; background: url(../images/arrow-right.png) no-repeat center right; background-image: none ;}
.misc-title a:link span {opacity: 0.9; letter-spacing: 1px;}
.header-wrapp .container { position: relative;} .mob-resort-menu, .show-mob { display: none; }
#smo-app, #smo-app-res { position: absolute; right: 100px; }
#smo-app-res { right: 162px;}
#primary-menu-app { position: absolute; left: 50%; transform: translateX(-50%); width: 100%; text-align: center;}
.site-logo { padding: 11px 0;} .mm-listview .mm-next { width: 100%; }
.hme-membership-widget h3 { font-size: 38px; text-transform: uppercase; }
address{margin: 0 !important;}
/* ********************** start page loader style *********************** */
.no-js #loader { display: none; }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
#pageLoader { position:fixed; left:0px; top:0px; width:100%; height:100vh; z-index:9999; background-color:#fff; z-index:300000; animation: loaderFadeout 1s ease forwards; animation-delay: 2.8s }
.loader-align { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
@keyframes loaderFadeout {
0% { opacity: 1; z-index:9999; }
90% { opacity: 0;z-index:9999; }
100% { opacity: 0; z-index: -1555555555}
}
.loader-align figure { margin:0 auto; width:100px; position: relative; text-align: center;}
.loader-icon {opacity: 0;}
@keyframes fadetop {
0% {opacity: 0; transform:translate(0px, -30px);} 100% {opacity: 1; transform:translate(0px, 0px);}
}
.fadetop { animation:fadetop ease 5s; transform-origin:50% 50%; animation-fill-mode:forwards; /*when the spec is finished*/
animation-delay: 1s
} .scroller{overflow: hidden;}
.linkmemb:link, .linkmemb:visited { color: #657782;} .linkmemb:hover {color: var(--color);}
.membFee { font-size: 16px;} .membFee span { display: inline-block; padding: 10px 15px; background-color: #efeeee;}
.resort-title-right, #valle-title-app .flex-container{align-items: center;}
.resort-mobile{font-size: 16px; padding-left: 30px;}
.amber-mobnum{position: absolute; top: 40px; padding-left: 0 !important;}
.offer-wrapp .explore-btn{padding-top: 20px !important; margin: 0 !important;}
.offer-wrapp .explore-btn a:link, .explore-btn a:visited{border: var(--border);}
.top-bookbtn a:link, .top-bookbtn a:visited{border: var(--border); border-radius:5px; } .top-bookbtn a span{position: relative; display: inline-block;} .top-bookbtn a span:after{ content: ""; display: block; width: 100%; height: 8px; right: -48px; position: absolute; top: 8px; background: url(../images/arrow-bottom.jpg) no-repeat center bottom; transform:rotate(270deg);}
.primary-menu .top-bookbtn a:link, .primary-menu .top-bookbtn a:visited { padding: 8px 30px 8px 15px !important;} .top-bookbtn{padding-left:30px;}
nav.greedy button { display: none}
.primary-menu ul li.top-bookbtn { }
.primary-menu .top-bookbtn a:link, .primary-menu .top-bookbtn a:visited { padding: 0 !important; border: none; position: relative; }
.primary-menu .top-bookbtn { position: relative; top:-12px}
.head-rm-align { justify-content: center; align-items: center}
.head-resort-menu { width: 1200px; max-width: 100% !important; margin: 0 !important;/* overflow-x: hidden*/ }
/*nav.greedy ul.links { justify-content: left }*/
.menu-book-btn a:link, .menu-book-btn a:visited { display: block; transition: all 0.5s ease; filter: grayscale(0); opacity: 1 }
.menu-book-btn a:hover { filter: grayscale(100%); opacity: 0.9 }
#mob-btn-app, #mob-main-btn-app { display: none }
.hotelLogoSlide .owl-dot {display:none !important; }
.valle-ayur-logo {width:150px !important; }
.triphala-logo {width:250px !important; }
.pack-land-block .listing li {position:relative; padding:2px 0 2px 14px }
.pack-land-block .listing{padding-top:10px; }
.pack-land-block .listing li:before { content: "";
display:block; position: absolute; left: 0; top: 12px; width: 6px;
height: 6px; background-color: #cbc5c5; border-radius: 50%; } .valle-packages{padding-top:30px !important; }
.valle-packages li h3 {font-size:19px; }
.valle-packages li { padding:30px 50px; border: var(--border); width: calc(100% - 0px); margin:30px 0 }
.cnt-res-img {
width: calc(44% - 0px);
}
.cnt-res-addrss {
width: calc(53% - 0px);
}
@media (max-width: 1700px) {
}
@media (max-width: 1600px) {
}
@media (max-width: 1500px) {
.top-bookbtn {
padding-left: 5px;
}
}
@media (max-width: 1400px) {
/* ---------- All Titles ---------------- */
#page, body { font-size: 14px;} .widget-title h1 { font-size: 22px; } .widget-title span { font-size: 12px; } .home-resort-slider h3 { font-size: 23px; } .home-resort-slider h4 { font-size: 16px; }
/* ---------- All Titles ---------------- */
.head-resort-menu a:link, .head-resort-menu a:visited, .resorts-sing-menu a:link, .resorts-sing-menu a:visited { padding: 20px 13px; }
.container { padding: 0 50px; } .contact-side { width: calc(55% - 0px);}
}
@media (max-width: 1400px) {
.primary-menu ul li a:link, .primary-menu ul li a:visited { padding: 32px 12px !important;}
.head-resort-menu a:link, .head-resort-menu a:visited { font-size: 12.5px; }
/*.head-resort-menu { width: 1026px; }*/
#smo-app, #smo-app-res {
position: absolute;
right: 50px;
}
}
@media (max-width: 1300px) {
.resorts-page .top-bookbtn{padding-left: 0 !important;}
.resorts-page .top-bookbtn a span {font-size: 11px !important;}
.resorts-page .top-bookbtn a:link, .resorts-page .top-bookbtn a:visited {
padding: 5px 20px 6px 10px !important;}
.resorts-page .top-bookbtn a span:after {right: -39px !important; background-size: 7px 6px !important;}
:root { --gutter:80px 0; }
.home-widget-join-wrapp { padding: 80px 0 0 0;}
.home-resort-slider h3 { font-size: 21px; }
.welcome-title-v1 h1, .hme-membership-widget h3 { font-size: 36px;}
.hme-membership-widget article h4 span:nth-child(2n) { font-size: 26px; }
.hme-membership-widget article h4 span:last-child { font-size: 19px; }
.hme-membership-widget figcaption { width: calc(100% - 0px); padding-left: 70px; }
.home-expe-blk figcaption { padding: 20px 0; }
.head-resort-menu { padding: 0 30px;}
.hme-welcome-wrapp-v1 .container { padding: 0 50px;}
.head-resort-menu a:link, .head-resort-menu a:visited, .resorts-sing-menu a:link, .resorts-sing-menu a:visited { padding: 20px 8px; }
.gMap-btn { padding-top: 4px; }
.cnt-res-addrss { padding: 0 10px; text-align: left; font-size: 13.5px;}
.res-actitvity-slide .owl-next {right: 23px !important; }
.head-resort-menu { padding: 0;}
nav.greedy button { display: none !important;}
.head-resort-menu span { font-size: 12px; }
/*.head-resort-menu { width: 965px; }*/
.primary-menu .dpMenu a:link, .primary-menu .dpMenu a:visited{padding: 15px 12px !important;}
.room-name{font-size:21px; }
}
@media (max-width: 1200px) {
.hme-membership-widget { padding-right: 430px; }
.hme-membership-widget article { width: calc(430px - 0px); }
.foot-q-cnt { padding-right: 0; }
.footer-menu-more { padding-right: 30px; width: calc(267px - 0px); }
.contact-side { width: calc(60% - 0px);}
.contact-address { width: calc(40% - 0px); }
#primary-menu-app { width: 642px;} .head-resort-menu span { display: block; } .head-resort-menu a:link, .head-resort-menu a:visited { padding: 20px 20px; text-align: center; line-height: normal;} .annual-memb-benf { display: block;}
.annual-memb-benf figure { float: right; padding-left: 35px;} .annual-memb-benf article { width: auto; padding-right: 0;}
.top-bookbtn{padding-left: 0; padding-bottom: 15px;} .primary-menu .top-bookbtn a:link, .primary-menu .top-bookbtn a:visited { padding: 5px 30px 5px 15px !important; } .head-resort-menu { width: 800px; }
#smo-app, #smo-app-res { position: absolute; right: 24px;
}
#primary-menu-app {
width: 839px;
}
.primary-menu .top-bookbtn { top: -12px }
.primary-menu ul li a:link, .primary-menu ul li a:visited {
padding: 32px 12px !important;
}
.primary-menu .top-bookbtn a:link, .primary-menu .top-bookbtn a:visited {
padding: 0 !important;
}
.primary-menu .top-bookbtn {}
}
@media (max-width: 1128px) {
.resort-mobile {padding-left: 0; padding-top: 10px;} .amber-mobnum{position: static;}
.page-cap { font-size: 24px !important;}
}
@media (max-width: 1100px) {
:root { --gutter:60px 0; }
.header-wrapp .container { padding: 0 30px}
.home-widget-join-wrapp { padding: 60px 0 0 0;}
.about-btm { margin: 60px 0 50px 0;}
.hme-welcome-wrapp-v1 article { padding-left: 270px; }
.hme-membership-widget { padding-right: 380px; }
.hme-membership-widget article { width: calc(380px - 0px); }
.hme-membership-widget figcaption { padding-left: 53px; }
.home-widger-bottom-misc-wrapp { gap: 15px;}
.staycation-block-hme { width: calc(62% - 0px);}
.hme-misc-right { width: calc(38% - 30px); }
.footer-addressess address { width: 200px;}
.footer-top h4 { display: none;}
.footer-menu-htre { width: 370px; }
.twocolmn-block .abt-top, .twocolmn-block.two-column-img-left figure { padding-right: 0;}
.gMap-btn { padding-top: 4px; }
.cnt-res-addrss { padding: 0 20px; text-align: left; font-size: 13px;} .num { padding: 0;}
.cnt-resort-wrapp li { width: calc(50% - 10px);}
.cnt-res-addrss .cnt-title, .cnt-rsts { padding-bottom: 0; }
#smo-app { position: absolute; right: 28px; }
/*.accom-details-block { display: block;}
.accom-details { width: 100%; padding-right: 0;} .accomImage { width: calc(500px - 0px); margin: 0 auto; padding-top: 30px; }
.accom-facilities-block .accomImage { width: calc(50% - 0px);} */
.room-spec-amen { padding: 0 0; } .roomAccess li { margin-right: 5px;}
.primary-menu ul li a:link, .primary-menu ul li a:visited {
padding: 32px 7px !important;
}
#primary-menu-app { width: 746px; }
}
@media (max-width: 1080px) {
.hme-membership-widget { padding-right: 350px; }
.hme-membership-widget article { width: calc(350px - 0px); }
.hme-membership-widget figcaption { padding-left: 53px; }
.cnt-res-addrss { width: calc(52% - 0px); }
.cnt-res-img { width: calc(48% - 0px);}
.accom-details { padding-right: 30px; } .accom-facil-block { padding-left: 30px; }
.accom-facilities-block { margin-top: 30px; }
}
@media (max-width: 990px) {
.misc-title h3 { font-size: 21px; }
.container.pag-btm-wrapp { padding: 0}
.cnt-resort-wrapp li figure, .footer-logo, .smo h3, .owl-carousel .owl-stage:after, .contact-side, .hme-explore-widget-wrapp .owl-carousel .owl-nav.disabled, .primary-menu, .where-will-block figure, .footer-menu-htre { display: none !important;}
.mobMenu-show, #mobile-menu-app { display: block !important;} #mobile-menu-app { position: absolute; left: 0; z-index: 26000; }
.bookbtn-topmob{position: fixed; z-index: 100; left: 90px; top: 37px;}
#hamMenu:link, #hamMenu:visited { display: block; width: 30px; height: 30px; position: relative;}
#hamMenu span { display: block; width: 100%; height: 2px; background-color: var(--color); margin:5px 0;}
.header-wrapp { transition: none;}
.mh-head { background: #fff;}
.mh-head .hamburger-inner, .mh-head .hamburger-inner:after, .mh-head .hamburger-inner:before { background: #60717a; }
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { height: 2px; } .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { width: 46px;}
.hme-membership-widget { padding-right: 0px; }
.hme-membership-widget article { width: calc(100% - 0px); position: relative; transform: translateY(0); padding: 40px 0; background: #f5f5f5; }
.hme-membership-widget figcaption { padding-left: 0; text-align: center; }
.exclOfferOver { margin: 0 auto; max-width: 460px; justify-content: center; column-gap: 30px;}
.exclOfferOver li { width: auto;}
.header-top .flex-container { justify-content: center; justify-items: center; } #mobile-menu-app { padding-left: 15px;}
#smo-app { position: absolute; right: 25px;} .smo li svg { width: 8px; } .smo li:nth-child(2n) svg { width: 16px; } .smo li:nth-child(3n) svg { width: 19px; }
.site-logo { padding: 15px 0;} .container.hme-resp-tourism-blk-wrapp { padding: 0;}
.home-join-blocks ul { gap: 40px;} .home-join-blocks li { width: calc(50% - 40px); margin: 0;}
.home-join-blocks li:last-child { width: calc(100% - 0px);}
.home-page-btm-bg { padding-bottom: 0;}
.home-page-btm-bg { background: url(../images/home-bottom-bg.jpg) repeat-x center bottom }
.where-will-block article { width: calc(100% - 0px);}
.home-expe-blk li { width: calc(50% - 20px);}
.tab-content ul { flex-wrap: wrap; column-gap: 30px;}
.where-will-block { background:url(../images/where-will-th.jpg) no-repeat; background-size: cover;}
.where-will-block:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; background-color: rgba(0,0,0,0.5); height: 100%; color: #fff;}
.where-will-block article { position: relative; z-index: 100; color: #fff;}
.footer-menu-more {} .footer-menu-area { justify-content:center; column-gap: 35px;}
.banner-slider-home .owl-dots { position: absolute; bottom: 20px; width: 100%;} .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px;}
/*
.owl-theme .owl-dots .owl-dot span { width: 40px; height: 2px; margin: 0; }
.owl-theme .owl-dots .owl-dot { height: 20px;}
*/
.twocolmn-block article { width: calc(100% - 0px); } .twocolmn-block { display: block;}
.twocolmn-block.two-column-img-right figure { float: right; padding-left: 30px; padding-bottom: 10px;}
.twocolmn-block.two-column-img-left figure { float: left; padding-right: 30px; padding-bottom: 10px}
.abt-btm { padding-left: 0;} .about-core-values-wrapp { margin-top: 0;}
.contact-address figure, .contact-address p, .career-main-text { width: 100%;}
.contact-address address { width: calc(50% - 0px); padding: 0 15px; }
.cnt-res-addrss { width: calc(100% - 0px); padding-top: 20px;}
.contact-address { width: calc(100% - 0px); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: normal; }
.career-img, .career-form-block, .career-content { width: calc(100% - 0px); padding: 0 0px; }
.career-page-top { padding: 35px; margin-top: 15px;}
.career-form-block { border-left: none; border-top: 1px solid #e1d8d8; margin-top: 30px; padding-top: 25px; }
.career-main-text { padding-bottom: 10px;} .resort-logo img { width: 400px;} .membership-form { width: calc(100% - 0px);}
.membership-wrapp { margin: 30px 0; background-image: none; background-color: #f9f9f9; }
.membership-wrapp .booking-form .form-control { border-bottom: 1px solid #b1a2a2; }
.mystic-logo{width: 70px;} .loc-map{height: 350px;}
.memb-recreat figure, .menu-book-btn { display: none; float: none;} .memb-recreat article { width:calc(100% - 0px); padding-right: 0;}
.fix-call-btn { display: block }
.fix-call-btn { position: fixed; right: 113px; top: 26px; }
.bookbtn-topmob, .fix-call-btn { display: none}
.cpr-wrapp-sub {
padding-bottom: 90px;
}
#mob-btn-app, #mob-main-btn-app { display: block; position: fixed; width: 100%; text-align: center; z-index: 12000; bottom: 0; left: 0}
#mob-btn-app li, #mob-main-btn-app li { display: block; width: calc(50% - 0px) }
.mob-btm-res-book a:link, .mob-btm-res-book a:visited,
.mob-btm-res-call a:link, .mob-btm-res-call a:visited { display: block; padding: 15px 0; text-align: center; background: #60717a; color: #fff; text-transform: uppercase; font-size: 16px}
.mob-btm-res-call a:link, .mob-btm-res-call a:visited { background: #384850; }
.where-will-block:before { position: relative;}
}
@media (max-width: 890px) {
.contact-address address { width: calc(50% - 0px); }
.resort-iteneray-block article, .resort-iteneray-block figure { position: static; width: calc(100% - 0px);}
.resort-iteneray-block figure { padding: 0;}
.resorts-sing-menu ul li.dpMenu:hover ul:hover { display: none !important; }
.accom-details-block { display: block;}
.accom-details, .accom-facil-block { width: 100%; padding-right: 0;} .accomImage { width: calc(500px - 0px); margin: 0 auto; padding-top: 30px; }
.accom-facilities-block .accomImage { width: calc(500px - 0px);}
.accom-facil-block ul { display: inline; }
.accom-facil-block li { display: inline-block;}
.accom-facil-block { padding-left: 0; padding-bottom: 30px; }
.amber-pack { width: calc(100% - 0px); } .tariff-left-img{display: none;}
.traiff-content{width: calc(100% - 0px); padding-left: 0;} .traiff-page{padding-top: 0;}
.accom-mayapott article {padding: 0 30px;} .amber-pack-wrapp {padding-top: 15px;}
.room-slider { width: calc(100% - 0px); }
.head-resort-menu { padding: 0 30px;}
nav.greedy button { display: block !important;}
}
@media (max-width: 800px) {
#page { width: 100%; overflow-x: hidden;}
.container { padding: 0 30px;}
.widget-condody-hotel-list { padding: 40px 0;}
.home-resort-slider-wrapp .container { padding: 0}
.hme-welcome-wrapp-v1 article { padding-left: 0;}
.welcome-title-v1 { position: relative; text-align: center; padding-bottom: 15px;} .welcome-title-v1 figure { display: none;}
.home-widger-bottom-misc-wrapp { gap: 0;}
.staycation-block-hme { width: calc(100% - 0px);}
.hme-misc-right { width: calc(100% - 0px); }
.hme-resp-tourism-blk article { width: calc(100% - 0px); padding: 40px;}
.hme-resp-tourism-blk { padding:45px 40px; background-size: cover;}
.widget-small-title { padding-bottom: 5px;}
.explore-btn, .book-btn, .join-btn, .view-pack-btn { padding-top: 30px;}
.tab-content { padding-top: 30px;}
.home-join-blocks ul { gap: 20px;}
.home-join-blocks li { width: calc(50% - 20px); margin: 0;}
.home-join-blocks li:last-child { width: calc(100% - 0px);}
.home-page-btm-bg { padding-bottom: 0;}
.home-page-btm-bg {
background: url(../images/home-bottom-bg.jpg) repeat-x center bottom }
.footer-addressess address { width: calc(100% - 0px); text-align: center; }
.foot-q-cnt, .footer-menu-htre { display: none;}
.smo h3 { display: block; font-size: 15px; padding-top: 3px;}
.home-expe-blk { padding-top: 30px;}
.home-expe-blk .flex-container { justify-content: center;}
.footer-top .flex-container { justify-content: center;}
.footer-top { padding: 20px 0;}
.foot-q-cnt li { padding: 0 8px; font-size: 13px; }
.cpr-wrapp { padding: 30px 0 90px 0; }
.room-name { font-size: 16px; text-transform: uppercase; text-align: left; }
.room-name span { font-size: 13px; text-transform: capitalize !important; }
.res-acc-slide figcaption, .res-acc-slide-othr figcaption { padding: 15px;}
.resort-btns ul { gap: 10px;}
.resort-btns li { width: calc(50% - 5px) !important;}
.resort-btns a:link, .resort-btns a:visited { padding: 10px 15px !important; font-size: 11.5px !important; }
.res-acc-slide figcaption, .res-acc-slide-othr figcaption { min-height: 164px;}
.resort-banner-slide.owl-theme .owl-dots { bottom: 10px; }
.greenwood-page .honey-th {text-align: center;}
.pack-land-block .small-title h3{font-size: 18px; text-align: left;} .packages-page{padding-top: 0;}
.greenPackEoods table {display: block; overflow: auto;}
.amber-dale-dining {justify-content: center;} .activ-block-two, .experience-page{margin: 20px 0;}
.maram-dining article{ padding: 0 0 15px 0;} .maram-dining{padding-top: 0;}
.maram-dining figure, .dinnig-main article, .coffee-shope article, .coffee-shope figure, .dinnig-main figure, .fine-dining figure{width: calc(100% - 0px);}
.dinnig-main article{padding: 0;} .coffee-shope article{padding-left: 0;}
.coffee-shope article{padding: 15px 0;}
.member-room-gallery { gap: 10px;}
.member-room-gallery li { width: calc(50% - 10px);} .resort-mobile{padding-left: 20px; padding-top: 8px;}
}
@media (max-width: 760px) {
.corevalue-sigle-colmn, .corevalue-two-colmn, .corevalue-two-colmn figure { width: calc(100% - 0px);}
.corevalue-two-colmn figure { width: calc(50% - 10px);}
.core-people, .core-top-dble { padding-bottom: 0 !important;}
.resorts-landing li { width: calc(50% - 30px); padding: 35px 0 24px 0; }
.resort-accom-slider-widget p { display: none;} .acti-hd{font-size: 18px; padding-bottom: 5px;}
.accom-mayapott {display: block; margin: 20px 0;} .accom-mayapott figure, .accom-mayapott article {width: calc(100% - 0px);} .accom-mayapott article {padding:10px 20px 30px 20px !important;}
.scrollTop a:link, .scrollTop a:visited{width: 36px; height: 36px;}
.accom-block-valle figure, .accom-block-valle article {width: calc(100% - 0px);}
.accom-block-valle article{padding: 0;} .accom-block-valle:first-child{margin-top: 15px !important;}
.accom-blocks-wrapp-valle{padding: 0 0 0 20px;}
.accom-maram{margin-top: 0 !important;}
.valle-accom-first{margin-top: 10px !important;}
.expe-block-item article, .expe-block-item figure { width: calc(100% - 0px);}
.expe-block-item article { width: calc(100% - 0px); padding-right: 0px }
.expe-block-item:nth-child(odd) { flex-direction: row-reverse}
.expe-block-item:nth-child(odd) article { padding-right: 0; padding-left: 0}
.expe-two-column-blocks { gap:00px; padding-top: 15px} .two-column-expe { width: calc(100% - 0px); padding: 20px 0;}
.page-cap {
font-size: 21px !important;
}
}
@media (max-width: 660px) {
:root { --gutter:60px 0; } .hme-membership-widget article, .home-widget-join-wrapp { padding: 60px 0; } .bookbtn-topmob{top: 25px;} .bookbtn-topmob img {width: 22px;}
.banner-home-align { position: relative; padding-top: 0px; } .bookbtn-topmob { left: 62px; } .about-btm { margin: 40px 0 0 0;}
#page, body { line-height: 22px; font-size: 13px;}
.hme-membership-widget article h4 span:nth-child(2n) { font-size: 24px;}
.widget-title h1, .widget-title h2, .widget-title h3, .where-will-block h3, .widget-condody-hotel-list h3, .member-title, .welcome-title-v1 h1, .hme-membership-widget h3, .widget-small-title h3, .page-title h1 { font-size: 20px;} .home-expe-blk figcaption { font-size: 13px;}
.roomIten, .main-article .widget-title h2, .widget-title h3, .acti-main-tilte h2 { font-size: 20px;}
.hme-widget-desti-wrapp .widget-small-title h3, .widget-condody-hotel-list h3 { font-size: 16px !important;} #tabs-nav li a { font-size: 13px;} .home-resort-slider h3, .welcome-title-v1 span, .where-will-block p { font-size: 18px;}
.explHmeSldTitle { font-size: 14px; padding: 0 15px;}
.site-logo { width: 80px;}
.where-will-block h3 { padding-bottom: 15px;}
.explore-btn a:link, .explore-btn a:visited, .book-btn a:link, .book-btn a:visited, .join-btn a:link, .join-btn a:visited, .reser-btn a:link, .reser-btn a:visited, .view-pack-btn a:link, .view-pack-btn a:visited {
font-size: 12px; padding: 6px 0 }
.widget-title span, .widget-title-sl-font h3 span { padding-bottom: 5px;}
.banner-caption h2, .banner-caption h3, .explrBtn, .hme-welcome-wrapp-v1, .footer-hd { text-align-last: center ;}
.banner-caption, .hme-welcome-wrapp-v1 .container, .home-resort-slider-wrapp article, .member-title, .hme-explore-widget-wrapp .widget-title, .home-widget-exper-wrapp .widget-small-title { padding: 0 30px;}
.home-page-btm-bg .container, .home-resort-slider-wrapp .container, .banner-wrapp .container, .home-widget-exper-wrapp .container, .staycation-block-hme, .container.pag-btm-wrapp { padding: 0;} .banner-wrapp { padding-top: 80px; } .banner-caption { width: calc(100% - 0px); padding: 0 30px;}
.banner-caption p, .banner-caption h3:after, #resort-menu-app, .primary-menu, .hme-membership-widget figure img, .home-page-btm-bg { display: none; }
.banner-caption h2 { text-align: center; text-shadow: 4px 4px 2px rgba(0,0,0,0.25);}
.container { padding: 0 15px;}
.banner-caption { bottom: 60px;}
.banner-caption h3 { position: relative; left: 0; margin-bottom: 10px;} .banner-caption h3, .banner-caption span { display: none;}
.banner-caption a:link, .banner-caption a:visited { font-size: 9.5pt;}
.banner-caption article { padding-left: 0;}
.hme-membership-widget figure { background:url(../images/membership-bg.jpg) no-repeat center center; background-size: cover; height: auto }
.hme-membership-widget figcaption { position: relative; padding: 45px 0;}
.home-join-blocks ul { gap: 0px;}
.home-join-blocks li { width: calc(100% - 0px); margin: 0;}
.home-join-blocks li:last-child { width: calc(100% - 0px);}
.hme-membership-widget-wrapp { padding: 0;}
.home-join-blocks li { padding: 20px;} .home-join-blocks li figure {}
.home-expe-blk li { width: calc(100% - 20px); } .home-expe-blk li:last-child { display: none;}
.home-expe-blk figcaption { padding: 11px 0 0; }
.hotelLogoSlide figure { padding: 0;} .banner-align { padding-top: 0;} .tab-content ul { column-gap: 0px;}
.tab-content li { max-width: calc(33.333% - 0px); padding: 0 5px;}
.tab-content { padding-top: 14px; }
.widget-small-title figure img { width: 90px;}
.destin-resort-logs .widget-small-title figure img { width: 25px;}
.staycation-block-hme, .hme-misc-right { text-align: center;}
.home-widget-exper-wrapp .widget-small-title h4 { padding-bottom: 20px;}
.hotelLogoSlide figure { margin: 0;}
.hme-resp-tourism-blk { min-height: 0;}
.hme-resp-tourism-blk article { background-color: rgba(0,0,0,0.6); color: #fff; padding: 45px 25px; text-align: center;}
.hme-resp-tourism-blk { padding: 0; }
.home-widget-join-wrapp { background: url(../images/home-bottom-bg-mob.jpg) no-repeat top center; background-size: cover; }
.home-widget-join-wrapp { margin-top: 45px; background: #efe5e5;}
.home-join-blocks svg { fill: var(--color);} .home-join-blocks li p { color: var(--color);}
.home-join-blocks { padding-top: 10px;} .home-join-blocks li:last-child { padding-bottom: 0;}
.home-join-blocks .explore-btn { padding-top: 20px;}
.where-will-block { padding: 45px 30px;}
.cpr, .design { width: 100%; text-align: center;}
.footer-addressess, .footer-menu-area { padding: 30px 0 20px 0; }
#footer-menu-app { padding-bottom: 15px;}
.exclOfferOver li svg { width: 25px; } .exclOfferOver li { gap: 8px;}
.hme-widget-desti-wrapp { padding-top: 0;}
.hme-membership-widget article { padding: 30px 0;}
#smo-app, #smo-app-res { display: none;}
#resort-menu-mob-app { display: block;}
.mob-resort-menu { display: block; fill: #60717a; top: 26px; position: absolute; right: 35px; z-index: 1200; }
.mob-resort-menu svg { width: 25px; height: auto; }
.mob-res-menu { position: absolute; top: 56px; right: 0; width: 250px; background-color: #f2f2f2; display: none; }
.mob-res-menu a:link, .mob-res-menu a:visited { display: block; padding: 10px 10px; border: var(--border);}
.show-menu { display: block;}
.twocolmn-block.two-column-img-right figure { float: none; padding-left: 0px; padding-bottom: 30px;}
.twocolmn-block.two-column-img-left figure { float: none; padding-right: 0px; padding-bottom: 30px}
.about-top { padding-bottom: 0;}
.twocolmn-block.two-column-img-right figure, .twocolmn-block.two-column-img-left figure { width: calc(100% - 0px);}
.about-btm { min-height: 250px;}
.pg-btm-wrapp { padding: 0;}
.page-title { padding-bottom: 18px; border-bottom: var(--border); margin-bottom: 30px; }
.resorts-landing li { width: calc(100% - 0px); padding: 35px 0 24px 0; }
.contact-address address, .career-listing li { width: calc(100% - 0px); }
.contact-wrapp { margin-top: 70px; }
.hide-mob { display: none;} .show-mob { display: block;}
.hme-membership-widget .show-mob { width: 100%; text-align: center;}
.hme-membership-widget h4 span { display: block; padding: 3px 0; }
.hme-membership-widget h4 span:first-child { font-size: 20px; }
.hme-membership-widget h4 span:last-child { font-size: 22px;}
.hme-membership-widget h4 span:nth-child(2n) { font-size: 30px; }
.hme-membership-widget .join-btn { padding-top: 15px;} .hme-membership-widget h3 { padding: 10px 0;}
.member-title { padding-top: 20px;}
.footer-menu-qlinks { display: none;}
.footer-menu-more { width: calc(100% - 0px) !important; text-align: center !important; display: block; padding-right: 0;}
.footer-menu-more ul { display: inline;}
.footer-menu-more li { display: inline-block; padding: 0 10px;}
.hme-welcome-wrapp-v1 { padding-top: 36px;}
.widget-small-title { text-align: center; line-height: normal; }
.resort-iteneray-block-img-right { margin: 20px 0;}
.resort-bottom-full-strip { padding: 35px 0;}
.acc-resort-guest { display: none;}
.fac-title { text-align: left;}
.facil-colmuns { padding-bottom: 0;}
#exper-activ-menu-app a:link, #exper-activ-menu-app a:visited { font-size: 11.5px !important; padding: 5px 10px; }
.membership-wrapp { padding: 25px;}
.awards-block ul { gap: 10px;}
.awards-block li {
border: 1px solid #dcdcdc;
text-align: center;
padding: 20px;
width: calc(50% - 10px); }
.greewood-dining{padding-top: 10px;}
.offer-btn {padding: 10px 20px 10px 20px !important;}
.activ-block-two-combain-image, .pckInclusionWrapp{padding-top: 30px;}
.pckInclusionBlk{padding: 30px;} .ayur-treat-block { width: calc(100% - 0px); }
.ayur-title-blk h2{font-size: 18px;} .coffee-shope, .fine-dining{padding-top: 20px;}
.annual-memb-benf { display: block;}
.annual-memb-benf figure { float:none; width: calc(100%); padding-left: 0px;} .annual-memb-benf article { width: calc(100%); padding-right: 0;}
.maram-pack .small-title span { width: calc(100% - 0px); padding-top: 15px;}
.offer-wrapp .explore-btn{margin: 0 auto !important;}
#mobile-menu-app { padding-left: 0; }
.fix-call-btn { top: 17px; right: 65px; }
.valle-packages li {padding:30px; }
.expe-gall li { display: block; width: calc(50% - 15px);}
}
@media (max-width: 480px) {
.exclOfferOver { max-width: calc(100% - 0px);}
.cnt-resort-wrapp li, .cnt-res-addrss { width: calc(100% - 0px); text-align: center;}
.gMap-btn { width: 113px; margin: 0 auto;}
.exclOfferOver li { margin: 10px 0;}
.hme-membership-widget figure { height:auto;}
.banner-caption a:link, .banner-caption a:visited { padding-top: 5px;}
.contact-address figure, .contact-address p { width: 100%;}
.contact-address address { width: calc(100% - 0px); padding: 0px; }
.cnt-res-addrss { width: calc(100% - 0px); padding-top: 20px;}
.contact-address { width: calc(100% - 0px); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: normal; }
.career-main-text p { line-height: normal; }
.career-main-text p { font-size: 28px; }
.career-page-top { padding: 0; }
.facil-two-colmun { align-items: flex-end;}
.resort-btns a:link, .resort-btns a:visited {
padding: 10px 7px !important;
font-size: 10.5px !important;
} .pack-land-block article{padding: 20px;}
.pckInclusionBlkTwo ul { width:calc(100% - 0px); }
#green-pack-modal .form-group {width: calc(100% - 0px);} .room-title{font-size: 22px; text-align: left;} .accomImage{width: calc(100% - 0px);}
.accom-facil-block li{display: block;} .resort-bottom-full-strip{margin: 30px 0;}
.pckInclusionWrapp h3, .amber-pack h3, .pack-incluhd, .valle-packages li h3{font-size: 17px;}
.maram-accom li{width: calc(50% - 10px);} .maram-accom ul {gap: 10px;} .view-gall, .view-more-btn{padding-top: 20px;} .res-actitvity-slide.owl-carousel .owl-nav{top: 35%;}
.accom-details-block{padding-top: 20px;} .resort-small-title{padding-top: 15px;}
.loc-map{height: 300px;} .green-woodadven{padding-left: 18px !important;}
.the-valle-page .dinnig-page{padding-top: 0;}
.valle-confcap {text-align: center;}
.member-room-gallery li {
width: calc(100% - 0px);
} .resort-mobile{padding-left: 0;} .valle-ayur-logo {width:120px !important; } .triphala-logo{width:220px !important; }
}