#btm-prj-slider figcaption span { font-size: 14pt;} #btm-prj-slider h3 { text-transform: uppercase; font-size: 16pt;}

.h-land-logo-tall-tree img { height: 91px; width: auto;}
.h-land-title {  padding: 5px 0; } .h-land-title h3 { font-size: 10pt; }


.corporate-video .align { position: relative; }
.corporate-video iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 100;}

.privacy-wrapp { padding-top: 45px; border-bottom: var(--border); padding-bottom: 50px;} .privacy-wrapp .listing li { margin: 10px 0; padding-left: 12px;}
.privacy-page { margin-top: 120px;}

.hme-banner-slide { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 16000;}
.hme-slide { width: 100%; height: 100vh;  position: relative;  background-position: center center; background-repeat: no-repeat; background-size: cover;}
.hme-slide-01 { background-image: url(../images/banner/wgh-poetree-main.webp); }
.hme-slide-02 { background-image: url(../images/banner/wgh-tall-tree-main.webp); }
.hme-slide-03 { background-image: url(../images/banner/wgh-backwater-main.webp); }
.show-768 { display: none;}
.banner-cap-text { position: absolute; width: 100%; max-width: 900px; left: 50%; z-index: 17000; top: 50%; transform: translate(-50%,-50%); text-align-last: center; color: #fff; letter-spacing: 4px; }
.banner-cap-text h1 { font-size: 18pt; } 
.banner-cap-text h2 { font-size: 22pt; }
.banner-cap-text h1, .banner-cap-text h2 {  letter-spacing: 8px;  font-family: "Cinzel", serif; font-weight: 300 !important; text-align: center; }
.scrlDownBtn { position: absolute; right: 100px; z-index: 17000 ; bottom: 40px; padding-bottom: 0px;}
.wgh-banner-logo-new { position: absolute; width: 120px; z-index: 17000; top: 60px; left: 100px;}
.hme-pool-bg { background-image: none; padding-top: 0;}
.banner-slid-nav { position: absolute;  z-index: 22000; top: 50%; left: 0; transform: translateY(-50%);  height: 30px;}

.rm-sld-nav { position: absolute; top: 50%; transform: translateY(-50%); left: 40px; z-index: 16000;} .rm-sld-nav-btm { right: 40px; left: auto;}


.reserve-drop { 
  box-shadow: 3px 3px 15px 0px rgba(0,0,0,0.2);
  background: #f3f0e8;
  
  position: absolute; width: calc(600px - 0px);  height:0px; top: 85px; right: 0; z-index: 1200; transition: all 0.5s ease; overflow: hidden; }

  .header-fix .reserve-drop { top: 63px;}

.pop-btn { position: fixed; bottom: 150px; right: 40px; transform: translateY(-50%); z-index: 15000;  }

.pop-btn  a { animation: popBtnAnim 3s ease infinite; transform: translateY(-5px); position: relative; display: block ; }
@keyframes popBtnAnim  {
0% { transform: translateY(-5px); }
50% { transform: translateY(5px); }
100% { transform: translateY(-5px); }
}
.reserv-wrapp { gap: 20px;}
.reserv-blk { width: calc(33.33% - 20px); position: relative;}
.reserv-blk  figcaption { position: absolute; bottom: 50px; width: 100%; text-align: center; color: #fff;}



.scrlDownBtn a:link, .scrlDownBtn a:visited {  position: relative; background-image: none; padding-top: 20px;


}



.scrlDownBtn a:after { content: ""; display: block;  width: 50px; height: 9px; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
  background-image: url(../images/banner/scroll-icon.webp);   background-repeat: repeat-x;  animation: pattenMove 5s linear  infinite; background-position: 0 0;
  }

  @keyframes  pattenMove {

  }

  .scrlDownBtn a:link, .scrlDownBtn a:visited { 
    font-size: 11pt;
    
    display: block; animation: colorchange 0.5s;

  /* When the animation is finished, start again */
  animation-iteration-count: infinite;
}

@keyframes colorchange  {

  0% { color: #f2c988;}
  50% { color: #fff; }
  100% { color: #f2c988;}

}

.scrlDownBtn { animation: explAnim 5s linear  infinite; transform: translateY(-10px);}

@keyframes  explAnim {
 0% {
  transform: translateY(-10px);

 }

 50% {
  transform: translateY(0px);

 }
 100% { transform: translateY(-10px);} 

}




.reserve-drop.active { height: 250px;}
.reserve-drop ul { gap: 10px; padding: 35px;}
.reserve-drop li { display: block; width: calc(33.33% - 10px); text-align: center; } 
.reserve-drop h2 { font-size: 16px;} .reserve-drop h3 { font-size: 18px; }
.reserve-drop  figure { height: 116px; align-items: center; justify-content: center;}

.reserv-btn .readmore-btn a:link, .reserv-btn .readmore-btn a:visited { border: none !important;}





.experiences-land-item { position: relative; margin: 60px 0; align-items: center; } 
.experiences-land-item:nth-child(even) { flex-direction: row-reverse; padding-left: 150px; } 
.experiences-land-item:nth-child(odd) { padding-right: 150px; } 
.experiences-land-item:nth-child(odd) .experiences-land-cnt { left: auto; right: 0; } 
.experiences-land-item:nth-child(even)  {}


.experiences-land-cnt { left: 0; right: auto; }
.experiences-land-cnt { position: absolute; width: 500px; z-index: 1200; background-color: rgba(255,255,255,0.9); right: 0; outline: 1px solid #f4debb;  outline-offset: -14px;}
.experiences-land-cnt article { padding: 45px; text-align-last: center; }


.exp-wrapp { padding: 50px 0 0 0;}
.exp-cnt-with-img p { font-size: 17px; line-height:  26px;}
.exp-cnt-with-img article, .exp-cnt-with-img figure  { width: calc(50% - 0px); } 
.exp-cnt-with-img article { padding-right: 60px;}
.exp-cnt-with-img { margin-bottom: 45px;}
.exp-cnt-with-img:nth-child(even) { flex-direction: row-reverse;  }
.exp-cnt-with-img:nth-child(even)  article  { padding-left: 60px;}

.exp-cnt-with-img { align-items: center;}




.listing li { padding: 2px 0 2px 25px; position: relative;} 
.listing li:after { content: ""; display: block; width: 8px; height: 8px; background-color: var(--secondaryColor); border-radius: 50%; position: absolute; left: 10px; top: 14px;}




.exp-two-column-wrapp { padding: 50px 0; gap: 30px;}
.expe-two-colmun { width: calc(50% - 30px);}


.pdngtop { padding-top: 10px;}











.elephant-cursor { 	position: absolute;  border: none; z-index: 15000;	width: 60px; 	height: 60px;   border-radius: 50%;  background-image: url(../images/favicon.png);  background-size: 100% auto;  }
.hme-hotels-wrapp, .hme-about-wrapp, .hme-destin-block, .property-decrip-blk { width: 100%;  position: relative;}
.hme-about-wrapp figure {  margin: 0 auto 25px auto; width: 300px; left: 0;  }
.floating-flower, .leaf-float-right, .leaf-float-left, .right-float-left {  position: absolute; }
.leaf-float-right { top: 60px; right: 0; width: 240px; } 
.leaf-float-left { top: 80px; left: 0; width: 260px;}
.leaf-float-left-about { top: 2%;}
.floating-flower { bottom: -60px; right: 0; }
.leaf-float-left-prop { top: 50%;}
.leaf-float-right { right: 0px;  }  
.right-float-left { right: 0; bottom: 50px;}
.right-float-left-about { top: 50%; bottom:auto;}
.align-prop-slid { display: flex; align-items: center; padding: 0 20px;     position: relative;  height: auto;} .align-prop-slid img { width: 100%;}
.welc-ypga-girl-mob { display: none;}
.img-outline, .home-destin-slie-hold figure { position: relative; overflow: hidden;}
  .img-outline::before, .home-destin-slie-hold figure::before {    position: absolute;    top: 50%;    left: 50%;    z-index: 2;    display: block;    content: "";    width: 0;    height: 0;    background: rgba(255, 255, 255, 0.1);   border-radius: 100%;    -webkit-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);    opacity: 0;  }
  .img-outline:hover::before, .home-destin-slie-hold figure:hover::before {    -webkit-animation: circle 0.75s;    animation: circle 0.75s;  }
  @-webkit-keyframes circle {
    0% {       opacity: 1;     }
    40% {      opacity: 1;    }
    100% {      width: 200%;      height: 200%;      opacity: 0;    }
  }
  @keyframes circle {
    0% {      opacity: 1;    }
    40% {      opacity: 1;     }
    100% {      width: 200%;      height: 200%;      opacity: 0;    }
  }  
.img-right { float: right; width: calc(50% - 0px); margin-left: 45px;} .destin-block-nw { margin-bottom: 20px;}
.img-left { float: left; width: calc(50% - 0px); margin-right: 45px;} 
/* ----------------------------- eq height ------------------------ */
.prop-gall-sldr .slick-track {   display: flex;  align-items: stretch;  justify-content: space-between;  flex: 1 1 auto;  height: 100%; }
.prop-gall-sldr  .slick-slide {  height: auto;  width: 100%;}
.prop-gall-sldr  .slick-slide-inner {  align-items: center;  justify-content: center;  justify-content: space-between;  flex: 1 1 auto;  height: 100%;  width: 100%;  height: auto;        }
.prop-gall-sldr  .slick-slide-image {  flex: 1 0 auto;  align-items: center;  justify-content: center;  height: auto;  width: 100%; }
/* ----------------------------- eq height ------------------------ */
/* Feel free to change duration  */ 
.animated  {  -webkit-animation-duration : 1000 ms  ;  animation-duration : 1000 ms  ;  -webkit-animation-fill-mode : both  ;  animation-fill-mode : both  ;}  
/* .owl-animated-out - only for current item */ 
/* This is very important class. Use z-index if you want move Out item above In item */ 
.owl-animated-out {  z-index : 1    }
/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */ 
.owl-animated-in {  z-index : 0    }
/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */ 
.fadeOut  {   -webkit-animation-name : fadeOut  ;  animation-name : fadeOut  ; }  
@-webkit-keyframes  fadeOut  {
  0% {    opacity : 1;   }  
  100% {    opacity : 0;  }  
}
@keyframes  fadeOut  {
  0% {    opacity : 1;  }  
  100% {    opacity : 0;  }  
}
.hme-res-item {
  position: relative;
  padding-bottom: 214px;
}

.hme-pool-bg { background-image: none !important;}


.res-slide-title { position: absolute; left: 50%; bottom: 80px; z-index: 450; transform: translateX(-50%); color: #fff; text-align: center;}
.res-slide-title .sub-title { text-align: center; color: #fff;}
.hme-res-content {
  position: relative;
  z-index: 1200;
  bottom: 0;
  width: calc(100% - 0px);
  max-width: calc(100% - 0px);
  transform: translateX(0);
  left: 0;
  background-color: rgba(255, 255, 255, 0);
  padding: 10px;
  text-align: center; margin: 0 auto;
}
.hme-res-item { padding-bottom: 0 !important;}
.hme-res-content article { border-top:none; border-left: none; border-right: none;}

.spin-bg { display: none; } .welcome-text { padding-top: 0;}

.welCapTitle { font-size: 18pt; line-height: 30px;}
.welcome-wrapp {
  padding-top: 44px;
}
.hme-tall-logo { width: 80px;} .hme-thek-logo { width: 110px;} .hme-back-logo { width: 100px;}
/* ----------------------------- Flex rest ------------------------ */
.prop-address-wrapp  { padding: 45px 0 0 0; gap: 5px; } .prop-add-blk { width: calc(33.33% - 10px); text-align: left; text-align: center;}
.prop-add-blk figure { padding-bottom: 20px; text-align: center;}
/* -- .gMap-btn { border: var(--border); border-radius: 5px; margin: 20px 0 0 0; width: 220px;} --  */
.gMap-btn a:link, .gMap-btn a:visited {   display: block;  padding: 0 0 0 25px;  background: url(../images/google-map-icon.png) no-repeat 2px center;  background-size: 13px 18px; }
.gMap-btn {  padding-top: 20px;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight {  background: #573312 !important;  color: #fff !important; }
.reservation-wrapp { font-size: 16px; } .mission-wrapp .container { justify-content: center; }
.slide_controll-spa li, .slider-nav-spa-wellness .slick-slide { cursor: grab;} .btm-counts { padding-top: 200px;}
.reservbtn-mob-wrapp {position: fixed; width: 100%; z-index: 10000; bottom: 0; display: none !important; }
.hme-spa-wrapp .slick-prev {z-index: 10000;} 
/* .page-loader {display: none;} */ .grecaptcha-badge{visibility: hidden !important;}
.hme-resortimg-mob, .slick-dots, .mobMenu, .mobMenu-show {display: none !important;} 
.mm-menu{background: #e9e0d3;} .mm-navbar, .mm-listview>li:not(.mm-divider):after, .mm-listview>li, .mm-listview>li .mm-next, .mm-listview>li .mm-next:before, .mm-listview>li:after {border-color: #d7ccbc;}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar>*{color: rgba(0, 0, 0, .75);}
.mm-navbar .mm-title {font-size: 14px;}
.mh-head .hamburger-inner, .mh-head .hamburger-inner:after, .mh-head .hamburger-inner:before { background: #593717; } .career-chbk {margin: 0 auto !important; width: calc(600px - 0px) !important;}




.sitemap-wrpp { justify-content: center; gap: 150px; padding-top: 50px; }

 
.sitemap-wrpp a:link, .sitemap-wrpp a:visited { display: block; padding: 5px 0 5px 20px; position: relative;}
.sitemap-wrpp a:before { content: ""; display: block; position: absolute; width: 6px; height: 6px; left: 0; top: 13px; background-color:#a78f6d; border-radius: 50%;}
.sitemap-wrpp .sitemap_main a:link, .sitemap_main  .sitemap-wrpp a:visited { font-size: 16pt; padding-left: 0; padding-bottom: 15px;}
.sitemap-wrpp .sitemap_main a:before { display: none; }


@media (max-width: 1500px) {
.footer-top .container { padding: 0; margin: 0;}
.footer-menu .flex-container, .foot-address .flex-container {   gap: 88px; }
.vision-block, .testi-single-item, .imp-text { width: calc(50% - 30px); }
}
@media (max-width: 1400px) {
  .welc-title {     font-size: 42px; }  
  .imm-beauty h5, .page-title h1, .feel-prem-wrapp h3, .widget-title h2 {    font-size: 36px; } 
  .hme-destin-title {    font-size: 32px; }   .hme-explr-hd {    font-size: 30px; }
  .sub-title-page h4,   .hme-explore-exper-wrapp h3, .hme-explore-exper-wrapp h4   {    font-size: 32px; }
  .feel-prem-wrapp h3 span { font-size: 26px;}
  .page-title h3, .sub-title-page h3 {    font-size: 20px; }
  .hme-explore-exper-wrapp h4 {     line-height: 48px; }
  .widget-title span {     font-size: 34px; }

  .container { max-width: 1600px; width: calc(100% - 50px); margin: 0 auto; padding: 0 25px; }
  .hme-explore-exper-wrapp .container, .hme-explore-exper-wrapp .container { gap: 35px; }
  .exp-explr-left, .exp-explr-right, .exp-explr-left, .exp-explr-right {     width: calc(50% - 35px); }
.welc-ypga-girl {    width: calc(63% - 0px); }
.corporate-video, .hme-about-wrapp article, .hme-explore-wrapp article, .hme-spa-wrapp article { padding: 0 50px;}
.hme-explore-wrapp article, .hme-spa-wrapp article { padding-bottom: 120px;}

.footer-menu-block {  gap: 53px;}
.hme-hotels-wrapp .slick-prev, .hme-hotels-wrapp .slick-next { display: none !important;}
.mission-wrapp .container {  column-gap: 30px; } .obj-blk {  width: calc(33.33% - 30px);  padding: 15px 0; }
.welcome-text {  width: calc(50% - 105px);  margin-left: 100px; }
.spin-bg img {   width: 229px; }
.corporate-video { padding-top: 45px;}
}

@media (max-width: 1300px) {
.primary-menu a:link, .primary-menu a:visited { padding: 15px 10px;}
.container {  width: calc(100% - 50px);    margin: 0 auto;    padding: 0 0px; max-width:100%; } .page-prp-nav{padding-bottom: 20px;}

.hme-about-wrapp figure {     width: 242px; }
.welcome-text {     width: calc(50% - 0px);    margin-left: 0; }
.hme-destin-block .container { position: relative; z-index: 1200;}
.spin-bg img {  width: 193px; }
.welcome-text {  margin-right: 0px;  padding-top: 60px; }
.welc-ypga-girl {  width: calc(50% - 0px); }
.welcome-text {  width: calc(50% - 0px);   margin-left: 0px;  position: relative;  right: 0;  margin-right:0;   padding-top: 0; }
.welc-title {   font-size: 40px; } .welcome-wrapp { padding-bottom: 0px;  }
.widget-title h2 {   font-size: 30px; } .widget-title span { font-size: 34px; }
.welcome-text { padding-top: 0px;}
.experiences-land-cnt article {  padding: 25px 45px; }
.h-land-title { padding-bottom: 0px; font-size: 26pt;}

}

@media (max-width: 1200px) {
.welcome-wrapp {   padding-top: 70px; }
.primary-menu a:link, .primary-menu a:visited {  padding: 15px 4px; }
.hme-res-item { padding-bottom: 290px;}
.property-banner .owl-nav {position: absolute; top: 50%; height: 50px; z-index: 200000 !important; width: 100%; } .property-banner .owl-prev {left: 10px;}
.property-banner .owl-next {right: 10px;} .prop-banner-cap {max-width: 850px;}

.footer-menu .flex-container, .foot-address .flex-container {  gap: 40px;}

}

@media (max-width: 1190px) {
  .sitemap-wrpp { justify-content: center; gap: 50px; padding-top: 50px; }

}
@media (max-width: 1090px) {
.prim-menu-wrapp, .welc-ypga-girl { display: none;}
.welc-ypga-girl-mob { display: block; width: 400px; margin: 60px auto 0 auto; }
#mobile-menu-app, .mobMenu-show { display: block !important;}
#mobile-menu-app  { position: fixed; z-index: 1200; left: 0; top: 10px; }
.sub-banner {  padding-top: 100px; } .site-logo { padding: 0 10px 20px 10px }
.head-align {  padding: 61px 0 20px 0;  transition: all 0.5s ease; }
.header-fix .head-align {  padding: 50px 0 10px 0; }
.header-fix .site-logo {   padding: 0 5px;}
.welc-ypga-girl {  width: calc(100% - 0px); text-align: center; }   .welc-ypga-girl img { width: 400px; }
.welcome-text {    width: calc(100% - 0px); }
.corporate-video, .hme-about-wrapp article, .hme-explore-wrapp article, .hme-spa-wrapp article {    padding: 0 0px; } 
.elephant-icon img { width: 150px;}
.leaf-float-left, .leaf-float-right { width: 170px; }
.slide-nav div.slick-slide {font-size: 14px; padding: 8px 15px;} .sub-title, .hme-destin-title {font-size: 24px;} .hme-res-content h4 {font-size: 20px;} .home-destin-slie-hold .align {padding: 0 10px;}
:root {--gutter:50px 0; }
.exp-explr-right figcaption {padding: 40px; font-size: 28px;}
.hme-pool-bg h5 {padding-left: 0; line-height: normal;} .hme-pool-bg figcaption {padding: 40px;}
.hme-pool-bg .knwmore-btn:link, .hme-pool-bg .knwmore-btn:visited {padding-left: 0;}
.hme-pool-bg h4 {padding-bottom: 20px;} .footer-menu-block {gap: 10px;}
.footer-top {background-size: 120px 128px;} .prop-cnt-rest, .property-decrip {padding: 20px 0;} .yoga-welcome{padding: 0;} .about-cnt-with-img figure{font-size: 60px;} 

.pax-item { width: calc(50% - 0px); }
.reserve-drop { top: 103px;}
.header-fix .reserve-drop {
  top: 91px;
}


}



@media (max-width: 990px) {
.hme-about-wrapp p, .hme-explore-wrapp p, .hme-spa-wrapp article p, .obj-main-cnt {  padding: 5px 0px; }
.leaf-float-left, .leaf-float-right {  width: 144px; }
.hme-about-wrapp figure {  width: 182px; }
.hme-pool-bg h4 {font-size: 30px;} .hme-pool-bg span {font-size: 24px;}
.footer-top {background-image: none;} .sub-page .container { max-width: calc(100% - 30px); }
.experiences-land-cnt {
  position: relative;
  width: calc(100% - 0px); }
  .experiences-land-item:nth-child(odd), .experiences-land-item:nth-child(even) { padding: 0;}


}
@media (max-width: 850px) {
.footer-menu {display: none;}
.footer-top .container0{display: block;} .foot-address {width: 400px; margin: 0 auto;}
.foot-title {padding-bottom: 0;}

.exp-cnt-with-img article, .exp-cnt-with-img figure, .exp-cnt-with-img:nth-child(even) article {
  width: calc(100% - 0px); padding: 0;
}
.exp-cnt-with-img figure { max-width: 500px; margin: 30px auto 0 auto;}
.exp-cnt-with-img {
  margin-bottom: 17px;
}

.expe-two-colmun {
  width: calc(100% - 0px); margin: 20px 0;
}
.exp-two-column-wrapp { padding: 0;}

}
@media (max-width: 800px) {
#mobile-menu-app, .mobMenu { display: block;}
.slide-nav { width:auto; }
.imm-beauty h5, .page-title h1, .feel-prem-wrapp h3, .widget-title h2 {      font-size: 28px;  }
.hme-hotels-wrapp .slick-prev, .hme-hotels-wrapp .slick-next { left: 0;} .hme-hotels-wrapp .slick-next { right: 0;}
.welcome-text { position: relative;}
.exp-explr-left, .exp-explr-right, .exp-explr-left, .exp-explr-right {        width: calc(100% - 50px); margin: 0 auto; } 
.home-destin-slie-hold .align { padding: 0 10px;}
.hme-res-content {position: relative;}
.hme-res-item { padding-bottom: 0px;} 
.hme-tall-logo { width: 90px;  } .hme-thek-logo { width: 130px; } .hme-tall-logo img { width: 100%;}
.welcome-btm { padding-bottom: 50px;}
.hme-explore-exper-wrapp .container {display: block;} .hme-explore-exper-wrapp h4 {font-size: 32px; line-height: normal; padding-bottom: 20px;}
.hme-explore-exper-wrapp h3{padding-bottom: 20px;}
.welc-title {   padding: 0px 0 0 0; }
.page-nav a:link, .page-nav a:visited { border: 1px solid rgba(224,216,203,1);}
.pdngtop {
  padding-top: 10px; text-align: center;
} 

}
@media (max-width: 768px) {


.wgh-banner-logo-new {
    width: 100px;     top: 30px;    left: 50%; transform: translateX(-50%);
}
.banner-slid-nav { height: 30px; left: 20px; bottom:20px;}

.page-title { margin-bottom: 20px;}

.hme-banner-slide { position:relative; left: 0; top: 0; width: 100%; height: auto; z-index: 16000;}
.hme-slide { width: 100%; height:auto;  position: relative;  background-position: center center; background-repeat: no-repeat; background-size: cover;}

.hme-slide-01, 
.hme-slide-02, 
.hme-slide-03 { background-image: none; }
.show-768 { display: block;}
.homeSpacer, .scrlDownBtn { display: none;}
.home-full-banner { position: relative; height: auto;}

.banner-cap-text h2 { font-size: 24px; }
.scrlDownBtn a:link, .scrlDownBtn a:visited { font-size: 12px;}
.welc-title {    font-size: 30px ;}
.welc-title span, .widget-title span {     font-size: 22px; }      
.banner-cap {  width: calc(100% - 0px); }
.home-full-banner {  }
.wgh-banner-logo {  padding-top: 33px;  width: 100px; }
.scrlDownBtn {   padding-bottom: 20px; right: 30px; }
.banner-cap-text {   position:absolute;  bottom: 140px; }
.widget-title span:after, .widget-title span::before { display: none; }
.widget-title span { padding: 0;} .animatedlogo{width: 120px !important;}
.hme-about-wrapp, .welcome-text, .hme-explore-wrapp, .hme-spa-wrapp article {font-size: 18px;} .hme-res-content article {padding: 30px 30px; text-align: justify; text-align-last:center;} .slider-btn{padding: 20px 0 0 0;} .welcome-wrapp {padding-top: 50px;} .hme-about-wrapp figure {width: 120px;} .hme-about-wrapp figure {width: 100px;}
.hme-res-content .sub-title {text-align: center;}
:root {--gutter:40px 0; } .hme-destin-wrapp {padding-top: 40px;} .hme-destin-block {padding-top: 50px;} .home-destin-slie-hold figcaption, .destin-main figcaption {font-size: 16px;} .hme-explr-hd {font-size: 20px;} .hme-explore-wrapp article, .hme-spa-wrapp article {background-image: none;}
.slide_controll-spa li, .slider-nav-spa-wellness .slick-slide {font-size: 14px;}
.hme-explore-wrapp article, .hme-spa-wrapp article { text-align: justify; text-align-last:center; } .hme-explore-wrapp article, .hme-spa-wrapp article {font-size: 18px;} .sub-title-page h4, .hme-explore-exper-wrapp h3, .hme-explore-exper-wrapp h4{font-size: 24px;} .exp-explr-right figcaption {font-size: 24px; padding: 30px;} .hme-explore-exper-wrapp h4  {font-size: 26px;}
.hme-pool-bg figcaption {position: static; margin-right: 0; width: 100%; background-color: #fff; padding: 30px;}
.hme-pool-bg h4 {font-size: 26px;} .hme-pool-bg span {font-size: 20px;}
.feel-prem-wrapp .readmore-btn {margin-top: 30px;} .feel-prem-wrapp h3 {padding-bottom: 30px;}
.slider-spa-wellness .slick-prev, .slider-spa-wellness .slick-next {display: none !important;}
.hotel-land-cnt {position: static; width: 100%; outline-offset: 0; }
.h-land-title h2 {font-size: 24px;} .hotel-land-cnt article{padding: 30px;}
#page {overflow: hidden;} .page-prp-nav a:link, .page-prp-nav a:visited {font-size: 14px;}
.about-cnt-with-img p, .spa-cnt-with-img p, .prp-sing-top p { font-size: 16px;
line-height: 26px; }
.about-cnt-with-img article, .spa-cnt-with-img article, .prty-welc-text, .desti-wedding article, .desti-intro article, .destination-block article {padding-right: 30px;}
.hme-spa-wrapp .slick-prev, #btm-prj-slider .slick-prev, .prop-gall-sldr .slick-prev, #prp-banner .slick-prev, .prop-banner.owl-carousel .owl-nav button.owl-prev {width: 30px; height: 42px; background-size: 30px 42px; background-repeat: no-repeat; left: 30px;}
.hme-spa-wrapp .slick-next, #btm-prj-slider .slick-next, .prop-gall-sldr .slick-next, #prp-banner .slick-next, .owl-next, .prop-banner.owl-carousel .owl-nav button.owl-next {width: 30px; height: 42px; background-size: 30px 42px; background-repeat: no-repeat; right: 30px;} .prop-welc-title {font-size: 22px;} .right-float-left{width: 150px;}
.prty-welc-text, .prop-welc-img {width: calc(100% - 0px);}
.prty-welc-text{padding-right: 0; padding-bottom: 20px;}
.btm-hotel-title {font-size: 26px;} 
#btm-prj-slider figcaption h3 {font-size: 20px;}
.prop-banner-cap h4 {font-size: 26px; line-height: 36px;}
.prop-banner-cap figure img {width: 110px;} .bann-sld-align {top: 110px;}
.prop-banner-cap {top: 70%;}
.prop-wel-logo img {width: 200px; } .btm-hotel-title {font-size: 30px;}
.prop-single-page {padding-bottom: 0;}
.prop-single-page .page-title {padding-top: 100px;} .leaf-float-left, .leaf-float-right{width: 100px;} .page-prp-nav li {margin: 2px 0;}
.container{width: calc(100% - 40px);}  #btm-prj-slider figure { margin: 0 10px;}
.btm-counts{padding-top: 100px; justify-content: center; gap: 10px;}
.btm-counts span{font-size: 40px;} .btm-counts span:after {top: 10px;
right: 15px; height: 40px; } .contact-address, .contact-image {
width: calc(100% - 10px); } .contact-address figure img {width: 100px;}
.prop-add-blk { width: calc(100% - 10px); } .contact-form-wrapp {margin-top: 30px;}
.booking-form .submit-btn{font-size: 10pt;}
.gmap-contact-wrapp { margin-top: 30px; height: 350px; } address {margin: 0;}
.prop-add-blk figure img {width: 100px;} .hotels-land-item{margin: 40px 0;}
.testi-main{padding: 0 ; text-align: justify; text-align-last:center;} .testi-single-item {padding: 30px 0;} .small-title {font-size: 20px;}
.testi-single-item {width: calc(100% - 0px); padding: 30px; margin: 20px 0;}
.testi-guest h6 {font-size: 20px; padding-bottom: 10px;}
.scrollTop a:link, .scrollTop a:visited {width: 30px; height: 30px;}
.career-chbk {padding: 30px; width: calc(100% - 0px) !important; }
.desti-wedding .small-title{text-align: left;}
.reserv-wrapp { gap: 20px;}
.reserv-blk { width: calc(50% - 20px); position: relative;}
}
@media (max-width: 620px) {
#mobile-menu-app { top: 0;}
.header-fix .head-align { padding: 0;}
.header-fix {    height: 40px; }
.welc-ypga-girl-mob { width: calc(100% - 0px); }
.reserv-btn { display: none;} .header-top-left{gap: 20px;}
.header-top-left{padding-left: 40px;}
.header-fix .site-logo {background-color: #f3f0e8; padding: 10px; width: 90px;}
/* .sub-banner, .header-wrapp, .page-title, .right-float-left-about, .obj-container, .leaf-float-left { display: none;} */
.topcall a:link, .topcall a:visited, .topmail a:link, .topmail a:visited{padding: 8px 2px 8px 2px;}
.btm-counts, .obj-container { overflow: hidden; width: 100%;}
.scrlDownBtn { text-transform: uppercase; }
.reservbtn-mob-wrapp {display: block !important; background-color: rgba(243, 240, 232, 1);} .reservbtn-mob-wrapp .flex-container {align-items: center;}
.reserv-btn a:link, .reserv-btn a:visited{padding: 10px 15px;}
.reservbtn-mob-wrapp .reserv-btn { display: block !important; width: calc(50% - 0px); text-align: center; } .smo ul {gap: 15px;}
.reserv-btn a{background-color: rgba(244, 222, 187, 1) !important; border: none !important; font-weight: 500 !important;} .reserv-btn {margin-left: 0;}
.smo-mob {width: calc(49% - 0px);} .smo-mob ul {justify-content: center;}
.header-top-left .smo {display: none;} .sub-title{font-size: 20px;}
.imm-beauty h4, .imm-beauty h5  {font-size: 18px;} .sub-title span{font-size: 14px;}
.slider-btn a:link, .slider-btn a:visited {font-size: 12px;}
.hme-res-content article {padding: 20px 20px;}
.hme-res-content article h4 {font-size: 16px;}
.imm-beauty h4, .vision-block h3, .hme-destin-title {background-size: 80px 33px; padding-bottom: 50px;} .home-destin-slie-hold {padding-top: 30px;} .hme-explore-wrapp {padding-top: 50px;} .slider-nav-spa-wellness {position: static;}
.slide_controll-spa li, .slider-nav-spa-wellness .slick-slide {font-size: 12px; margin: 8px 0;}
.hme-spa-wrapp .slick-prev, #btm-prj-slider .slick-prev, .prop-gall-sldr .slick-prev, #prp-banner .slick-prev, .prop-banner.owl-carousel .owl-nav button.owl-prev,
.hme-spa-wrapp .slick-next, #btm-prj-slider .slick-next, .prop-gall-sldr .slick-next, #prp-banner .slick-next, .owl-next, .prop-banner.owl-carousel .owl-nav button.owl-next {background-size: 25px 35px; width: 25px; height: 35px;}
.hme-spa-wrapp .slick-prev, .prop-gall-sldr .slick-prev, #prp-banner .slick-prev, .owl-prev {left: 20px;}
.hme-spa-wrapp .slick-prev, #btm-prj-slider .slick-prev, .prop-gall-sldr .slick-prev, #prp-banner .slick-prev, .prop-banner.owl-carousel .owl-nav button.owl-prev {left: 20px;}
.hme-spa-wrapp .slick-next, #btm-prj-slider .slick-next, .prop-gall-sldr .slick-next, #prp-banner .slick-next, .owl-next {right: 20px;} .hme-explore-wrapp article, .hme-spa-wrapp article {padding-top: 40px;}
.cpr-wrapp {display: block; text-align: center; padding:40px 0 40px;}
.design {padding-top: 10px;}
.hme-pool-bg { background-image: url(../images/pool-strip-responsive-620w.webp); } 
.hme-thek-logo{width: 70px;} .hme-back-logo {width: 80px;} .hme-tall-logo {width: 55px;}
.hme-resortimg-hide {display: none !important;} .hme-resortimg-mob {display: block !important;} .head-align{padding: 0;}
.site-logo{background-color: #f3f0e8; padding: 10px; }
.hotels-land-item { margin: 30px 0; } .hotels-land-bg{padding-bottom: 600px;}
.h-land-title{text-align: center;} .hotel-land-cnt article{padding: 20px;}
.align-prop-slid {padding: 0 5px;} #btm-prj-slider figure { margin: 0 5px; }
.prop-gall-sldr-wrapp {padding-top: 0;}
.bann-sld-align{top: 40px;} .prop-banner-cap figure img{width: 70px;}
.prop-banner-cap figure{padding-bottom: 15px;}
.prop-single-page .page-title, .btm-hotel-title {padding-top: 40px;} 
.img-right{float: none; margin-left: 0; width: calc(100% - 0px);}
.img-left { float: none; width: calc(100% - 0px); margin-right: 0; }
.sub-title-page {padding-top: 30px;}
.contact-address, .contact-form-wrapp, .destination-block article, .destination-block-two-column, .destin-block-nw, .prop-add-blk, .reservation-wrapp {padding: 30px;} .distance-blk {margin-top: 0; padding-top: 0;}
.icon-airport, .icon-climate { background-size: 25px 20px; } 
.sub-banner {padding-top: 40px;} .sub-banner figcaption {top: inherit; bottom: -10px; font-size: 24px;} .scrlDownBtn { padding-bottom: 110px; } .banner-cap-text{bottom: 160px;}
.exp-explr-left h3, .exp-explr-left h4, .sub-title-page { text-align: center;}
.cpr-wrapp {  color: #4a443b; }

.hme-res-content article p, .pop-btn, .contact-image { display: none;}

.spa-wrapp, .exp-wrapp, .about-wrapp { padding-top: 0;}



.res-slide-title { width: calc(90% - 0px); bottom: 40px;}
.hme-sld-logo {   top: 20px;  right: 20px; }

.hme-tall-logo { width: 60px;} .hme-thek-logo { width: 90px;} .hme-back-logo { width: 70px;}


.cpr-wrapp {
  display: block;
  text-align: center;
  padding: 11px 0 40px;
}

.experiences-land-item { margin-bottom: 0;}
.sub-page  { padding-bottom: 0;}
.exp-two-column-wrapp { gap: 0;}
.expe-two-colmun {
  width: calc(100% - 0px);
  margin: 0px 0;
}
.about-exper-bottom-wrapp { padding: 10px 0;}
.sub-title-page {
  padding-top: 3px;
}
.page-nav  { padding-bottom: 20px;}
.experiences-land-item { margin: 30px 0;}
.experiences-land-item:first-child { margin-top: 30px;}
.experiences-land-item:last-child { margin-bottom: 0px;}
.about-exper-bottom-wrapp .container, .about-exper-bottom-wrapp figure { padding: 0; width: calc(100% - 0px); margin: 0; display: block; max-width: 100%;} 

}

@media (max-width: 520px) {
.wgh-banner-logo, .wgh-banner-logo-new {width: 90px;} .banner-cap-text h1 {font-size: 16px;}

.rm-sld-nav { left: 20px; } .rm-sld-nav-btm { right: 20px; left: auto;}

.banner-cap-text h2{font-size: 16px; } .welc-title{font-size: 26px;}

.banner-cap-text h1, .banner-cap-text h2 { letter-spacing: 2px;}

.welCapTitle {
  font-size: 16pt;
  line-height: 30px; text-align: center;
} 
.welCapTitle span { display: block;}  .welCapTitle  br { display: none;}
.res-slide-title .sub-title { font-size: 16px;}
.res-slide-title h4 { font-size: 14px;} 

.slide-nav div.slick-slide{width: 90% !important; font-size: 12px;}
.read-more a:link, .read-more a:visited {font-size: 12px;}
.slider-btn a:link, .slider-btn a:visited {font-size: 11px;}
.slider-btn {gap: 20px;} .sub-title, .hme-destin-title, .sub-title-page h4, .hme-explore-exper-wrapp h3, .hme-explore-exper-wrapp h4 {font-size: 20px;}
.banner-cap-text{padding-bottom: 70px; background-size: 120px 56px; }
.hme-spa-wrapp .slick-prev, .hme-spa-wrapp .slick-next, #btm-prj-slider .slick-prev, #btm-prj-slider .slick-next, .prop-gall-sldr .slick-prev, .prop-gall-sldr .slick-next, #prp-banner .slick-next, #prp-banner .slick-prev, .owl-prev, .owl-next {top: 20%;}
.bann-sld-align .owl-prev, .bann-sld-align .owl-next {top: 45% !important;}
#btm-prj-slider .slick-next, #btm-prj-slider .slick-prev {top: 45% !important;}
.exp-explr-left, .exp-explr-right, .exp-explr-left, .exp-explr-right { width: calc(100% - 0px); } .exp-explr-right figcaption {font-size: 20px;}
.hme-res-content .sub-title {font-size: 18px !important;}
.imm-beauty h4, .imm-beauty h5, .hme-pool-bg figcaption h5 {font-size: 16px;}
.feel-prem-wrapp h3 {font-size: 24px;}
.feel-prem-wrapp h3 span {font-size: 22px;} .foot-address .flex-container {display: block; text-align: center;} .foot-title { text-align: center; }  
.foot-address address {margin: 0; } .knwmore-btn:link, .knwmore-btn:visited, .hme-pool-bg figcaption h5 {font-size: 14px;} .foot-address {width: 100%;}
.hme-about-wrapp figure{width: 80px;} .hme-pool-bg figcaption{padding: 20px;}
.h-land-title h2{font-size: 20px;} .h-land-title h3{font-size: 14px;}
.h-land-logo {width: 100px; margin: 0 auto;} .readmore-btn a:link, .readmore-btn a:visited{font-size: 11px;} .hotels-land-bg { padding-bottom: 400px; }
.sub-page-hotels{padding-bottom: 140px; padding-top: 160px;} .page-title {padding-bottom: 20px;}
.imm-beauty h5, .page-title h1, .feel-prem-wrapp h3, .widget-title h2, #btm-prj-slider figcaption h3 {font-size: 20px;} .btm-hotel-title {font-size: 20px;}
.btm-hotel-title figure img {width: 110px;}
.prop-gall-sldr .slick-prev, .prop-gall-sldr .slick-next {top: 45%;} .prop-gall-sldr-wrapp {padding-top: 15px;} .prop-dom {font-size: 13px;}
.property-decrip figure img {width: 110px;}
.prop-banner-cap h4 { font-size: 18px; line-height: 28px; }
.prop-wel-logo img{width: 110px;} .prop-welc-title{font-size: 20px;}
.prty-welc-text article { text-align: justify; text-align-last:center; }
.footTopSep span {width: 130px;} .right-float-left{width: 120px;}
.spa-cnt-with-img article, .spa-cnt-with-img figure, .desti-wedding article, .desti-wedding figure, .about-cnt-with-img article, .about-cnt-with-img figure {width: calc(100% - 0px); padding-right: 0;}
.spa-cnt-with-img figure, .desti-wedding figure, .about-cnt-with-img figure {margin-top: 20px;}
 .sub-banner figcaption { font-size: 20px; line-height: 30px; text-align: center; }
.spa-cnt-with-img .sub-title-page, .about-cnt-with-img .sub-title-page {text-align: center;}
.small-title-destin {padding-bottom: 20px; font-size: 20px; padding-top: 20px; text-align: left;} .btm-counts span{font-size: 30px;} .btm-counts{padding-top: 40px; padding-bottom: 0;} .cnt-full-cent {padding-top: 15px;} .about-wrapp{padding: 0;}
.btm-counts span:after {top: 0; right: 10px;} .booking-form .form-group { width: calc(100% - 0px); } .booking-form .submit-btn {padding: 8px 0;}     .contact-address figure img {width: 85px;} .site-logo{width: 80px;}  .header-fix .site-logo {width: 75px;}
.prop-banner-cap figure {display: none;} .prop-banner-cap{top: 75%;}
#page{font-size: 16px;} .testi-guest h6, .small-title {font-size: 16px;}
.animatedlogo { width: 110px !important; } .scrlDownBtn a:link, .scrlDownBtn a:visited {font-size: 10px;} .propexplr {padding: 30px 0 20px 0; font-size: 12px;} 
.prop-dom {background-size: 55px 20px;} .left-float-left {width: 115px;}
.hme-about-wrapp, .welcome-text, .hme-explore-wrapp, .hme-spa-wrapp article {font-size: 16px;} .page-nav a:link, .page-nav a:visited {font-size: 15px;}
.ph-gallery li { width: calc(50% - 5px); } .galery-wrapp ul {gap: 10px;}
.prop-gall-sldr a:after, .ph-gallery a::after{outline-offset: -10px;}

.reserv-wrapp { gap: 20px;}
.reserv-blk { width: calc(100% - 20px); position: relative;}
.banner-cap-text { bottom: 0;background-image: none; padding-bottom: 45px; top: auto; transform: translate(-50%,0%); }
.sitemap-wrpp { justify-content:flex-start; gap: 0px; padding-top: 50px; }
.sitemap_main { margin-top: 20px;}

}

@media (max-width: 479px) {
.align-prop-slid {min-height: auto !important;}
.page-nav li::after{display: none;}
}