@charset "utf-8";
 * {
     outline: none;
     margin: 0px;
     padding: 0px;
     border: none;
     text-decoration: none;
      font-family: 'Poppins';
     box-sizing:border-box;
}
 body {
     text-decoration: none;
      font-family: 'Poppins';
     font-size:18px;
     color:#505050;
     /*overflow-x: hidden;*/
}
 .c1 {
     background-color:#fff !important;
     color:#333 !important;
}
 .fa-rotate-90 {
     -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
     transform: rotate(90deg);
}

 @font-face {
     font-family: 'Poppins';
     src: url('../fonts/Poppins-SemiBold.eot');
     src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff'), url('../fonts/Poppins-SemiBold.ttf') format('truetype');
     font-weight: 600;
     font-style: normal;
}
 @font-face {
     font-family: 'Poppins';
     src: url('../fonts/Poppins-Regular.eot');
     src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'Poppins';
     src: url('../fonts/Poppins-Medium.eot');
     src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Medium.woff2') format('woff2'), url('../fonts/Poppins-Medium.woff') format('woff'), url('../fonts/Poppins-Medium.ttf') format('truetype');
     font-weight: 500;
     font-style: normal;
}

@font-face {
    font-family: 'Pine Forest Personal Use';
    src: url('../fonts/PineForestPersonalUse.eot');
    src: url('../fonts/PineForestPersonalUse.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PineForestPersonalUse.woff') format('woff'),
        url('../fonts/PineForestPersonalUse.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Midland Luxury';
    src: url('../fonts/MidlandLuxury-Regular.eot');
    src: url('../fonts/MidlandLuxury-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MidlandLuxury-Regular.woff') format('woff'),
        url('../fonts/MidlandLuxury-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Midland Luxury';
    src: url('../fonts/MidlandLuxury-Bold.eot');
    src: url('../fonts/MidlandLuxury-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MidlandLuxury-Bold.woff') format('woff'),
        url('../fonts/MidlandLuxury-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Midland Luxury';
    src: url('../fonts/MidlandLuxuryItalic-Regular.eot');
    src: url('../fonts/MidlandLuxuryItalic-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MidlandLuxuryItalic-Regular.woff') format('woff'),
        url('../fonts/MidlandLuxuryItalic-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Midland Luxury';
    src: url('../fonts/MidlandLuxuryItalic-Bold.eot');
    src: url('../fonts/MidlandLuxuryItalic-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MidlandLuxuryItalic-Bold.woff') format('woff'),
        url('../fonts/MidlandLuxuryItalic-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Angelina Malika Free';
    src: url('../fonts/AngelinaMalikaFree-Regular.eot');
    src: url('../fonts/AngelinaMalikaFree-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AngelinaMalikaFree-Regular.woff2') format('woff2'),
        url('../fonts/AngelinaMalikaFree-Regular.woff') format('woff'),
        url('../fonts/AngelinaMalikaFree-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Geomanist';
    src: url('../fonts/Geomanist-Medium.eot');
    src: url('../fonts/Geomanist-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Geomanist-Medium.woff2') format('woff2'),
        url('../fonts/Geomanist-Medium.woff') format('woff'),
        url('../fonts/Geomanist-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}



.row-responsive{
    display: none;
}

 .clear {
     clear: both 
}
 audio, ::selection {
     background:#8cc248;
     color: #fff;
}
 .effect-shine:hover {
     -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,0.8) 30%, #000 50%, rgba(0,0,0,.6) 70%);
     -webkit-mask-size: 200%;
     -webkit-animation: shine 2s infinite;
     animation: shine 2s infinite;
}
 .grecaptcha-badge{
     display:none !important;
}
 .img-full{
     width: 100%;
     height:auto;
     display: block 
}
 .img-responsive {
     max-width: 100%;
     height:auto;
}
 .container{
     width:100%;
     padding-left:5%;
     padding-right:5% 
}

.effect-shine:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, 0.8) 30%, #000 50%, rgba(0, 0, 0, .6) 70%);
    -webkit-mask-size: 200%;
    -webkit-animation: shine 2s infinite;
    animation: shine 2s infinite;
   }
   @-webkit-keyframes shine {
    from {
     -webkit-mask-position: 150%;
    }
    to {
     -webkit-mask-position: -50%;
    }
   }
   .effect-shine1:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(255, 172, 0, 1) 30%, #000 50%, rgba(255, 172, 0, .6) 70%);
    -webkit-mask-size: 200%;
    -webkit-animation: shine 2s infinite;
    animation: shine 2s infinite;
   }
   @-webkit-keyframes shine1 {
    from {
     -webkit-mask-position: 150%;
    }
    to {
     -webkit-mask-position: -50%;
    }
   }
   .line > a:after {
    display: block;
    content: '';
    border-bottom: 2px solid #675192;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
   }
   .line > a:hover:after {
    transform: scaleX(1);
   }
   .hvr-underline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
   }
   .hvr-underline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    background: #006a4e;
    height: 2px;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
   }
   .hvr-underline-reveal:hover:before,
   .hvr-underline-reveal:focus:before,
   .hvr-underline-reveal:active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
   }
 .logo1{
     display:none 
}
 .banner-wraper{
     width:100%;
     height:auto;
     position:relative;
     z-index:1;
}
.mob-link{
    display: none !important;
} 
.top-quickwraper{
    width:100%;
    height: auto;
    background-color:#594637 ;
    padding: 5px 0px;
position: relative;
}
 .top-wraper{
     width:100%;
     height: auto;
     z-index: 9999;
position: relative;
}
 .top-container{
     width:100%;
     padding-left:5%;
     padding-right:5%;
}
.sexy-menu.detached .nav-header {
    box-shadow: unset;
    background: unset;
}
.sexy-menu.detached .nav-menu > li > a{
     margin: 10px 10px !important;
}
 .tophead{
     width:100%;
     height:auto;
     position:relative;
}
.tophead ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    float: right;
}
.tophead ul li{
    width: auto;
    height: auto;
    float: left;
    font-family: inherit;
    font-size: 1em;
    line-height:48px ;
    color: #fff;
    margin-left: 20px;
    -webkit-transition: padding .2s;
    -moz-transition: padding .2s;
    -o-transition: padding .2s;
    transition: padding .2s;
}
.tophead ul li a{
    width: auto;
    height: auto;
    font-family: 'Poppins';
    font-size: 1em; font-weight: 300;
    color: #fff;
    display: flex;
    align-items: center; 
    
}
.tophead ul li a:hover {
    color:#fff;

}


.apply {
    font-family: 'Poppins';
    font-weight: 600 !important;
    color: #333 !important;
    padding: 0px 45px;
    border-radius: 100px;
    background-color: #f5ebe1;
    text-transform: uppercase;
    line-height: 33px;    margin-top: 8px;
}
.apply:hover {
    color: #333;
    background-color: #cdaa41;
}

.tophead ul li a img{
    margin-right: 10px;
}
 .top-header{
     width:100%;
     height:auto;
     position:relative;
     z-index:99;background: #fff; 
}
 .top-contact{
     width: auto;
     height:auto;
     float:left;
     clear: both;
}
 .logo-container{
     width:auto;
     height:auto;
     position:absolute;
     left:0;
     top:0;
     padding-top:10px;
}
 .menu-container{
     width: auto;
     height: auto;
     float:right;
     margin-top:1em 
}
 .logo{
     width:auto;
     height:auto;
     float:left;
}
 .effect-shine:hover {
     -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,0.8) 30%, #000 50%, rgba(0,0,0,.6) 70%);
     -webkit-mask-size: 200%;
     -webkit-animation: shine 2s infinite;
     animation: shine 2s infinite;
}
 @-webkit-keyframes shine {
     from {
         -webkit-mask-position: 150%;
    }
     to {
         -webkit-mask-position: -50%;
    }
}
 .effect-shine1:hover {
     -webkit-mask-image: linear-gradient(-75deg, rgba(255,172,0,1) 30%, #000 50%, rgba(255,172,0,.6) 70%);
     -webkit-mask-size: 200%;
     -webkit-animation: shine 2s infinite;
     animation: shine 2s infinite;
}
 @-webkit-keyframes shine1 {
     from {
         -webkit-mask-position: 150%;
    }
     to {
         -webkit-mask-position: -50%;
    }
}
 .top-quickwraper{
     width:100%;
     height:auto;
}
 .header-contact{
     width:auto;
     height:auto;
     float:left;
}

.header-social{
    width:auto;
    height:auto;
    float:right;
    padding-top: 3px;
}
.booknow{
    width: auto;
    height:auto ;
    float: left;
    margin-left: 1em;
    margin-top: 2px;
}
.header-social{
    width: auto;
    height:auto ;
    float: right;
    margin-left:0.5em;
}
.social-media-header{
    width: 36px;
    height: 36px; 
    border: 1px solid #ccc;
    float: left;
    margin-left:0.5em;
}
.social-media-header a{
    width: 36px;
    height: 36px; 
    padding: 0px;
    color: #fff;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;

}
.social-media-header a:hover{
    background-color: #fff;
    color:#526954 ;
}

body.home .nav-menu>li a.home, body.about .nav-menu>li a.about,
 body.rooms .nav-menu>li a.rooms, body.restaurant .nav-menu>li a.restaurant, 
 body.spices .nav-menu>li a.spices, body.facilities .nav-menu>li a.facilities,
 body.packages .nav-menu>li a.packages, body.activities .nav-menu>li a.activities,
 body.ayurveda .nav-menu>li a.ayurveda, body.facilities .nav-menu>li a.facilities,
 body.reservation .tophead ul li a.reservation,
  body.testimonials  .tophead ul a.testimonials,
 body.gallery .tophead ul li a.gallery, body.contact .nav-menu>li a.contact,
  body.blog .tophead ul li a.blog, body.apply .tophead ul li a.apply{
    color: #cdaa41;
}



.booknow a {
    position: relative;
    display: inline-block;
    padding: 6px 30px;
    color: #fff;
    font-size: 1em;
    text-decoration: none;
    text-transform: uppercase;
    overflow: hidden;
    transition: .5s;
    font-family: 'Cinzel';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

  
  .booknow a:hover {
    background: #fff;
    color: #526954;
  }
  
  .booknow a span {
    position: absolute;
    display: block;
  }
  
  .booknow a span:nth-child(1) {
    top: 0;
    left: -100%;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, transparent, #fff);
    animation: btn-anim1 1s linear infinite;
  }
  
  @keyframes btn-anim1 {
    0% {
      left: -100%;
    }
    50%,100% {
      left: 100%;
    }
  }
  
  .booknow a span:nth-child(2) {
    top: -100%;
    right: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg, transparent, #fff);
    animation: btn-anim2 1s linear infinite;
    animation-delay: .25s
  }
  
  @keyframes btn-anim2 {
    0% {
      top: -100%;
    }
    50%,100% {
      top: 100%;
    }
  }
  
  .booknow a span:nth-child(3) {
    bottom: 0;
    right: -100%;
    width: 100%;
    height: 2px;
    background: linear-gradient(270deg, transparent, #fff);
    animation: btn-anim3 1s linear infinite;
    animation-delay: .5s
  }
  
  @keyframes btn-anim3 {
    0% {
      right: -100%;
    }
    50%,100% {
      right: 100%;
    }
  }
  
  .booknow a span:nth-child(4) {
    bottom: -100%;
    left: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(360deg, transparent, #fff);
    animation: btn-anim4 1s linear infinite;
    animation-delay: .75s
  }
  
  @keyframes btn-anim4 {
    0% {
      bottom: -100%;
    }
    50%,100% {
      bottom: 100%;
    }
  }
  
  
 .header-call{
     width:auto;
     height:auto;
     float:left;
     line-height:50px;
     font-family: 'Cinzel';
     font-size:1em;
     font-weight: normal;
    font-style: normal;
    font-display: swap;
     color:#fff;
}
 .header-call a{
     line-height:50px;
     font-family: inherit;
     font-size:1em;
     font-weight:400;
     color:#fff;
     margin-right:30px;
}
 .header-call a:hover{
     font-family: inherit;
     font-size:1em;
     font-weight:400;
     color:#eee2c9;
}
 .desk-view{
     display:block 
}
 .mob-view{
     display:none 
}
 .nav-menu > li:nth-last-child(1) a{
     padding-right:0%;
}
 .footer-wraper {
     width:100%;
     height:auto;
     background-color:#0e2a34;
}
 .copy-right {
     width:auto;
     height:auto;
     float:left;
     color:#f7f7f7;
     font-family:inherit;
     font-size:1em;
     font-weight:normal;
     line-height:50px 
}
 .designed {
     width: auto;
     height: auto;
     float: right 
}
 .designed-ido {
     float: right;
     height: auto;
     padding-left: 8px;
     width: auto;
     color:#f7f7f7 
}
 .designed p {
     width: auto;
     height: auto;
     float: right;
     color:#f7f7f7;
     font-family:inherit;
     font-size:1em;
     font-weight:400;
     line-height:50px 
}
 .designed p a {
     text-decoration: none;
     color:#f7f7f7;
     font-family:inherit;
     font-size:1em;
     font-weight:normal 
}
 .designed p a:hover {
     text-decoration: none;
     color:#fff;
     font-family:inherit;
     font-size:1em 
}
  .whats-app{
    position:fixed;
    bottom:10vh;
    right:0vh;
    margin-right:4%;
    width:30px;
    z-index:120000
}
 
.whats-app img{
    animation-name:floating;
    animation-duration:3s;
    animation-iteration-count:infinite;
    animation-timing-function:ease-in-out;
    margin-left:30px;
    margin-top:5px;
    opacity:1;
    max-width:40px
}
.whats-app:hover img{
    opacity:1
}
@keyframes floating{
    from{
        transform:translate(0,0)
    }
    65%{
        transform:translate(0,15px)
    }
    to{
        transform:translate(0,0)
    }
}
.footer-outer-wraper{
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 45px;
    position: relative;
    overflow: hidden;
    background: #fff;
  }
  .footer-bg{
    width: auto;
    height: auto;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .footer-bg img{
    width: auto;
    height: auto;
    display: block;
  }
  .footer-container{
       width:100%;
    height: auto;
    z-index: 9;
  position: relative; 
  text-align: center;
}
.footer-content {
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: text-top;
    float: none;
    margin-bottom: 1em !important;
    text-align: left;
    margin: 0px 2em;
    min-width: 15%;
}

/*.footer-content:nth-child(2) {
    width:15% 
}
.footer-content:nth-child(3) {
    width:28% 
}
.footer-content:nth-child(4) {
    padding-left:3% 
}
*/
.footer-content-for {
    width:100%;
    height:auto;
    padding-bottom:1.5em;
    display:flex;
    align-items:center 
}
.footer-content-for:nth-child(1) {
    align-items: flex-start;
    
}
.footer-content-icon {
    width:50px;
    text-align: center;
    float:left ;
    color: #05669e;
    font-size: 1.25em;
}
.footer-content-details {
    width:auto;
    height:auto;
    float:left 
}
.footer-content-details p {
    width:100%;
    height:auto;
    font-family:inherit;
    line-height:1.7;
    color:#333;
    font-size:1em 
}
.footer-content-details p a {
    font-family:inherit;
    line-height:1.7;
    color:#333;
    font-size:1em 
}
.footer-logo {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 0em 0em 1.5em 0em;
    position: relative;
    z-index: 99;
    overflow: hidden;
    background-color: #fff;
    padding-top: 1.5em;
  }
/*.footer-logo img {
    filter: invert(100%);
    -webkit-filter: invert(100%);
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1) 
}
*/

.footer-top-title {
    width:100%;
    height:auto;
    text-align:left;
    color:#0e4b61;
    font-size:1em;
    padding-bottom:15px;
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    font-family:  inherit;
    text-transform: uppercase;
}
.footer-content ul {
    margin:0px;
    padding:0px;
    list-style-type:none 
}
.footer-content ul li {
    font-family: inherit;
    font-size:1em;
    line-height:1.7;
    margin-bottom:8px;
}
.footer-content ul li a {
    font-family: inherit;
    font-size:1em;
    color:#333;
    -webkit-transition: padding .2s;
    -moz-transition: padding .2s;
    -o-transition: padding .2s;
    transition: padding .2s;
    font-weight: normal 
}
.footer-content ul li a:hover {
    font-family: inherit;
    font-size:1em;
    color:#675192;
    padding-left:3px;
    font-weight: normal 
}
.footer-social-links {
    width: auto;
    height: auto 
}
.footer-social-links ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
.footer-social-links ul li{
    margin-right:1em;
    float: left;
}
.footer-social-links ul li a{
    color:#0e2a34;
    font-size:1.35em;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-social-links ul li a:hover{
    color:#675192;
    font-size: 1.35em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-outer-left-bg {
    width: auto;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .footer-outer-right-bg {
    width: auto;
    height: auto;
    position: absolute;
    right: 0;
    bottom: 0;
  }

  .scroll-down {
    transform: rotate(270deg);
    font-family: inherit;
    font-size: 1em;
    color: #fff;
    text-align: center;
    line-height: 30px;
    text-transform: uppercase;
  }

  .footer-links{
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
    position: relative;
  margin-bottom: -0.5em;
   }
   .footer-links-for{
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 auto;
   }
   .footer-links-for ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
   }
   .footer-links-for ul li{
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: bottom;
    float: none;
    font-size: 1em;
    color: #333;
    font-family: inherit;
    font-weight: normal;
   }
   .footer-links-for ul li img{ width: 60%;}
   
.logobg{
    width: auto;
    height: auto;
    width: auto;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  float: none;
  margin-top: 2em;
}
.footer-logo a{  width: auto;
    height: auto;
    width: auto;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  float: none;
  margin: 0px 2em;
  
}

.bottom-section{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}
.bottom-section-pic{
    width: 100%;
    height: auto;
}
.bottom-container{
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
}

.main-wraper{
    width: 100%;
    height: auto;
    padding-top: 60px;
    position: relative;
}
.bottom-title{
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 3.071em;
    font-family: 'Pine Forest Personal Use';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    color: #ebebeb; margin-bottom: 10px;
    
}
.bottom-container p{
    width: 100%;
    height: auto;
    text-align: center;
    color: #cacccd;
}
.book-now-button{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 1em;
}


/* Wobble Bottom */

[class^="hvr-"] {
    margin: .4em;
    cursor: pointer;
    background: url(../images/booknow.png) no-repeat;
    text-decoration: none;
    color: #fff;
    /* Prevent highlight colour when element is tapped */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
  
    /* Smooth fonts */
    -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      width: 230px;
      height: 60px;
      text-align: center;
      line-height: 60px;
      font-size: 2.211em;
      font-family: 'Pine Forest Personal Use'; letter-spacing: 2px;
      font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  .aligncenter {
    text-align: center;
  }
@-webkit-keyframes hvr-wobble-bottom {
    16.65% {
      -webkit-transform: skew(-12deg);
      transform: skew(-12deg);
    }
    33.3% {
      -webkit-transform: skew(10deg);
      transform: skew(10deg);
    }
    49.95% {
      -webkit-transform: skew(-6deg);
      transform: skew(-6deg);
    }
    66.6% {
      -webkit-transform: skew(4deg);
      transform: skew(4deg);
    }
    83.25% {
      -webkit-transform: skew(-2deg);
      transform: skew(-2deg);
    }
    100% {
      -webkit-transform: skew(0);
      transform: skew(0);
    }
  }
  @keyframes hvr-wobble-bottom {
    16.65% {
      -webkit-transform: skew(-12deg);
      transform: skew(-12deg);
    }
    33.3% {
      -webkit-transform: skew(10deg);
      transform: skew(10deg);
    }
    49.95% {
      -webkit-transform: skew(-6deg);
      transform: skew(-6deg);
    }
    66.6% {
      -webkit-transform: skew(4deg);
      transform: skew(4deg);
    }
    83.25% {
      -webkit-transform: skew(-2deg);
      transform: skew(-2deg);
    }
    100% {
      -webkit-transform: skew(0);
      transform: skew(0);
    }
  }
  .hvr-wobble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }
  .hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
    -webkit-animation-name: hvr-wobble-bottom;
    animation-name: hvr-wobble-bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
  }
  .restaurant-wraper{
    width: 100%;
    height: auto;
    padding: 55px 0px 13em;
    position: relative;
    overflow: hidden;
  }
  
section.module.parallax {
    height: auto;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #f8f5ef;
    padding-top: 200px;
    padding-bottom: 220px;
   }
   section.module.parallax-1 {
    background-image: url(../images/restaurant-bg.webp);
   }
   .restaurant-left-top{
    width: auto;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
   }

   .restaurant-left-bottom{
    width: auto;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 0;
    mix-blend-mode: multiply !important;
   }
   .restaurant-left-bottom img{mix-blend-mode: multiply !important; display: block; -webkit-animation-fill-mode: none !important;
    animation-fill-mode: none !important}

   .restaurant-right-top{
    width: auto;
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
   }
   .restaurant-right-bottom{
    width: auto;
    height: auto;
    position: absolute;
    right: 0;
    bottom: 2em;
   }
   .features-wraper{
    width: 100%;
    height: auto;
    position: relative;
   }
   .activities-wrap{
    width: 50%;
    height: auto;
    float: left;
    position: relative;
   }
   .feature-pic{
    width: 100%;
    height: auto;
   }
   .feature-container{
    width: 100%;
    height: auto;
    padding: 20% 20% 25% 20%;
    display: flex;
    align-items: center;
    justify-content: flex-end;    background-image: url(../images/activity-pic.webp);
    background-size: cover;
   }
   .activities-wrap:nth-child(2) .feature-container{
    padding: 20% 20% 25% 20%;background-image: url(../images/facility-pic.webp);  background-size: cover;
}

   .activity-title-wrap{
    width: auto;
    height: auto;
    float: right;
    margin-bottom: 3em;
   }
   .facility-title-wrap {
    width: auto;
    height: auto;
    float: left;
    margin-bottom: 3em;
  }
   .facitility-title{
    width: auto;
    height: auto;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    font-family: 'Pine Forest Personal Use';
    font-size: 1.889em;
    text-align: left;
    color: #e7e7e7;

   }
   .facitility-title span{
    font-size: 2.353em;
    display: block;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    font-family: 'Pine Forest Personal Use';

   }
   .facility-content-wrap{
    width: 100%;
    height: auto;
    padding: 1em 20%;
   }
   .facility-content-wrap ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
   }
   .facility-content-wrap ul li{
    width: 49%;
    height: auto;
    background:#b99d7a url(../images/listing.png) no-repeat 15px center  ;
    border-radius: 10px;
    float: left;
    padding:0px 20px ;
    line-height: 36px;
    font-size: 0.9em;
    font-family: inherit;
    color: #19271a; font-weight: 600;
    margin-bottom: 3%;
    padding-left: 44px;
    
   }
   .facility-content-wrap ul li:nth-child(2n+2){ float: right;}
   .wellness-wraper{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
   }
   .wellness-pic{
    width: 100%;
    height: auto;
   }
   .wellness-container{
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
   }
   .wellness-content{
    width: 65%;
    height: auto;
    float: right;
    padding-right: 5%;
    display: flex;
   }
   .wellness-content-pic{
    width: auto;
    height: auto;
    float: left;
    margin-right: 2em;
   }
   .wellness-content-for{
    width: auto;
    height: auto;
    float: left;
    padding-top: 5em;
   }
   .wellness-title{
    width: 100%;
    height: auto;
    text-align: left;
    font-size: 3.556em; margin-bottom: 10px;
    font-family: 'Pine Forest Personal Use';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    color: #627c5a;
   }
   .wellness-content-for p{
    width: 100%;
    height: auto;
    text-align: left;
    font-family: 'Midland Luxury';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    color: #333; letter-spacing: 1px;
    font-size: 0.667em;line-height: 25px;
   }
   .wellness-content-border{
    width: 100%;
    height: auto;
    text-align: left; margin-top: 10px;
   }
   .wellness-for{
    width: 100%;
    height: auto;
   }
   .wellness{
    width: 30%;
    height: auto;
    float: left;
    margin-right: 5%;
    border-right: 1px solid #ccc;
    margin-top: 2em;
   }
   .wellness:nth-child(3n+3){ margin-right: 0%; border: none;}
   .wellness:nth-last-child(1){ border: none;}
   .wellness-icon{
    width: 85px;
    height: 85px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow:rgb(149 157 165 / 50%) 0px 2px 24px;
    background-color: #e4ebd2;
   }
   .wellness-name-title{
    width: 100%;
    height: auto;
    font-size: 1em;
    line-height: 1.7;
    color:#333 ;
    font-weight: normal;
    text-align: left;
   }
   .wellness-leaf{
    width: auto;
    height: auto;
    position: absolute;
    right: 0;
    bottom: 0.5em;
  z-index: 1;
   }


  .nav-dropdown > li span{ text-transform: uppercase; font-family: 'Cinzel';
    font-weight: normal;
    font-size: 1.25em;
    font-weight: normal; color: #006a4e !important;}
    .banner-wraper{
        width: 100%;
        height: auto;
        position: relative;
    }
    .banner-pics{
        width: 100%;
        height: auto;
    }
    .banner-caption-wrap{
        width: 100%;
        height: auto;
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        left: 0;
        bottom: -5em;
    }
    .banner-caption{
        width: auto;
        height: auto;
        font-family: 'Pine Forest Personal Use';
        font-weight: normal;
       font-style: normal;
    font-display: swap;
    font-size: 5.444em; line-height: 90px;
    color: #f5ebe1;    
    position: relative;

    }
    .nature-left{
        width: auto;
        height: auto;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .room-right{
        width: auto;
        height: auto;
        position: absolute;
        right: 0px;
        bottom: 7.5em;
    }
    .room-left{
        width: auto;
        height: auto;
        position: absolute;
        left: 0px;
        bottom: 0em;
        z-index: 1;
    }
    .spices-top{
        width: auto;
        height: auto;
        position: absolute;
        right: 0px;
        top: 1em;
    }
    .spices-bottom{
        width: auto;
        height: auto;
        position: absolute;
        right: 0px;
        bottom: 10em;
    }

   
    .banner-caption-sub{
        width: auto;
        height: auto;
        text-align: center;
        font-family: 'Midland Luxury';
        color: #f5ebe1;
        font-size: 1.444em;    line-height: 25px;
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }
    .banner-caption-sub span{
        text-align: center;
        font-family: 'Midland Luxury';
        color: #f5ebe1;
        font-weight: normal;
        font-style: italic;
        font-display: swap;
        font-size: 0.462em;
    }
    .caption-border{
        width: 100%;
        height: auto;
        text-align: center;
    }
  .caption-border1 {
    bottom: -25px;
    position: absolute;
    left: 6%;
}
.caption-border2 {
    bottom: -25px;
    position: absolute;
    right: 6%;
}
    .rooms-wraper{
        width: 100%;
        height: auto;
        position: relative;    background-image: url(../images/roomsbg.webp);
    }
    .thekkady-wraper{
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }
    .middle-wraper{
        background-image: url(../images/middlebg.webp);
        background-size: cover;
    }
    .welcome-container{
        width: 100%;
        height: auto;
        padding-top: 12em;
    }
    .welcome-content{
        width: 90%;
        height: auto;
 margin: 0 auto;    }
    .welcome-content-left{
        width: 70%;
        height: auto;
        float: left;
        z-index: 1;
        position: relative;
    }
    .welcome-right{
   width: 28%;
    height: auto;
    float: left;
    margin-left: 20px;
    }
    .welcome-pic{
        width: 50%;
        height: auto;
        float: left;
    }
    .welcome-pic2 img,.welcome-pic img,.welcome-pic3 img {
    box-shadow: 0px 10px 30px 0px #000;
}
       .welcome-pic3{
        width: 60%;
        height: auto; margin-bottom: 3em;
    }
    .welcome-pics {
    display: flex;}
    .welcome-pic:nth-child(2),.welcome-pic:nth-child(3){ padding-left: 20px;}
    .welcome-title{
        width: 100%;
        height: auto;
        text-align: left;
        font-family: 'Pine Forest Personal Use';
        font-weight: normal;
        font-style: normal;
        font-display: swap;
        color: #f5ebe1;
        font-size: 3.092em;line-height: 60px;
    }
    .welcome-title-sub{
        width: 100%;
        height: auto;
        text-align: left;
        font-family: 'Poppins';
        font-weight: normal;
    font-style: normal;
    font-display: swap;
    color: #e8dfd5;
    font-size: 1.25em;line-height: 30px;    margin-bottom: 20px;
    }
    .welcome-title-sub span{
        font-family: 'Poppins';
        font-weight: normal;
        font-display: swap;
    color: #ba976a;
     font-size: 1em;
    }
    .welcome-title-border{
      width: 100%;
    height: auto;
    text-align: left;
    margin-top: 10px;
    }
    .welcome-content p{
        color: #c7c8c7;
        text-align: justify;
        padding-top: 1em; padding-right: 10px;
    }
.welcome-content-start {
    position: relative;
    top: -7em;
}
.thekkady-conatainer{
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    padding-top:13.5%;
}
.thekkady-spices{
    width: 62%;
    height: auto;
    float: right;
    display: flex;
    align-items: center;
}
.thekkady-spices-title{
    width:inherit;
    height: auto;
    float: left;
    font-family: 'Pine Forest Personal Use';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  color: #c6dfae;
  font-size: 4.444em;
  text-align: left;
  line-height: 1;
 
}
.thekkady-content{
    width: auto;
    height: auto;
    float: left;
    border-left: 1px solid #ccc;
    padding-left: 3em;
    margin-left: 1em;
    padding-right: 5%;
}
.thekkady-content p {
    width: 100%;
    color: #fff;
    text-align: justify;
  }
  /*tab*/
  .tab {
  float: left;
     width: 35%;
    margin-right: 5%;
}

/* Style the buttons inside the tab */
.tab button {
 display: block;
    margin: 0;    text-align: left;
    cursor: pointer;
    float: none; position: relative;
    padding-top: 21px;
    padding-bottom: 21px;
    border-bottom: 1px solid #c3bbb3;
    text-transform: uppercase;
    font-family: 'Poppins';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    color: #2b3e28;
    font-size: 1.5em;
    letter-spacing: 1px;
    background: unset;
    width: 100%;
}
.tab button span{
    font-weight: normal;
    font-size: .75em; letter-spacing: -1px;
    line-height: 1.7;
    text-align: justify;
    text-transform: none !important;
    font-family: 'Poppins';
    color: #82604b;
}
.tabcontent {
  float: left;
  padding:0px 40px;
  width: 60%;    margin-top: -50px;
  height: 100%;
}
.tabcontent2{

}
.tabcontent h3{
    color: #d6b39e;
    font-size: 1.4em;margin-top: 0;
    font-family: 'Breakthrough';
    letter-spacing: 2px;text-align: center;
}
.tab button.active:after {
    content: '';
    position: absolute;
    top: auto;
    right: -60px;
    height: 100px;
    width: 100px;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    background-image: url(../images/arrow-dot.png);
}

  /*tab*/
/* Rectangle Out */
 .know-more{
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    font-family: inherit;
    font-size: 1em;
    text-transform: uppercase; letter-spacing: 3px;
    color: #fff;
    line-height: 38px;
    width: auto;
    height: auto;
    margin-top: 1em;
    border-bottom: 1px solid #f5f5f5;
  }

  .hvr-rectangle-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #744c8f;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;

    font-family: inherit;
    font-size: 1em;
    text-transform: uppercase;
    border-radius: 100px;
    color: #fff;
    line-height: 38px;
    width: auto;
    height: auto;
  }
  .view-det:hover,.know-more:hover{
    color: #ba976a
  }
  .hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
    color: white;
  }
  .hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  .thekkady-spices-bottom{
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 1em;
    left: 0;
  }
  .thekkady-spices-bottom-container {
    height: auto;
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
  padding: 0px 5em;
  }
  .spices-bottom-container{
    width: auto;
    height: auto;
    float: left;
  }
  .spices-bottom-container-icon{
    width: 100%;
    height: auto;
    text-align: center;
  }
  .spices-bottom-container-name{
    width: 100%;
    height: auto;
    font-size: 1em;
    font-family: inherit;
    font-weight: 500;
    color: #546251;
    text-align: center;
  }
  section.restaurant-position{
    position: relative;    top: -130px; z-index: 1;
  }
  body.home .bottom-section{
    margin-top: -367px;  
  }
 body.home .bottom-container{
    top: 250px;
  }
  .restaurant-container{
    width: 75%;
    height: auto;
    margin: 0 auto;
    position: relative;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../images/resto-bg.jpg);
    background-size: cover;
  }
  .img-side {
    position: absolute;
    height: 240px;
    right: -30px; width: unset !important
}
  .rest-img .img-rest{
    width: 100% !important
  }
  .farm-table{
    width: auto;
    height: auto;
    position: absolute;
    left: 6em;
  top: 0em;
  }
  .restaurant-main{
    position: relative;
    z-index: 9; display: flex;
    align-items: center;width: 100%;
    justify-content: center;
  }
  .expertise{
    width: auto;
  height: auto;
  position: absolute;
  float: left;
  bottom: 0;
  left: 8em;
  }
  .ambians{
    width: auto;
    height: auto;
    position: absolute;
    right: 15em;
  top: -3em;
  }
  .culinary{
    width: auto;
    height: auto;
    position: absolute;
    right: 4em;
    top: 10em;
  }

  .live-cooking{
    width: auto;
    height: auto;
    position: absolute;
    right: 15em;
  bottom: -4em;
  }


  
 .service-box{
    font-family:  inherit;
    overflow: hidden;
    position: relative;
 }
 .service-box:before,
 .service-box:after,
 .service-box .box-content:before,
 .service-box .box-content:after{
    content: "";
    background: linear-gradient(to right bottom,#000,#000);
    width: 50%;
    height: 50%;
    border-radius: 0 0 200% 0;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all 0.3s ease-in;
 }
 .service-box:after{
    transform: rotateY(180deg);
    left: auto;
    right: 0;
 }
 .service-box .box-content:before{
    transform: rotateX(180deg);
    top: auto;
    bottom: 0;
 }
 .service-box .box-content:after{
    transform: rotateZ(180deg);
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
 }
 .service-box:hover:before,
 .service-box:hover:after,
 .service-box:hover .box-content:before,
 .service-box:hover .box-content:after{
    border-radius: 0;
    opacity: 0.8;
 }
 .service-box img{
    width: 100%;
    height: auto;
    transition: all 0.6s ease 0s;
 }
 .service-box:hover img{ transform: scale(1.2); }
 .service-box .box-content{
    color: #fff;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 20px 0;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
 }
 .service-box .box-content .inner-content{
    width: 100%;
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) rotateX(0deg);
    transform-origin: bottom center;
    position: absolute;
    top: 20%;
    left: 50%;
    z-index: 2;
    transition: all 0.4s ease-in;
    
 }
 .service-box:hover .box-content .inner-content{
    opacity: 1;
    transform: translateX(-50%) translateY(50%) rotateX(0);
    top: 50%;
 }
 .service-box .title{
    font-size: 0.5em;
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    font-family: 'Midland Luxury';
    margin: 0 0 2px; letter-spacing: 1px;
    color:#e7e0d2;
 }
 .service-box .post{
    font-size:0.85em;
    font-weight: 400;
    text-transform: lowercase;
    letter-spacing: 1px;
    display: block;
    border: 1px solid rgba(255,255,255,0.2);
    max-width: 140px;
 margin: 0 auto;
 line-height: 30px;
 color: rgba(141,141,94,0.5);
 }
 
 @media only screen and (max-width:990px){
    .service-box { margin: 0 0 30px; }
 }
 
 .services-caption{ justify-content: flex-end; padding-right: 5%; padding-bottom: 2em;}
 .restaurant-main-for{
    width: 50%; float: left;
    height: auto;
   
 }
 .rest-img{
width: 50%; float: left;
    height: auto; position: relative;
 }
 .restaurant-main-title{
    width: auto;
    height: auto;
    font-size: 2.426em;
    font-family: 'Pine Forest Personal Use';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    color: #846f61;text-align: center;
    line-height: 1;
 }

    
/* Rectangle Out */
.join {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    background: #846f61;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    font-family: inherit;
    font-size: 1em;
    text-transform: uppercase;
    color: #fff;
    line-height: 38px;
    width: auto;
    height: auto;
    padding: 5px 35px;
    margin-top: 1em;
    letter-spacing: 2px;
  }
  .join:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #744c8f;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;

    font-family: inherit;
    font-size: 1em;
    text-transform: uppercase;
    border-radius: 20px;
    color: #fff;
    line-height: 38px;
    width: auto;
    height: auto;
  }
  .join:hover, .join:focus, .join:active {
    color: white;
  }
  .join:hover:before, .join:focus:before, .join:active:before {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
 
 .rooms-content-wraper{
    width: 100%;
    height: 100%;

 }
 .rooms-content-wraper .container{ 
    height: 100%;width: 80%;    display: flex;
    align-items: center;
    margin: 0 auto;}
 .tab-content-for{
    width: 100%;
    height: 100%;
    padding-left: 5%;
    position: relative;
 }
 .tab-content-details {
    position: absolute;
    bottom: 5%;
    left: 7%;
    right: 7%;
}
 .room-name{
    width: 100%;
    height: auto;
    color: #fff;
    font-size: 1.5em; text-transform: uppercase;
    font-family: 'Poppins';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  text-align: left;
 }
 .tab-content-details p{
    color: #fff;
    display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
 }
 .view-det {
    display: inline-block;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    font-family: inherit;
    font-size: 1em;
    text-transform: capitalize;
    color: #9aaa8e;
    line-height: 35px;
    width: auto;
    height: auto;
    border-bottom: 1px solid #9aaa8e;
}
  .tab-title {
    width: 100%;
    height: auto;
    font-family: 'Pine Forest Personal Use';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    color: #af8959;
    font-size: 3.063em;
    text-align: left;
    line-height: 1;
  }

/************************************************** START INNER **************************************************/

 .inner-banner{
     width:100%;
     height:auto;
}
 .inner-banner-wrap{
     width:100%;
     height:auto;
     position:relative;
}
 .inner-caption{
     width:100%;
     height:auto;
     position:absolute;
     left:0;
     bottom:13%;
     z-index: 1;
}
 .bredcum-wraper{
     width:100%;
     height:auto;
     padding-left: 5%;
     padding-top: 30px;
    padding-bottom: 30px;
    background: #ededed
}
.bred-arrow {
    width: auto;
    height: auto;
    float: left;
    font-size: 0.85em;
    color: #070606;
    line-height: 30px;
    padding-left: 8px;
    padding-right: 8px;
    transform: rotate(224deg);
}
 .bredcum-container{
     width:auto;
     height:auto;
     float:right;
}
 .bred-home{
     width:auto;
     height:auto;
     float:left;
     font-family:inherit;
     font-weight: normal;
     font-size:1em;
     color:#333;
     line-height:30px;
     text-transform: capitalize;
}
 .bred-home a{
     width:auto;
     height:auto;
     float:left;
     font-family:inherit;
     font-weight: normal;
     font-size:1em;
     color:#333;
     line-height:30px;
     text-transform:uppercase 
}
 .bred-home a:hover{
     width:auto;
     height:auto;
     float:left;
     font-family: inherit;
     font-weight: normal;
     font-size:1em;
     color:#987554;
     line-height:30px;
}
 .bred-arrow{
     width:auto;
     height:auto;
     float:left;
     font-size:0.85em;
     color:#999;
     line-height:30px;
     padding-left:8px;
     padding-right:8px;
}
 .bred-next{
     width:auto;
     height:auto;
     float:left;
     font-family: inherit;
     font-weight: normal;
     font-size:1em;
     color:#cdaa41;
     line-height:30px;
     text-transform:uppercase 
}
.inner-caption-title{
  width: 100%;
  height: auto;
  text-align: center;
  font-weight: normal;
    font-style: normal;
    font-display: swap;
    font-family: 'Pine Forest Personal Use';
    font-size: 3.889em;
    color: #f5ebe1;
}
.inner-caption p{
  width: 50%;
  height: auto;
  margin: 0 auto;
  text-align: justify;
  color: #fff;
  font-family: inherit;
  font-size: 0.9em;
  text-align-last: center;
  line-height: 1.8;
}

body.spices .inner-caption p{
    text-align: center; /*color: #b0b4b1*/
}
.spice-resort-content p,.spice-trail-content p  {
    color: #b0b4b1;
}
/*.spice-title1{
    font-size: 3.062em !important; margin-bottom: 10px
}*/
.spice-left {
    width: auto;
    height: auto;
    position: absolute;
    left:13%;
    top: 60%;
}
.spice-right {
       width: auto;
    height: auto;
    position: absolute;
    top: 43%;
    right: 15%;
}
.spice-resort-pic-outer {
    width:40%;
    height: auto;
    float: left;
}
.spice-resort-content {
    width:60%;
    height: auto;
    float: left;
    position: relative;
}
.spice-list{
    width: 90%;
    height: auto;
    margin: 0 auto;
   
     margin-top: 2em;    margin-bottom: 2em;
     display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: stretch;
}
.spice-item {
    width:24%;
    float: left;    height: auto;
    position: relative;
    border-bottom: 1px solid #2b372b;
    margin-right: 1%;
    margin-bottom: 2em;
    padding: 1em 0em;
    padding-left: 0px;
    border-right: 1px solid #2b372b;
    padding-top: 0px;
}
.spice-item:nth-child(4){ border-right: 0px;}
.spice-item:nth-child(7){ border-right: 0px;}
.spice-item img {
    width: 100%;
}
.spice-item h2{
    text-align: left;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    font-family: 'Pine Forest Personal Use';
    font-size: 1.75em;
    color: #e4d5c6;
     text-align: left;
    width: 100%;
    line-height: 1.8;
}
.spice-wrap{
        width:80%;
    height: auto;
    margin: 0 auto;
    display: flex;
    align-items: center;
margin-top: 3em;
    margin-bottom: 3em;
}
.spice-title{
    font-weight: 500;
    font-size: 1.333em;
    color: #909590;
    margin-top: 1em;
}
.spice-content{
    width: 100%;
    height: auto;
    padding-right: 2em;
}
.spice-content p{
    color: #b0b4b1 !important; 
    text-align: justify;
    line-height: 1.7;
}

.spice-plantations{
    width: 54%;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 5em;
    margin-bottom: 2em;
}
.spice-trail-pic-outer {
    width:50%;
    height: auto;
    float: left;
}
.spice-trail-content {
    width:50%;
    height: auto;
    float: left;
    position: relative;
    padding-left: 3%;
}
.spice-leaf{
    position: relative;
}
.leftbg{
position: absolute; left: 0; top: -35em
}
.rightbg{
    position: absolute; right: 0;top: -35em
}
.plantation-leaf1{
    width: auto;
    height: auto;
    position: absolute;
    left: 0;
    top: 10.5em;
    z-index: 1;
}
.plantation-leaf2{
    width: auto;
    height: auto;
    position: absolute;
    right: 0;
    top: 0em;
    z-index: 1;
}
.plantation-leaf1 img,.plantation-leaf2 img {
    height: 200px;
}
.width-small{
    height: 130px !important;
}

.spice-trail {
    width: 70%;
    height: auto;
    margin: 0 auto;
    display: flex;
    align-items: center;
    margin-top: 2em;
    margin-bottom: 3em;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.spice-trail-pic-outer img{
    position: relative;
}
.spice-trail-pic-outer .trail-txt{
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    font-family: 'Pine Forest Personal Use';
    font-size: 2.348em;
    color: #f5ebe1;
        position: absolute;
    top: 0;
    left: 27%;
    top: 50%;
}
.spice-trailimg{
    position: relative;
}
.spice-trail-content {
    text-align: justify;
}
.spices-content-border{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
}
.plantations-details-title{
        width: 100%;
    height: auto;
    text-align: center;
    font-size: 2.348em; margin-bottom: 10px;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    font-family: 'Pine Forest Personal Use';
    color: #79614c;
    text-transform: uppercase;
}
.plantations-details-title-sub {
    font-family: inherit;
    font-weight:normal;
    font-style: normal;
    font-display: swap;
    color: #5e5c57;
    font-size:1em;
    letter-spacing: 1px;
    line-height: 33px;
    margin: 0.5em 0em;
}
.inner-caption-title2{
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    font-family: 'Pine Forest Personal Use';
    font-size: 3.858em;
    color: #f5ebe1;
}
.inner-caption-title3{
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    font-family: 'Pine Forest Personal Use';
    font-size: 2.186em;
    color: #f5ebe1;
}
.spice-subtitle{
    width: 100%;
    height: auto;
    text-align: center;
    font-family: 'Midland Luxury';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    font-size: 0.756em;
    color: #f5ebe1;
    letter-spacing: 1px;

}
.plantation-list .plantation-item{
    display: flex;
    align-items: center;    margin-top: 3em;
    padding-bottom: 3em;
    position: relative;
}
.spices-border{
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: -1em;
}
.p-content h2{
    font-family: inherit;
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    color: #686661; letter-spacing: 1px;
    font-size:1.15em;
    line-height: 33px;
}
.p-content h2 img {
    display: block;
    width: 40px;
    margin: 10px 0;
}
.p-content p{
    color: #323232 !important;  text-align: justify;
}
.p-content {
    padding-left: 30px;
}
.activities-wraper {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    padding-bottom: 5em; padding-top: 5em;
    background: #101a11 url(../images/activities-bg.webp);
    background-size: cover;
}


.act-list {
    width: 80%;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
   
}
.spices-bottom-wraper{
    width: 100%;
    height: auto;
    position: relative;
}
.spices-bottom-pic{
    width: 100%;
    height: auto;
}

.act-list-others {
    width: 95%;
    margin: 0 auto;
  }
.act-item {
    width: 20%; padding: 10px;
    float: left;
    height: 100%;
    position: relative;
}

.act-item-other {
    width: 32%; padding: 10px;
    float: left;
    height:auto;
    position: relative;
}
.act-item-other h2 {
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    font-family: 'Poppins';
    font-size: 1em;
    color: #2b3e28;
    background-image: url(../images/actitlebg.jpg);
    background-size: cover;
    padding: 8px;
    text-align: center;
    width: 100%;
}
.act-list .act-item:nth-child(2n) {
    position: relative;
    margin-top: -50px;
}
.act-item h2 {
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    font-family: 'Poppins';
    font-size: 1em;
    color: #2b3e28;
    background-image: url(../images/actitlebg.jpg);
    background-size: cover;
    padding: 5px;
    text-align: center;
    width: 100%;
}
.actimage-container {
   
    margin: 0 auto;
    margin-bottom: 0px;
    position: relative;
    display: flex;
    justify-content: center;
}
.outdoor-list{
    margin-top: 5em;
}

.indoor-list{
    margin-top: 5em;
}
.indoor-game-right{
    position: relative; margin-top: 200px;
}

.outdoor-tit {
    display: block;
    width: 100%; margin-bottom: 2em;
}

.pbotm{
    padding-bottom: 5em
}

.act-item3 h2 {
    text-align: left;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    font-family: 'Pine Forest Personal Use';
    font-size: 1.687em;
    color: #af8959;
    padding: 25px;
    text-align: center;
    width: 100%;
}
.actimage-container3 {
    -webkit-mask-image: url(../images/actbg3.png);
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    position: relative;
    -webkit-mask-size: 100% 100%;
    margin: 0 auto;
    margin-bottom: 0px;
    position: relative;
    display: flex;
    justify-content: center;
}

.row1 {
    display: flex;
    flex-wrap: wrap;
    padding: 0 4px;
    text-align: center;
  justify-content: center;
  width: 55%;
  height: auto;
  margin: 0 auto;
  margin-top: 5em;
  margin-bottom: 5em;
  }
  
  /* Create two equal columns that sits next to each other */
  .column-1 {
    flex: 33%;
    padding: 0 10px;
    max-width: 33%;
    position: relative;
    margin-bottom: 20px;
  }
  .column-1:nth-child(3n+2){ margin-top: -5em; position: relative;}
  .column-1 h2 {
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    font-family: 'Poppins';
    font-size: 1em;
    color: #2b3e28;
    background-image: url(../images/actitlebg.jpg);
    background-size: cover;
    padding: 5px;
    text-align: center;
    width: 100%;
  }

.inner-caption-border{
  width: 100%;
  height: auto;
  text-align: center;
    bottom: -25px;    z-index: 9;
    position: absolute;
}
.inner-banner-bg{
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: -20em;
}
body.about, body.restaurant, body.rooms,body.spices,body.activities,body.gallery,
body.blog,body.contact,body.testimonials,body.facilities,body.ayurveda{
  width: 100%;
  height: auto;
  /*background-color: #101a11;*/
}
/*body.restaurant{ background:#101a11  url(../images/restaurant-bg.jpg);}*/
.about-wraper{
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;    padding-bottom: 5em;
  background:#101a11  url(../images/about-bg.jpg);
}

.contact-wraper{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;    padding-bottom: 5em;
    background:#101a11  url(../images/contact-bg.jpg);
    padding-top: 3em;
    background-size: cover;
  }
  .ayurveda-main-wraper{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;    padding-bottom: 5em;
    background:#101a11  url(../images/ayurveda-main-bg.jpg);
    padding-top: 3em;
    background-size: cover;
  }
  
.spices-top-content{
    width: 70%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    color:#bdbebb;
    font-family: inherit;
    font-size: 1em;
    line-height: 1.7;
    font-weight: normal;
}

.spices-wraper{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;    padding: 3em 0em;
    background:#101a11  url(../images/spices-top-bg.webp);
    background-size: 100% 100%;
  }

  .spices-middle-wraper{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;    padding: 3em 0em;
    background:#101a11  url(../images/spices-middle-bg.jpg);
    background-size: cover;
  }
.about-resort-main p {
    color: #bdbebb;
    text-align: center;
    margin: 0 auto;
    width: 60%;
}
.about-resort-main {
    padding: 6em 0;
}
.about-top-right{
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
}
.about-left{
  width: auto;
  height: auto;
  position: absolute;
  left: 0;
  top: 25%;
}
.about-resort{
  width: 70%;
  height: auto;
  margin: 0 auto;
  display: flex;
  align-items: center;
  margin-top: 2em;
}
.about-resort:nth-child(3){ direction: rtl; margin-top: 10em; position: relative;}

.about-resort:nth-child(3) .about-resort-content{ padding-left: 0; padding-right: 5%; margin-left: inherit;  width: 62%;}
.accommodation-pic{
  width: 60%;
  height: auto;
  position: relative;
  top: -4em;z-index: 9;
}
.about-resort-content{
  width: 40%; padding-left: 5%;
  height: auto;
  float: left;
  position: relative;

}
.about-resort-content p {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: justify;
  color: #bdbebb;
  direction: ltr;
}
.about-resort-content-title{
  width: 100%;
  height: auto;
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  font-family: 'Pine Forest Personal Use';
  font-size: 2.192em; margin-bottom: 10px;
  color: #f5ebe1;
}
.accommodation-pic .img-acc1{
    position: absolute;
    left: 0;
}

.accommodation-pic .img-acc2{
    left: -50px;
    position: relative;
    z-index: -1;
    bottom: -110px;
}
.about-resort-pic-outer{width:50%;
  height: auto;
  float: left;}


.image-container-resort {
  margin: 0 auto;border: 5px solid #fff;
    margin-bottom: 0px;
  position: relative;
  display: flex;
  justify-content: center;
}
.about-resort-pic img {
  max-width: 100%;
}
.accommodation-left{
  width: auto;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
}
.accommodation-right{
  width: auto;
  height: auto;
  position: absolute;
  right: -2em;
  bottom: 5em;
}
.activities-about{
  width: 100%;
  height: auto;
  position: relative;
}
.pic-full{
  width: 100%;
  height: auto;
}
.activity-content{
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  padding-bottom: 2em;
}
.activity-content-title {
  width: 100%;
  height: auto;
  text-align: center;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  font-family: 'Pine Forest Personal Use';
  font-size: 2.192em;
  color: #fff;
}
.activity-content p {
  width: 54%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-family: inherit;
  direction: ltr;
}


.rooms-main-wraper {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    padding-bottom: 5em; padding-top: 5em;
    background: #101a11 url(../images/rooms-bg.webp);
    background-size: cover;
}
.facilities-main-wraper {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    padding-bottom: 5em; padding-top: 5em;
    background: #101a11 url(../images/facilities-bg.jpg);
    background-size: cover;
}

.rooms-listing{
    width: 100%;
    margin: 0 auto;
}
/*gallery*/
.gallery-list,.blog-list,.contact-div,.testimonials-list {
    width: 90%;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 2em;
    margin-bottom: 2em;
}
.gallery-item , .blog-item {
    width: 33%;
    padding: 10px;
    float: left;
    height: 100%;
    position: relative;
}
.gallery-item img{
    width: 100%;
}
.gallery-wraper,.blog-wraper,.testimonials-wraper{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    background: #101a11 url(../images/contact-bg.jpg);
    padding-bottom: 5em;
  padding-top: 5em;
}


.tab-btns{
    margin: 1em auto 2em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.tab-btns button{
text-align: left;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    font-family: 'Pine Forest Personal Use';
    font-size: 1.687em; letter-spacing: 1px;
    cursor: pointer;
     color: #edd9c5; background-color: unset;
    padding: 13px 10px;
    text-align: center;
    width: fit-content; margin-right: 1.5em;
    float: left;
   /* -webkit-mask-image: url(../images/actitlebg.png);
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    position: relative;
    -webkit-mask-size: 100% 100%;*/
}
.tab-btns button.active {
     color: #af8959;
    /*background-color: #edd9c5;*/
    border-bottom: 1px solid #edd9c5;
}
.playbtn {
    position: absolute;
    display: block;
    background: url(../images/play-icon.png) no-repeat center;
    background-size: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 90px;
    width: 90px;
    z-index: 9;
}
.img-wrapper {
   /* -webkit-mask-image: url(../images/rooms-forbg.png);
    -webkit-mask-position: bottom;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;*/
}

/*gallery*/
/*resrv*/
.reserv-row {
    height: auto;
    margin: 3em auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 80%;
}
.reserv-top{
    width: 70%;
        padding: 5em 4em;
    margin: 2em auto 2em;
    height: 100%;
    position: relative; 
    background-image: url('../images/reserv-top-bg.jpg');
    background-size: cover;
}
.reserv-top p{
    color: #bdbebb; 
}
.reserv-top h2{
    font-size:1.75em ;
    font-family:'Poppins';
    font-weight: 300;
    color: #c0ad8f; text-transform: uppercase;
}
.contact-left-top{
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
}
.contact-right-bottom{
     width: auto;
    height: auto;
    position: absolute;
    bottom: 0;
    right: 0;
}
.top-content{
    width: 65%
}
.bottom-txt {
    width: 70%;
    margin: 3em auto 5em;
    height: 100%;
    position: relative;
}
.bo-top{
    border-top: 1px solid #4b5b42;
    padding-top: 20px;
    margin-top: 20px;
}
.bottom-txt p{
    color: #d4d5d5; font-size: .889em;
}
.bottom-txt a{
    color: #af9c51; font-weight: 500;
}
.reserv-row .reserve:nth-child(2n-1){
    margin-right: 5%
}
.dateimg{
    position: relative;
}
.dateimg:after {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0px;
    right: 0;
    background-position: center center;
    background-image: url(../images/date.png);
    background-repeat: no-repeat;
}
.reserv-row .submit-btn {
    padding: 5px 5px;
    color: #c7c8c7;
    border-bottom: 1px solid #c7c8c7;
}
.reserv-row .submit-for{
    text-align: left;display: block;
}
.reserve {
    width: 47%;
    height: auto;
    float: left;
    margin-bottom: 3%;
}
.reserve_100 {
    width: 100%;
    height: auto;
    margin-bottom: 3%;
}
/**/
/*blog*/
.blog-content p{
    color: #333;
}
.blog-content{
    margin: -160px 20px 90px;
    padding: 25px;
    border-radius: 0;
    overflow: hidden;
    -webkit-transition: .2s cubic-bezier(.3, .58, .55, 1);
    transition: .2s cubic-bezier(.3, .58, .55, 1);
    bottom: -90px;
    position: relative;
    background: #dad3c6;
      /*  -webkit-mask-image: url(../images/tab-bg.png);
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    position: relative;
    -webkit-mask-size: 100% 100%;*/
}
.blog-content h2 {
    font-family: 'Poppins';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    color: #333; margin-bottom: 10px;
     font-size: 1.333em;
    text-transform: uppercase;   
}
.blog-item{
    overflow: hidden;
}
.blog-item:hover .blog-content {
    bottom: 0;
}
.blog-item:hover img {
    -webkit-filter: none;
    filter: none;
    -webkit-transform: scale(1.03, 1.03);
    transform: scale(1.03, 1.03);
    -webkit-filter: brightness(75%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.blog-item img {
    min-height: 525px;object-fit: cover;
    /*object-fit: cover;
    -webkit-mask-image: url(../images/tab-pic-bg.png);
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    position: relative;
    -webkit-mask-size: 100% 100%;*/
    margin: 0 auto;
}
.date {
    height: 70px;
    width: 70px;
    display: inline-block;
    position: absolute;
    top: 20px;
    left: 20px;
    color: #fff;
    padding: 15px 15px 5px 15px;
    text-align: center;
    background: #b99d7a;
    -webkit-mask-image: url(../images/actbg3.png);
    -webkit-mask-size: 100% 100%;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    /* position: relative; */
    -webkit-mask-size: 100% 100%;
}
.date span {
    display: block;
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    line-height: 1.5em;
    margin-bottom: 0px;font-family: 'Pine Forest Personal Use';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 .date h4 {
    font-family: 'Pine Forest Personal Use';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    display: block;
    font-size: 1em;
    font-style: normal;
    color: #fff;
    line-height: 1.5em;
    font-weight: 500;
}
.readmore{
    position: relative;
    color: #594637;
    font-family: 'Poppins';
    font-weight: normal;
    font-style: normal;
    letter-spacing: 1px;
    font-size: 1em;
}
.blog-detail-item{
    width: 60%;
    padding: 10px;
    float: left;
    height: 100%;
    position: relative;
}
.blog-detail-item img{
    height: 500px; object-fit: cover;
}
.blog-sidebar{
    width:40%;
    padding: 10px;
    float: left;
    height: 100%;
    position: relative;
}
.sidebar__post {
    position: relative;
    display: block;
    padding: 20px 30px 30px;
    background-color: #84562e;
    overflow: hidden;
    z-index: 1;
    border-radius: 14px;
background: url(../images/tab-bg.png) no-repeat;
    background-size: 100% 100%;
}
.sidebar__post-image {
    margin-right: 17px;
}
.sidebar__post__content__meta i {
    display: inline-block;
    font-size: 1em;
    color: #a18976;
    margin-right: 12px;
}
.sidebar__post-list li{
        border-bottom: 1px solid #e4e4e42e;    margin-bottom: 1em;

    padding-bottom: 25px;
}
.sidebar__post-list li a{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;

}
.sidebar__post-list li:last-child{
    border-bottom: 0;
}
.sidebar__post-image>img {
    width: 130px;
}.sidebar__post__content__meta {
    display: flex;
    align-items: center;
    font-size: .889em;
    color: #ece9c8;
    font-weight: 500;
    line-height: 1;
}

h3.sidebar__title {
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    font-family: 'Pine Forest Personal Use';
    font-size: 2.075em;
    color: #f5ebe1;
    margin-bottom: 30px;
}
.sidebar__post-content h3 {
    line-height: 1.8;    margin-top: 10px;
font-family: 'Poppins';
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    color: #fff;
    margin-bottom: 10px;
    font-size: 1em;
    letter-spacing: 2px;
}
/*blog*/
/*testimonials*/
.testimonials-item {
    width: 33%;
    padding: 35px;
    float: left;
    height: 100%;
    position: relative;    margin-bottom: 80px;
    border-right: 1px solid #eeeeee24;
}
.testimonials-item:nth-child(3n){
    border-right: 0
}

body.testimonials .tabcontent2{
    border-top: 1px solid #eeeeee24;
}
.testimonials-one__single {
    border-style: solid;
    border-width: 1px;
    border-color: #e3e9ec;
    background-color: rgb(255, 255, 255);
    position: relative;
}


.testimonials-one__qoute {
    width: 63px;
    height: 63px;
    background-color: #e3e9ec;
    position: absolute;
    top: 25px;
    left: 15px;
    z-index: 10;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
img.qoute {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
}
.testimonials-one__image {
    position: relative;
}
.testimonials-one__image-inner img {
    border-radius: 100%;
    height: 100px;
    width: 100px;
    object-fit: cover;
}
.testimonials-one__content-inner p {
    margin-bottom: 30px; color: #c7c8c7;
}
.testimonials-one__infos {
text-align: center;
    padding-top: 40px;
    padding-bottom: 15px;
}
.testimonials-one__infos-content h3{
    font-family: 'Poppins'; font-weight: normal;
    font-size: 1em; color: #ffffff;
    text-transform: uppercase;
}


/*testimonials*/
/*contact*/
.contact-left{
width: 70%; margin: 5em auto 0;
    height: 100%;
    position: relative;
    background-color: rgba(31,54,25,0.16);
    padding: 75px 80px 50px;
}
.contact-right{
       width: 100%;
    position: relative;
}
.contact-form .col-md-6:nth-child(1), .contact-form .col-md-6:nth-child(3) {
    padding-right: 0;
}
.contact-form {
    position: relative;
}
.contact-wraper{
    width: 100%;
    height: auto;
    position: relative;
    padding: 60px 20px 0;
}
.contact-form:before,.contact-form:after{
content: "";
    width: 857px;
    height: 585px;
    position: absolute;
    top: -240px;
    right: -45px;
    z-index: -1;
    background-position: center center;
    background-image: url(../images/flower-large.svg);
    background-repeat: no-repeat;
    }
    .contact-form:after{
    top: auto;
    right: auto;
    bottom: -240px;
    left: -45px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -khtml-opacity: 0.4;
    -moz-opacity: 0.4;
    opacity: .4;
    }
.contact-details-section {
    position: relative;
    z-index: 9;padding-top: 60px;
}
.contact-box{
    width: 33%;
    float: left;
    display: flex;
    align-items: center;
    
    margin-bottom: 20px;
}
.contacts-bg{
    width: 80%;
    height: auto;
    margin: 0 auto;
    display: flex;
}
.contact-box .content{
    margin-left: 20px;
}
.contaxt-box-wraper{
    width: 80%;
    height: auto;
    margin: 0 auto;
      margin-top: 0px;
      margin-bottom: 0px;
    margin-top: 2em;
    margin-bottom: 2em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: stretch;
  }
  .contact-adress-box{
    width: 50%;    padding: 70px;
    height: auto;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/address-bg.jpg) no-repeat;
    background-size: 100% 100%;
  }
  .contact-outer-wrap{
    width: 100%;
    height: auto;
  }
  .contact-location-box{
    width: 50%;
    float: left;
    position: relative;
  }
  .contact-logo{
    width: 100%;
    height: auto;
    text-align: center;
  }
  .contact-section{
    width: 100%;
    height: auto;
    margin-top: 20px;
  }
  .contact-name{
    width: 100%;
    height: auto;
    text-align: center;
    /*font-family: inherit;*/font-family: 'Pine Forest Personal Use';
    font-size: 1.6em;
    text-transform: uppercase;
    color:#9f816b ;
    font-weight: 500;
  }
  .contact-name-border{
    width: 100%;
    height: auto;
    text-align: center;
  }
  .dtl-contact{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center; text-align: center;
    align-items: center;
    font-size: 1em;
    color:#242424;
    font-weight: 300;
    line-height: 1.7;
    margin-top: 0.25em;
  }
  .dtl-contact i{ font-size: 1.2em; color: #69533f; margin-right: 0.5em;}
  .view-map{
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 5%;
    left: 0;
    display: flex;
    justify-content: center;
  }
  .view-map a{
    font-size: 0.9em;
    color: #fff;
    font-family: inherit;
    text-transform: uppercase;
    border-bottom: 1px solid #f7f7f7;
    padding-bottom: 0.25em;
  }
  .view-map a:hover{
    font-size: 0.9em;
    color: #fff;
    font-family: inherit;
    text-transform: uppercase;
    border-bottom: 0px solid #f7f7f7;
    padding-bottom: 0.25em;
  }
.contact-box .icon{
    background-color: #dad3c6;
       -webkit-mask-image: url(../images/actbg3.png);
    -webkit-mask-size: 100% 100%;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    position: relative;
    -webkit-mask-size: 100% 100%;
    border-radius: 100%;
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    color: #000;
}
.fac-title h2{
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    font-family: 'Pine Forest Personal Use';
    font-size: 2.3em;
    color: #f5ebe1;margin-bottom: 15px;
}
.calback-box1 {
    width: 100%;
    height: 100px;
    line-height: 26px;
    font-weight: normal;
    font-style: normal;
    font-size: 1em;
    padding-top: 1em;color: #c7c8c7;
    font-family:inherit;
    background-color:  transparent;
    border-bottom: 1px solid #4b5b42;
}
/*
.contact-form input[type="text"], .contact-form select, .contact-form input [type="date"]{
  background: #fff;
    color: #936f59;
    width: 100%;
    height: 70px;
    padding: 0 30px;
}
.contact-form textarea {
    background: #fff;
    color: #936f59;
    width: 100%;
    padding: 30px 30px 0;
}*/
.enquiry {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 3%;
  }
    
textarea.calback-box1::-webkit-input-placeholder,
textarea.calback-box1::-moz-placeholder,
textarea.calback-box1:-moz-placeholder,
textarea.calback-box1:-ms-input-placeholder
{
    color: #bdbebb !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}

input.contact-enquiry-box::-webkit-input-placeholder,
input.contact-enquiry-box::-moz-placeholder,
input.contact-enquiry-box:-ms-input-placeholder,
input.contact-enquiry-box:-moz-placeholder
{
    color: #bdbebb !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}



.submit-for{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
}
.contact-right-top{
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
}
.contact-left-bottom{
    width: auto;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
}
.submit-btn {
    border: none;
    cursor: pointer;
     
    color: #fff;
    font-weight: 600;
    padding: 10px 50px;
    font-family: 'Poppins';
    font-size: 1em;
    text-transform: uppercase;
    /* width: 100%; */
    cursor: pointer;
    background: transparent;
}
.contact-box .content h3{
    font-family: 'Midland Luxury';
    margin-bottom: 5px;
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    color: #e7e0d2;
    font-size: 0.55em;
    letter-spacing: 1px;
}
.contact-row{
  height: auto;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 60%;
}

.contact-enquiry-box{
    width:100%;
    height:40px;
    line-height:40px;
    font-weight:normal;
    font-style:normal;
    color: #c7c8c7;
    font-size:1em;
    background-color: transparent;
    font-family:inherit;
    border-bottom: 1px solid #4b5b42;
}
.contact-item{
    width: 100%;
}
.contact-item-half{
    width: 48%;
    float: left;
}
.mr-15{
    margin-right: 15px;
}
.contact-form .form-group {
    margin-bottom: 15px;display: flex;
    align-items: center;
    justify-content: center;
}
/*contact*/

img.dot1{
    position: absolute;
    left: 0;
    top: 0
}

img.dot2{
    position: absolute;
    left: 30px;
    top: 50%;
}

img.dot3{
       position: absolute;
    right: 0px;
    top: 30%;
}
.facilities-list {
    width: 70%;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 3em;
    position: relative;
}
.facility-top-left{
    width: auto;
    height: auto;
    position: absolute;
    left: -3em;
    top: -3em;
}
.facility-top-right{
    width: auto;
    height: auto;
    position: absolute;
    right: -3em;
    top: -3em;
}
.facility-bottom-left{
    width: auto;
    height: auto;
    position: absolute;
    left: -3em;
    bottom: -3em;
}
.facility-bottom-right{
    width: auto;
    height: auto;
    position: absolute;
    right: -3em;
    bottom: -3em;
}
.facilities-item {
    width: 50%;
    padding: 20px;
    float: left;
    height: 100%;
    position: relative;
}
.facilities-item h2 {
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    /*font-family: inherit;*/
    font-family: 'Pine Forest Personal Use';
    letter-spacing: 1px;
    font-size: 1em;
    color: #ccc;
    text-align: left;
    width: 100%;
    text-transform: uppercase;
}
.facilities-container {
   /** -webkit-mask-image: url(../images/facilitybg.png);
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    position: relative;
    -webkit-mask-size: 100% 100%;*/
    margin: 0 auto;
    margin-bottom: 0px;
    position: relative;
    display: flex;
    justify-content: center;
    position: relative;
}
.cs-post_overlay {
    
    position: absolute;
    height:45%;
    width: 100%;
    bottom:0px;
    left: 0px;
    background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0.55), rgba(0,0,0,0.5), rgba(0,0,0,0.45), rgba(0,0,0,0.4), rgba(0,0,0,0.35), rgba(0,0,0,0.3), rgba(0,0,0,0.25), rgba(0,0,0,0.2), rgba(0,0,0,0.15), rgba(0,0,0,0.1), rgba(0,0,0,0.05), rgba(0,0,0,0.025), rgba(0,0,0,0.017), rgba(0,0,0,0.0075), rgba(0,0,0,0.0005) );
    display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  padding-bottom: 1em;
  padding-left: 5%;
}

/*facilities*/
/*ayurvda*/
.ayur-txt .inner-caption-title,.ayur-txt .restaurant-subtitle{
    text-align: left;
}
.ayur-txt.inner-caption{
    left: 3%
}
.ayurveda-container-main {
    width: 80%;
    height: auto;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    margin-top: -10em;
}
.ayurveda-pic {
    width: 50%;
    height: auto;
    float: left;
}
.ayurveda-dtl {
    width: 50%;
    height: auto;
    float: left;
    position: relative;
}

.ayurveda-pic2 {
    width: 60%;
    height: auto;
    float: left;
}
.ayurveda-dtl2 {
    width: 40%;
    height: auto;
    float: left;
    position: relative; 
    margin-top: 10%;
}
.ayurveda-pic2{
mix-blend-mode: lighten;
}
.ayurveda-pic2 img {
    margin-top: 0;
    margin-left: -205px;
}
.ayurveda-dtl p,.ayurveda-dtl2 p,.ayurveda-dtl3 p{
    text-align: justify;
}

.ayurveda-pic3 {
    width: 60%;
    height: auto;
    float: left;
}
.ayurveda-dtl3{
    width: 55%;
    height: auto;
    float: left;
    position: relative; 
 margin-top: 10%;
    margin-left: -22%;
}

.ayurveda-pic4 {
    width: 70%;
    height: auto;
    margin: -225px auto 0;
}
.ayurveda-dtl4{
    width: 55%;
    height: auto; margin: 0 auto;
    position: relative; 
}
.rev-container-main .about-resort-content-title,.ayurveda-dtl4 p{
    text-align: center;
}
.rev-container-main {
    width: 80%;
    height: auto;
    margin: 0 auto;
    position: relative;
    align-items: center;
    margin-top: 0em;
}

img.sidebg1 {
    position: absolute;
    left: 27%;
}
.leaf2 {
    position: absolute;
    right:-190px;
}

.leaf3 {
    position: absolute;
   left: 27%;
    bottom: -64px;
}

.leaf4 {
     position: absolute;
    right: 10%;
    top: -51px;
    transform: rotate(60deg);
}
.therapy-top{
    margin-top: 7em;
}
.holistic-txt{
    position: absolute;
    top: 33%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-family: 'Midland Luxury';
    font-weight: bold;
    font-style: normal;
    font-display: swap;
    color: #eeb14a;
    font-size: 1em;
    letter-spacing: 1px;
    text-align: center;
}
.leftpic{
    position: absolute;
    left: 0;top: 58%;
}

.rightpic{
    position: absolute;
    right: 0;top: 58%;
}
.dotleft1{
    position: absolute;
    left: 0;top: 13%;
}
.dotleft2{
    position: absolute;
   left: 10%;
    top: 30%;
}
.dotright1{
    position: absolute;
    right: 5%;
    top: 15%;
}
.dotright2{
    position: absolute;
    right: 29%;
    top: 34%;
}
.dotright3{
    position: absolute;
    right: 7%;
    top: 56%;
}
.dotleft3{
    position: absolute;
    left: 5%;
    top: 80%;
}
.dotright4{
    position: absolute;
    right: 0%;
    bottom: 0%;
}

/*ayurvda*/
.food-border {
    width: 100%;
    height: auto;
    text-align: center;
    z-index: 9;    opacity: .8;
}
.food-delights{
    background-image: url(../images/food-delights-bg.webp);
  width: 100%;
  height: auto;
  position: relative;
}
.food-delights-for{
  width:85%;
  height: auto;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  margin: 0 auto;
}
.food-delight-pic{
  width: 50%;
  height: auto;
  float: left;
}
.food-delight-content{
  width: 50%;
  height: auto;
  float: left;
  position: relative;
}
.food-delight-content-title {
  width: 100%;
  height: auto;
  text-align: left;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  font-family: 'Pine Forest Personal Use';
  font-size:2.215em; margin-bottom: 10px;
  color: #293a2a;
}
.food-delight-content p {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: justify;
  direction: ltr;
}
.whychoose-wraper{
  width: 100%;
  height: auto;
  position: relative;
  margin-top: -8em;
}
.why-choose-pic{
  width: 100%;
  height: auto;
}
.why-choose-container{
  height: auto;    padding: 3em 0;
  display: flex;
  width: 85%;
    align-items: center;
    position: relative;
    justify-content: center;
    margin: 0 auto;
}
.whychoose {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: stretch;
  margin-top: 4em;
}
.why-choose-for{
  width: 32%;
  height: auto;
  float: left;
  margin-right: 2%;
  padding-right: 2%;
  border-right: 1px solid #d5cec1;
}
.why-choose-for:nth-child(3){  border: none;margin-right: 0; padding-right: 0}
.whychoose-icon{
  width: 84px;
  height: 84px;
  background-color: #947459;
  border-radius: 50%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.why-choose-title{
  width: 100%;
  height: auto;
  text-align: center;
  font-family: 'Poppins';
  font-weight: 600;
    font-style: normal;
    font-display: swap;
    font-size: 1em;
    letter-spacing: 1px;
    color: #293a2a;
    margin: 1.5em 0em 1em;
}
.why-choose-for p {
  width: 100%;
  height: auto;
  text-align: center;
}
.choose-border{
  width: 100%;
  height: auto;
  text-align: center;
  margin-bottom: 0.5em;
}
.delight-border{
  width: auto;
  height: auto;
  position: absolute;
  left: -25px;
  bottom: -85px;
}
.owl-theme .owl-nav button.owl-prev {
    position: absolute;
    margin-top: 10px;
    transform: translate(-50%,-50%);
    top: 50%;
    left: -8px;
}

.owl-theme .owl-nav button.owl-next {
    position: absolute;
    margin-top: 10px;
    transform: translate(-50%,-50%);
    top: 50%;
    right: -45px;
}
.owl-theme .owl-nav [class*=owl-] {
    background: #eee !important;
    height: 35px;font-weight: bold !important;
    width: 35px;
    border-radius: 100% !important;
}
.inner-caption-left{
  float: left;
  padding-bottom:3em;
}
.inner-caption-sub{
  font-size: 1.833em;
  font-family: 'Pine Forest Personal Use';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  color: #f5ebe1;

}
.rooms-container {
    width: 100%;
    height: auto;
    padding: 0px 10%;
    margin-top: 3em;
    padding-bottom: 3em;
    position: relative;
  }
  .rooms-border{
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 20px;
  }
.rooms-container .container{
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  margin-bottom: 3em;
  padding-bottom: 3em;
  position: relative;
}
.rooms-container:nth-child(2n+2) .container{ direction: rtl;}
.rooms-left-bg{
    width: auto;
    height: auto;
    position: absolute;
    left: -5em;
  top: -5em;
  z-index: -1;
}

.rooms-right-bg{
    width: auto;
    height: auto;
    position: absolute;
    right: -5em;
  bottom: -5em;
  z-index: -1;
}


.room-main-pic{
  width: 40%;
  height: auto;
  float: left;
 /* -webkit-mask-image: url(../images/room-bg.png);
  -webkit-mask-size: 100% 100%;
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  position: relative;
  -webkit-mask-size: 100% 100%;*/
  margin: 0 auto;
    margin-bottom: 0px;
  position: relative;
  display: flex;
  justify-content: center;
}
.rooms-container:nth-child(2n+2) .room-main-pic{
  width: 40%;
  height: auto;
  float: left;
 /* -webkit-mask-image: url(../images/room-bg-right.png);
  -webkit-mask-size: 100% 100%;
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  position: relative;
  -webkit-mask-size: 100% 100%;*/
  margin: 0 auto;
    margin-bottom: 0px;
  position: relative;
  display: flex;
  justify-content: center;
}
.rooms-details{
  width: 60%;
  height: auto;
  float: left;
  direction: ltr; padding-left: 65px;
}
.rooms-container:nth-child(2n+2) .rooms-details{
     padding-left: 0px;
     padding-right: 65px;
}
.rooms-details-title{
  width: 100%;
  height: auto;
  text-align: left;
  font-size: 2.5em; margin-bottom: 10px;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  font-family: 'Pine Forest Personal Use';
  color: #fff;
  text-transform: uppercase;
}
.rooms-details-title-sub{
    width: 100%;
  font-family: inherit;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  color: #f5ebe1;
  font-size:1.125em;
  letter-spacing: 1px;
  line-height: 1.8;
  margin: 0em 0em 1em;
  border-bottom: 1px solid #2d312a;
  padding-bottom: 1em;

}
/*.box-group.gallery-box:before{
        position: absolute;
    content: "";
    width: 85%;
    height: 10px;
    left: 0;
    right: 0;
    top: -10px;
    background: #6ba5ac;
    margin: auto;
}*/
.box-group.gallery-box{
        position: relative;
}
.rooms-main-wraper{
 /*background:linear-gradient(to bottom, #02231ccf , #dec552  100%);*/
 background-color: #02231c;
}
.rooms-details p{
  width: 100%;
  height: auto;
  font-size: 1em;
  color: #dcdcdc;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.7;
  text-align: justify;
}
.room-title{
    position: relative;    padding: 15px 0;
    padding-bottom: 0px;
}
.room-title:before{
    position: absolute;
        content: "";
    width: 100%;
    height: auto;
    bottom: 0;
    top: -112px;
    left: -65px;
    background: url(../images/section-shape2.png);
    background-repeat: no-repeat;
    z-index: -1;
}
.rooms-pic-for{
  width: 100%;
  height: auto;
  margin-top: 2.5em;
}
.rooms-for{
  width: 31%;
  height: auto;
  float: left;
  margin-right: 2%;
  margin-bottom: 0.5em;
  /*-webkit-mask-image: url(../images/rooms-forbg.png);
  -webkit-mask-size: 100% 100%;
  -webkit-mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  position: relative;
  -webkit-mask-size: 100% 100%;*/
    margin-bottom: 0px;
  position: relative;
  display: flex;
  justify-content: center;
}
.rooms-for:nth-child(3){ margin-right: 0%;}
.rooms-main-wraper{
    padding-top: 2em;    
  padding-bottom: 8em;
}
.restaurant-full_width p {
    color: #bdbebb;width: 80%;
    margin: 0 auto;
}
.restaurant-subtitle{
  width: 100%;
  height: auto;
  text-align: center;
  font-family: 'Midland Luxury';
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-size: 0.778em;
  color: #f5ebe1; letter-spacing: 2px;
}
.restaurant-container-main{
  width: 80%;
  height: auto;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 1em;
  direction: rtl;
}

.restaurant-container-main:nth-child(2n+2){ direction: ltr;margin-top: 1em; }
/*.restaurant-container-main:nth-child(n+2){ margin-top: -2em;}
.restaurant-container-main:nth-child(2){ margin-top: -7.5em;}*/
.restaurant-container-main:nth-child(2n+2) .restaurant-dtl-content{
padding-left: 2em;
    padding-right: 2em;
}
.restaurant-dtl{
  width: 50%;
  height: auto;
  float: left;
  position: relative;
}
.restaurant-dtl-bg{
  width: 100%;
  height: auto;
  position: relative;
  left: -12%;
  z-index: -1;
}
.restaurant-dtl-content{
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
    
}
.restaurant-pic img{
    border:6px solid #ede6d7;
}
.restaurant-container-main:nth-child(2n+3) .restaurant-dtl-content{
     padding-left: 4em;
    padding-right: 2em;
}

.restaurant-container-main:nth-child(2n+2) .restaurant-pic{  
   z-index: 1;        margin-top: -2em; 
}
.restaurant-container-main:nth-child(2n+2) .restaurant-pic img{
      transform: rotate(3deg); 
}
.restaurant-container-main:nth-child(2n+3) .restaurant-pic img{
   transform: rotate(-3deg);
}

  .restaurant-container-main:nth-child(2n+3) .restaurant-pic{
    margin-top: -2em;
    z-index: 1;
  }

    .restaurant-container-main:nth-child(2n+3) .restaurant-dtl-bg{
      width: 100%;
      height: auto;
      position: relative;
      right: -12%;
      z-index: -1;
    }
.restaurant-pic{
  width: 47%;
  height: auto;
  float: left;
}
.restaurant-dtl-title{
  width: 100%;
  height: auto;
  text-align: left;
  font-size:2.192em; line-height: 40px;
  font-weight: normal;
    font-style: normal;
    font-display: swap;
    font-family: 'Pine Forest Personal Use';
    color: #86942c;
    direction: ltr; margin-bottom: 10px;
}
.restaurant-container-main_full_width{
    width: 100%;
    margin: 5em auto;
    text-align: center;
}
.restaurant-full_width .restaurant-dtl-title{
margin: 0 auto 10px;
    text-align: center;
}
.restaurant-full_width_pic{
    margin: 0 auto
}
.restaurant-wraper{
    background:#101a11  url(../images/restaurant-bg.webp); 
    background-size: 100% 100%;
}
.restaurant-dtl p {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: justify;
  direction: ltr;
}
.restaurant-bottom-wrap{
  width: 100%;
  position: relative;    height: auto;
}
.restaurant-bottom-pic{
  width: 100%;
  height: auto;
}
.restaurant-bottom-for{
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.restaurant-bottom-container{
  width: auto;
  height: auto;
  position: relative;
  float: left;
  top: -5em;
}
.restaurant-bottom-container-pic{
  width: auto;
  height: auto;
}
.join-container{
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.restaurant-bottom-for p{
  width: 41%;
  height: auto;
  text-align: left;
  padding-left: 2em;
}

.restaurant-bottom-for-title{
  font-size:3.042em; line-height: 44.57px;
  font-family: 'Pine Forest Personal Use';
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  color: #e4e4e4;
  text-align: center;

}
.restaurant-bottom-for-title span{
  font-size: 0.172em;
  font-family: 'Midland Luxury';
  font-weight: bold;
    font-style: normal;
    font-display: swap;
    color: #e4e4e4; letter-spacing: 1px;   
    line-height: 10px;
}



/**************************************************************** END COURSE ****************************************************************/
.hide-menu{ display: none;}


.ayurvead-outer{
    width: 100%;
    height: auto;
    position: relative;
}
.ayurveda-bg{
    width: 100%;
    height: auto;
    display: flex;
}
.ayurveda-content{
    width: 55%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.ayurveda-content-left{
    width: 60%;
    height: auto;
    float: left;
}
.ayurveda-content-left p {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: justify;
    color: #bdbebb;
    direction: ltr;
  }
  .ayurveda-content-pic{
    width: 40%;
    height: auto;
    float: left;
    padding-left: 2%;
  }
  .ayurveda-content-main {
    width: 55%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
  }
  .ayurveda-bottom{ width:65%;}


  .ayurveda-bottom-for-content {
    width: 50%;
    margin-left: -12%;
  }
  .ayurveda-middle{
    padding: 5em 0em;
  }
  .ayurveda-middle-content{
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    z-index: 2;
  }
  .ayurveda-midlle-for{
    width: 40%;
    float: left;
  }
  .ayurveda-midlle-for .about-resort-content-title{
    color:#8d6348 ;
  }
  .ayurveda-midlle-for p{ color:#4b4641}

  .middle-round{
    float: left;
    position: relative;
    margin-left: -10%;
    z-index: 0;
  }
 @media (min-width: 1023px) and (max-width: 1279px) {
     body {
         font-size:13px !important;
    }
   
     .container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }
     .top-container {
         width: 100%;
         padding-left: 3%;
         padding-right:3%;
    }
.cd-handle{
    height: 150px!important;
    width: 150px!important;    background-position: center;
    padding: 10px;background-size: contain;
}
.cd-image-container img{
    display: block;
    height: 100vh;
}
img.drag-logo {
    height: unset;
    width: 75%;
    margin: 0 auto;
    display: flex;
}
.cd-image-label span{
    font-size: 3.5em !important; line-height: 50px !important
}
.is-visible .cd-image-label{
    right: 0 !important
}
.welcome-pic3 img{
    height: 150px;
    object-fit: cover;
}
.testimonials-item{
    padding: 30px; margin-bottom: 40px;
}
.testimonials-one__image-inner img{
    height: 80px; width: 80px;
}
    .reserv-top{
    padding: 2em 3em;
}
 .reserv-top h2{
        font-size: 1.4em
    }
    .logo {
    padding: 8px 0px !important;
}
    .caption-border1 img, .caption-border2 img {
    width: 300px;
}
.caption-border1 , .caption-border2{
  bottom: -20px;  
}
.facility-content-wrap {
    padding: 1em 0%;
}
section.restaurant-position{
    top: -95px;
}
.restaurant-container{
    padding: 15px;
}
.img-side{
    height: 160px;
    right: -52px;
}
body.home .bottom-container {
    top: 100px;
}
.rooms-content-wraper .container{
    width: 90%
}
     .nav-header{ width: 19% !important;padding:1.5% 3% 0% 5%!important;left: -4% !important;}
      .nav-menu > li > a{ font-size: 0.6em !important; margin: 0px 5px !important; height: 44px !important;}
      .top-quickwraper{
        padding: 0 !important
      }

      .tab-btns button{
        padding: 13px 35px
      }
  

    .sidebar__post-content h3{
        line-height: 2.9; font-size: 0.3em;
    }
    .sidebar__post__content__meta{
        font-size: .6em;
    }
    .sidebar__post-image>img {
    width: 80px;
}
.blog-item img{
    min-height: 325px; }

    .contact-div
    {
        width: 100%
    }
    .contaxt-box-wraper{
        width: 90%;
    }
    .contact-logo img {
    width: 45%;
}
.contact-adress-box{
    padding: 30px;
}

      .ayurveda-middle .ayurveda-bg img{
  object-fit: cover;
    width: 76%;
    object-position: right;
}
.ayurveda-content-main{
    width: 70%
}
.ayurveda-content .ayurveda-content-pic img{
 
 height: 300px;
}
.ayurveda-content-pic img {
    width: 100%;
}

    .act-list{
        width: 100%;
    }
.inner-caption-title{
    font-size: 3em;
}
.restaurant-subtitle{
    font-size: 0.678em
}
.spice-plantations {
    width: 75%;
    }
    .spice-trail {
    width: 80%;
}
      .apply{
            line-height: 30px;
      }
      .sexy-menu.detached .nav-header {
    box-shadow: unset;
    background: unset;
}
.sexy-menu.detached .nav-brand img {
        margin-top: 37px !important;
    width: 70px !important;
}
.sexy-menu.detached .nav-menu > li > a{
     margin: 5px 5px !important;
}
   .pic-full img {
  height: 400px;
    object-fit: cover;
    object-position: left;
}
.rooms-details-title-sub{
    margin-bottom: .5em; padding-bottom: .5em;
}
.activity-content p{
    width: 65%;
}
.activity-content{
    padding-bottom: 1em;
}

  .restaurant-dtl-bg img {
    width: 480px;
}.accommodation-pic .img-acc1{
    left: -20px;
    width:75%;
}
.accommodation-pic .img-acc2 {
left: 66px;
    bottom: -77px;
    width: 80%;
}
.about-resort-content {
    width: 50%;
}
.about-resort:nth-child(3) .about-resort-content{
    width: 65%;
}
.accommodation-pic{
    width: 35%
}
[class^="hvr-"]{
    height: 40px;
    line-height: 40px;
    width: 150px;    font-size: 1.7em;
}
.bottom-title{
    font-size: 2.5em;margin-bottom: 5px;
}
.book-now-button{
    margin-top: 0;
}
.accommodation-pic .img-acc1{
    left: -20px;
    width:75%;
}
.accommodation-pic .img-acc2 {
left: 66px;
    bottom: -77px;
    width: 80%;
}
.about-resort-content {
    width: 50%;
}
.about-resort:nth-child(3) .about-resort-content{
    width: 65%;
}
.accommodation-pic{
    width: 35%
}
.pic-full img {
  height: 550px;
    object-fit: cover;
    object-position: left;
}
[class^="hvr-"]{
        width: 175px;
    height: 48px; line-height: 48px;
}
.book-now-button{
    margin-top: 0;
}
.activity-content p {
    width: 65%;
}
.tab-content{
    margin-left: 46%;
    margin-top: -35%;
}
.room-name{
    font-size: 1.7em;
}
.tab-content-details{
    padding: 0px 2.5em
}
.spices-bottom-container-icon img {
    width: 70px;
}
.thekkady-conatainer{
    padding-top: 8.5%
}
.tab-content-pic img {
    height: 220px;
}
.thekkady-spices-title{
    font-size: 3.444em;
}
.welcome-title{
    font-size: 2.444em;
}
.welcome-title-sub{
        font-size: .9em;
}
.banner-caption-sub{
    font-size: 1em;
}
.banner-caption-sub span{
    font-size: .7em
}
.banner-caption{
    font-size: 4em;margin-top: 0;
}
.whats-app{
    margin-right: 6%
}
.wellness-icon
{
    height: 65px;
    width: 65px;
}
.restaurant-main-for,.restaurant-main {
   display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    text-align: center;
    }
    .restaurant-main img {
    width: 65%;
}

   .pic-full img {
  height: 500px;
    object-fit: cover;
    object-position: left;
}
.activity-content p{
    width: 65%;
}
.activity-content{
    padding-bottom: 1em;
}
.accommodation-pic .img-acc1{
    left: -20px;
    width:75%;
}
.accommodation-pic .img-acc2 {
left: 66px;
    bottom: -77px;
    width: 80%;
}
.about-resort-content {
    width: 50%;
}
.about-resort:nth-child(3) .about-resort-content{
    width: 65%;
}
.accommodation-pic{
    width: 35%
}
.resp-vtabs ul.resp-tabs-list{
    padding-top: 50px !important;
}

     .mountain-packages-content-title{ font-size: 1.15em;}
     .quote-comment{ height: 80px;}
      .quote-box{ height: 40px; line-height: 40px;}
      .rate-quote{ margin-top: 0.5em;}
      #popUp{padding: 0.5% 1%;}
      .nav-brand img{ width: 95px !important;}
      .nav-dropdown { overflow: auto !important;height: 80vh !important;}
      
     .tab button{
            padding-top: 15px;
    padding-bottom: 15px;
     }
     .welcome-content-left {
    width: 68%;
}
      .wellness-content {width: 72%;padding-right: 3%;}
      .room-right{ width: 7%;}
      .footer-outer-right-bg{ width: 10%;}
      .footer-outer-left-bg{ width: 10%;}
      .logobg{ width: 20%;}
      .restaurant-left-bottom{ width: 12%;}
      .restaurant-right-bottom{ width: 14%;}
      .restaurant-right-top{ width: 12%;}
      .spices-bottom{ width: 15%;}
      .spices-top{ width: 12%;}
      .thekkady-spices{ width: 70%;}
      .room-left{ width: 7%;}
      .resp-vtabs ul.resp-tabs-list{ height: 90vh !important;}
      .wellness-leaf{ width: 15%;}
      .tab-content{ width: 40%;}
      .tab-content-pic img{ width: 100%;}
      .footer-links-for ul li{ width: 120px;}
    .restaurant-container-main:nth-child(2n+3) .restaurant-dtl-content {
        padding-left: 0em;
        padding-right: 2em;
    }      .restaurant-bottom-container-pic img{ width: 330px;}
.restaurant-container-main:nth-child(2n+2) .restaurant-dtl-content {
    padding-left: 2em;
    padding-right: 0em;
}
.restaurant-dtl-title{
    font-size: 1.8em;    margin-bottom: 3px;
    line-height: 27px;
}

}
 @media (min-width: 1280px) and (max-width: 1359px) {
     body {
         font-size:14px !important;
    }

    .is-visible .cd-image-label{
    right: 5% !important
}
    .cd-image-label span{
    font-size: 4.5em !important; line-height: 80px !important
}
    .welcome-pic3 img{
    height: 200px;
    object-fit: cover;
}
  .reserv-top{
    padding: 2em 3em;
}

 .reserv-top h2{
        font-size: 1.4em
    }
.caption-border1 img, .caption-border2 img {
    width: 300px;
}
.caption-border1 , .caption-border2{
  bottom: -20px;  
}
.facility-content-wrap {
    padding: 1em 8%;
}
.img-side{
    height: 160px;
    right: -52px;
}
body.home .bottom-container {
    top: 100px;
}
.rooms-content-wraper .container{
    width: 90%
}
    .sidebar__post-content h3{
        line-height: 2.9; font-size: 0.43em;
    }
    .sidebar__post__content__meta{
        font-size: .7em;
    }
    .sidebar__post-image>img {
    width: 80px;
}.tab-btns button{
        padding: 13px 35px
      }

.blog-item img{
    min-height: 325px; }

    .contact-div
    {
        width: 100%
    }
    .contaxt-box-wraper{
        width: 90%;
    }
    .contact-logo img {
    width: 30%;
}
.contact-adress-box{
    padding: 30px;
}
    .resp-tabs-list li {
        font-size: 11px !important;
        font-weight: 400;
      }
 .act-list{
        width: 90%;
    }
.spice-plantations {
    width: 65%;
    }
    .spice-trail {
    width: 80%;
}
.ayurveda-middle .ayurveda-bg img{
    width: 80%
}
.ayurveda-content .ayurveda-content-pic img{
 
 height: 370px;
}
     .container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }
     .top-container {
         width: 100%;
         padding-left: 3%;
         padding-right:3%;
    }
    
    .nav-menu > li > a{ font-size: 1em !important}
.nav-header{
    left: -4% !important
}    
     .logo {
       width: 90%;    padding: 10px 0 !important;
     }
     .logo img {
       width: 120px !important;
     }
     .sexy-menu.detached .nav-menu > li > a {
    margin: 14px 10px !important;
}
.sexy-menu.detached .nav-header
{
    box-shadow: unset;
    background: unset;
}
.rooms-details-title{margin-bottom: 3px}
.accommodation-pic .img-acc1{
    left: -20px;
    width:75%;
}
.accommodation-pic .img-acc2 {
left: 66px;
    bottom: -77px;
    width: 80%;
}
.about-resort-content {
    width: 50%;
}
.about-resort:nth-child(3) .about-resort-content{
    width: 65%;
}
.accommodation-pic{
    width: 35%
}
.banner-caption::before{
       background-size: contain;
        width: 55px;
        height: 52px;
        bottom: -.7em;
      }
      .banner-caption::after{
         background-size: contain;
        width: 55px;
        height: 52px;
      }
.pic-full img {
  height: 550px;
    object-fit: cover;
    object-position: left;
}
[class^="hvr-"]{
        width: 175px;
    height: 48px; line-height: 48px;
}
.book-now-button{
    margin-top: 0;
}
.activity-content p {
    width: 65%;
}
.tab-content{
    margin-left: 46%;
    margin-top: -35%;
}
.room-name{
    font-size: 2em;
}
.tab-content-pic img {
    height: 280px;
}
.thekkady-spices-title{
    font-size: 3.444em;
}
.welcome-title{
    font-size: 2.9em;
}
.welcome-title-sub{
        font-size: .9em;
}
.banner-caption-sub{
    font-size: 1em;
}
.banner-caption-sub span{
    font-size: .8em
}
.banner-caption{
    font-size: 4.444em;margin-top: 0px;
}
.wellness-icon
{
    height: 65px;
    width: 65px;
}
.restaurant-main-for {
    width: 80%;
    }
    .restaurant-main img {
    width: 80%;
}
   .pic-full img {
  height: 500px;
    object-fit: cover;
    object-position: left;
}
.activity-content p{
    width: 65%;
}
.activity-content{
    padding-bottom: 1em;
}
   .restaurant-dtl-bg img {
    width: 560px;
}
.accommodation-pic .img-acc1{
    left: -20px;
    width:75%;
}
.accommodation-pic .img-acc2 {
left: 66px;
    bottom: -77px;
    width: 80%;
}
.about-resort-content {
    width: 50%;
}
.about-resort:nth-child(3) .about-resort-content{
    width: 65%;
}
.accommodation-pic{
    width: 35%
}
    
      .nav-menu > li > a{ font-size: 0.7em !important; margin: 5px 10px !important; height: 44px !important;}

      .expertise{ left: 0em;}
      .live-cooking {right: 15em;
    bottom: -8em;}
      .culinary {right: 0em;
    top: 10em;}
      .ambians {top: -5em;}
      .farm-table {left: 0em; }
      .wellness-content {width: 72%;padding-right: 3%;}
      .room-right{ width: 7%;}
      .footer-outer-right-bg{ width: 10%;}
      .footer-outer-left-bg{ width: 10%;}
      .logobg{ width: 20%;}
      .restaurant-left-bottom{ width: 12%;}
      .restaurant-right-bottom{ width: 14%;}
      .restaurant-right-top{ width: 12%;}
      .spices-bottom{ width: 15%;}
      .spices-top{ width: 12%;}
      .thekkady-spices{ width: 64%;}
      .room-left{ width: 7%;}
      .wellness-leaf{ width: 15%;}
      .tab-content{ width: 40%;}
      .tab-content-pic img{ width: 100%;}
      .footer-links-for ul li{ width: 150px;}
      .sexy-menu.detached .nav-brand img {margin-top: 52px !important; width: 95px !important; }
      .restaurant-dtl-content{padding: 2em 3em;}
      .restaurant-bottom-container-pic img{ width: 430px;}


}
 @media (min-width: 1360px) and (max-width: 1600px) {
.is-visible .cd-image-label{
    right:7% !important
}
.cd-image-label span{
    font-size: 3.6em !important;
    line-height: 50px !important;
}
.rooms-wraper{
    padding: 100px 0 40px
}
.act-item h2{
    font-size: .9em;
}
.caption-border1 img, .caption-border2 img {
    width: 300px;
}
.caption-border1 , .caption-border2{
  bottom: -20px;  
}
.facility-content-wrap {
    padding: 1em 8%;
}
.img-side{
    height: 160px;
    right: -52px;
}

.rooms-content-wraper .container{
    width: 90%
}
.reserv-top{
    padding: 3em 4em;
}

}
 @media (min-width: 1360px) and (max-width: 1399px) {
     body {
         font-size:15px !important;
    }
   
     .container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }
    
     .top-container {
         width: 100%;
         padding-left: 3%;
         padding-right:3%;
    }
    .reserv-top h2{
        font-size: 1.5em
    }
    .tabcontent{
    margin-top: -140px;
}
body.home .bottom-container {
    top: 100px;
}
.welcome-pic3 img{
    height: 220px;
    object-fit: cover;
}
      .testimonials-one__infos{
        padding-top: 20px;
    padding-bottom: 15px;
      }
     .sidebar__post-content h3{
        line-height: 2.9; font-size: 0.43em;
    }
    .sidebar__post__content__meta{
        font-size: .7em;
    }
    .sidebar__post-image>img {
    width: 80px;
}
.blog-item img{
    min-height: 345px;
}
    .contact-div
    {
        width: 100%
    }
    .contaxt-box-wraper{
        width: 90%;
    }
    .contact-logo img {
    width: 35%;
}
.contact-adress-box{
    padding: 30px;
}
.ayurveda-middle .ayurveda-bg img{
    width: 80%
}
.ayurveda-content .ayurveda-content-pic img{
    height: 370px;
}
.spice-plantations {
    width: 65%;
    }
    .spice-trail {
    width: 80%;
}
    [class^="hvr-"] {
    width: 175px;
    height: 48px;
    line-height: 48px;
}

.rooms-details-title{margin-bottom: 0}
.book-now-button{margin-top: 0}
    .banner-caption::before{
        bottom: -1.1em;
    }
    .rooms-for{width: 30%;
    margin: 0 10px;}
.accommodation-pic .img-acc1{
    left: -20px;
    width:75%;
}
.accommodation-pic .img-acc2 {
left: 66px;
    bottom: -77px;
    width: 80%;
}
.about-resort-content {
    width: 50%;
}
.about-resort:nth-child(3) .about-resort-content{
    width: 65%;
}
.accommodation-pic{
    width: 35%
}
.pic-full img {
  height: 550px;
    object-fit: cover;
    object-position: left;
}

.activity-content p {
    width: 65%;
}
.thekkady-spices-title{
    font-size: 3em;
}
.welcome-title{
    font-size: 2.9em; line-height: 50px;
}
.welcome-title-sub{
        font-size: .9em;
}
.banner-caption-sub{
    font-size: 1em;
}
.banner-caption-sub span{
    font-size: .8em
}
.banner-caption{
    font-size: 4.444em;
}
.wellness-icon
{
    height: 65px;
    width: 65px;
}
.restaurant-main-for {
    width: 80%;
    }
    .restaurant-main img {
    width: 80%;
}
.nav-header{ width: 18% !important; margin-right: 3em !important;    padding-left: 5% !important;
    padding-right: 4% !important;}
.nav-header img {
    width: 130px !important;
}
.logo {
    padding: 11px 0px !important;
}
 .nav-menu > li > a{ font-size: 0.8em !important; margin: 0px 7px !important;}
     .nav-header {
        float: left;
        margin-right: 2em !important;
      }
     
      .logo img {
        width: 85%;
      }
      .pic-full img {
  height: 520px;
    object-fit: cover;
    object-position: left;
}
.activity-content p{
    width: 70%;
}

      .restaurant-dtl-bg img {
    width: 600px;
}
.accommodation-pic .img-acc1{
    left: -20px;
    width:75%;
}
.accommodation-pic .img-acc2 {
left: 66px;
    bottom: -77px;
    width: 80%;
}
.about-resort-content {
    width: 50%;
}
.about-resort:nth-child(3) .about-resort-content{
    width: 65%;
}
.accommodation-pic{
    width: 35%
}
   
      .arrows {margin-top: -3em;      }
      .wellness-name {font-size: 1em;}
      .inner-luxury-title{ font-size: 1.75em;}
      .mountain-packages-content-title{ font-size: 1.25em;}
      .quote-comment{ height: 80px;}
      .quote-box{ height: 40px; line-height: 40px;}
      .rate-quote{ margin-top: 0.5em;}
      #popUp{padding: 1% 1%;}
      .nav-header{ left: -5% !important;}

      .expertise{ left: 0em;}
      .live-cooking {right: 15em;
    bottom: -7em;}
      .culinary { top: 9em;}
      .ambians {top: -5em;}
      .farm-table {left: 0em; }
      .wellness-content {width: 72%;padding-right: 3%;}
      .room-right{ width: 7%;}
      .footer-outer-right-bg{ width: 10%;}
      .footer-outer-left-bg{ width: 10%;}
      .logobg{ width: 20%;}
      .restaurant-left-bottom{ width: 12%;}
      .restaurant-right-bottom{ width: 14%;}
      .restaurant-right-top{ width: 12%;}
      .spices-bottom{ width: 15%;}
      .spices-top{ width: 12%;}
      .thekkady-spices{ width: 64%;}
      .room-left{ width: 7%;}
      .resp-vtabs ul.resp-tabs-list{ height: 85vh !important;}
      .wellness-leaf{ width: 15%;}
      .tab-content{ width: 40%;}
      .tab-content-pic img{ width: 100%;}
      .sexy-menu.detached .nav-brand img {margin-top: 60px; width: 90px !important; }
      .restaurant-dtl-content{padding: 2em 3em;}
      .restaurant-bottom-container-pic img{ width: 430px;}
      .contaxt-box-wraper{ width: 90%;}

}

 @media (min-width: 1400px) and (max-width: 1441px) {
  
 
     body {
         font-size:15px !important;
    }
    
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
.sexy-menu.detached .nav-brand img{
     width:75px!important;
}
.nav-header{ width: 18% !important; margin-right: 3em !important;    padding-left:4% !important;
    padding-right: 4% !important;}
.nav-header img {
    width: 125px !important;
}
.logo {
    padding: 12px 0px !important;
}
 .nav-menu > li > a{ font-size: 0.8em !important; margin: 0px 9px !important;}
      .sidebar__post-content h3{
        line-height: 2.9; font-size: 0.43em;
    }
    body.home .bottom-container {
    top: 100px;
}
    .tabcontent{
        margin-top: -140px;
    }
    .sidebar__post__content__meta{
        font-size: .7em;
    }
    .sidebar__post-image>img {
    width: 80px;
}
.blog-item img{
    min-height: 400px;
}

     .contact-div
    {
        width: 100%
    }
    .contaxt-box-wraper{
        width: 90%;
    }
    .contact-logo img {
    width: 35%;
}
.contact-adress-box{
    padding: 30px;
}
.ayurveda-middle .ayurveda-bg img{
    width: 80%
}
.ayurveda-content .ayurveda-content-pic img{
    height: 370px;
}

 .restaurant-dtl-bg img {
    width: 600px;
}
.accommodation-pic .img-acc1{
    left: -20px;
    width:75%;
}
.accommodation-pic .img-acc2 {
left: 66px;
    bottom: -77px;
    width: 80%;
}
.about-resort-content {
    width: 50%;
}
.about-resort:nth-child(3) .about-resort-content{
    width: 65%;
}
.accommodation-pic{
    width: 35%
}
.pic-full img {
  height: 550px;
    object-fit: cover;
    object-position: left;
}

.activity-content p {
    width: 65%;
}
.thekkady-spices-title{
    font-size: 3.444em;
}
.welcome-pic3 img{
    height: 220px;
    object-fit: cover;
}
.welcome-title{
    font-size: 2.8em;    line-height: 50px;
}
.welcome-title-sub{
        font-size: .9em;
}
.banner-caption-sub{
    font-size: 1em;
}
.banner-caption-sub span{
    font-size: .8em
}
.banner-caption{
    font-size: 4.444em;
}
.wellness-icon
{
    height: 65px;
    width: 65px;
}
.restaurant-main-for {
    width: 80%;
    }
    .restaurant-main img {
    width: 80%;
}
  .rooms-for{width: 30%;
    margin: 0 10px;}
    .expertise{ left: 0em;}
    .live-cooking {right: 16em;
    bottom: -7em;}
    .culinary {right: 3em;
    top: 9em;}
    .ambians {top: -5em;}
    .farm-table {left: 1em; }
    .wellness-content {width: 70%;padding-right: 3%;}
    .room-right{ width: 7%;}
    .footer-outer-right-bg{ width: 10%;}
    .footer-outer-left-bg{ width: 10%;}
    .logobg{ width: 20%;}
    .restaurant-left-bottom{ width: 12%;}
    .restaurant-right-bottom{ width: 14%;}
    .restaurant-right-top{ width: 12%;}
    .spices-bottom{ width: 15%;}
    .spices-top{ width: 12%;}
    .thekkady-spices{ width: 64%;}
    .room-left{ width: 10%;}
    .resp-vtabs ul.resp-tabs-list{ height: 88vh !important;}
    .wellness-leaf{ width: 15%;}
    
}

 @media (min-width: 1441px) and (max-width: 1599px) {

        .welcome-pic3 img{
    height: 220px;
    object-fit: cover;
}
.welcome-title{
    font-size: 2.9em;
    line-height: 50px;
}
body.home .bottom-container {
    top: 185px;
}.book-now-button{
    margin-top: 0
}
  .nav-header img {
    width: 130px!important;
}
.sexy-menu.detached .nav-brand img{
     width:90px!important; margin-top: 50px !important
}
.logo{
    padding: 14px 0px !important;
}
  .nav-header
  {
      padding-left: 4% !important;
    padding-right: 4% !important;
    }

    .nav-menu > li > a{ font-size: 0.9em !important; }
     body {
         font-size:16px !important;
    }
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
    .restaurant-dtl-bg img {
    width: 680px;
}
.pic-full img {
    height: 550px;
    object-fit: cover;
    object-position: left;
}
.contact-logo img{
    width: 30%
}
.ayurveda-middle .ayurveda-bg img {
    width: 80%;
}
.tab-content {
    margin-left: 46%;
    margin-top: -35%;width: 40%;
}

.contact-adress-box{
    padding: 40px;
}
.contact-div{
    width: 100%;
}
.activity-content p{
    width: 80%
}
.about-resort-content {
    width: 50%;
}
    .accommodation-pic .img-acc1 {
    left: -20px;
    width: 60%;
}
.accommodation-pic .img-acc2 {
    left:0px;
    bottom: -77px;
    width: 60%;
}
    .expertise{ left: 4em;}
    .live-cooking {right: 10em;bottom: -5em;}
    .culinary {right: 0em;top: 10em;}
    .ambians {top: -5em;}
    .farm-table {left: 1em; }
    .wellness-content {width: 70%;padding-right: 3%;}
    .room-right{ width: 7%;}
    .footer-outer-right-bg{ width: 10%;}
    .footer-outer-left-bg{ width: 10%;}
    .logobg{ width: 20%;}
    .restaurant-left-bottom{ width: 12%;}
    .restaurant-right-bottom{ width: 14%;}
    .restaurant-right-top{ width: 12%;}
    .spices-bottom{ width: 15%;}
    .spices-top{ width: 12%;}
    .thekkady-spices{ width: 60%;}
    .room-left{ width: 10%;}
    .resp-vtabs ul.resp-tabs-list{ height: 88vh !important;}
    .wellness-leaf{ width: 15%;}
}
 @media (min-width:1600px) and (max-width:1680px) {
     body {
         font-size:17px !important;
    }
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
   .nav-header img {
    width: 140px!important;
}
.sexy-menu.detached .nav-brand img{
     width:90px!important;
}
.logo{
    padding: 15px 0px !important;
}
.welcome-title{
    font-size: 2.9em; line-height: 50px;
}
.welcome-pic3 img{
    height: 230px;
    object-fit: cover;
}
body.home .bottom-container {
    top: 185px;
}.book-now-button{
    margin-top: 0
}
  .tabcontent{
        margin-top: -140px;
    }   .nav-menu > li > a{ font-size: 0.9em !important; }

.restaurant-dtl-bg img {
    width: 680px;
}
.pic-full img {
    height: 550px;
    object-fit: cover;
    object-position: left;
}
.contact-logo img{
    width: 30%
}
.ayurveda-middle .ayurveda-bg img {
    width: 80%;
}
.contact-adress-box{
    padding: 40px;
}
.contact-div{
    width: 100%;
}
.activity-content p{
    width: 80%
}
.about-resort-content {
    width: 50%;
}
    .accommodation-pic .img-acc1 {
    left: -20px;
    width: 60%;
}
.accommodation-pic .img-acc2 {
    left:0px;
    bottom: -77px;
    width: 60%;
}
    .expertise{ left: 4em;}
    .live-cooking {right: 10em;bottom: -5em;}
    .culinary {right: 0em;top: 10em;}
    .ambians {top: -5em;}
    .farm-table {left: 1em; }
    .wellness-content {width: 70%;padding-right: 3%;}
    .room-right{ width: 7%;}
    .footer-outer-right-bg{ width: 10%;}
    .footer-outer-left-bg{ width: 10%;}
    .logobg{ width: 20%;}
    .restaurant-left-bottom{ width: 12%;}
    .restaurant-right-bottom{ width: 14%;}
    .restaurant-right-top{ width: 12%;}
    .spices-bottom{ width: 15%;}
    .spices-top{ width: 12%;}
    .thekkady-spices{ width: 70%;}
    .room-left{ width: 10%;}
    .resp-vtabs ul.resp-tabs-list{ height: 88vh !important;}
    .wellness-leaf{ width: 15%;}
}
 @media (min-width:1681px){
     body {
         font-size:16px !important;
    }
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
    .restaurant-bottom-wrap{
        height: 310px;
    }
}
 @media (max-width:420px) {
     body {
         font-size:14px !important;
    }
     .container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }
     .top-container{
         width:100%;
         padding-left:1%;
         padding-right:1%;
    }
     .desk-view{
         display: none 
    }
     .mob-view{
         display: block 
    }
}
 @media (min-width:421px) and (max-width:460px){
     body {
         font-size:14px !important;
    }
     .container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }
     .top-container{
         width:100%;
         padding-left:1%;
         padding-right:1%;
    }
     .desk-view{
         display: none 
    }
     .mob-view{
         display: block 
    }
}
 @media (min-width:461px) and (max-width:560px){
     body {
         font-size:14px !important;
    }
     .container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }
     .top-container{
         width:100%;
         padding-left:1%;
         padding-right:1%;
    }
     .desk-view{
         display: none 
    }
     .mob-view{
         display: block 
    }
}
 @media (max-width:560px){
.footer-content:last-child {
    margin-bottom: 0 !important;
}
.footer-outer-wraper{
    padding-top: 0px
}
.act-list .act-item:nth-child(2n){
    margin-top:0;
}
.rooms-right-bg img,.rooms-left-bg img {
    width: 100px;
}
.rooms-right-bg{
    right: -2em;
    bottom: -3em
}
.rooms-left-bg{
    left: -2em;
    top: -3em
}
.bottom-container p br {
    display: none;
}
.spice-item{
    width: 100%
}
.tablinks.active{
    color: #af8959;
}
.thekkady-spices-title br {
    display: none;
}
.thekkady-spices-bottom{
        bottom: 2em;
}

.rooms-wraper {
    background-size: cover;background-position: center;
}
.inner-caption-title3,.about-resort-content-title,
.fac-title h2{
    font-size: 1.7em
}
.activities-wraper{
    padding-bottom: 2em
}
.row1{
    display: block;    width: 100%; margin-bottom: 0;    margin-top: 1em;
}
.column-1:nth-child(3n+2){
    margin-top: 0
}
.act-item-other,.act-item {
    width: 50%;
    padding: 5px;
}
.column-1{
    max-width: 50%; flex: 50%;float: left; 
}
.act-list{
    width: 100%;margin-bottom: 3em; display: block;
}
.facilities-list{
    width: 90%;    margin-bottom: 0em;
}
.facilities-item{
    width: 100%;    padding: 10px;
}
.restaurant-bottom-pic img {
    height: 500px;
}
.restaurant-bottom-for-title {
    font-size: 2em;
    line-height: 32.57px;
}
.restaurant-bottom-for p{
    width: 100%; padding-left: 10px;
    padding-right: 10px;
}
.restaurant-bottom-container{
    top: 0;    width: 100%;
}
.restaurant-bottom-container-pic img{
     margin: 0 auto;
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.restaurant-bottom-for{
    display: block;
}
.restaurant-bottom-wrap{
    clear: both;
}
.restaurant-dtl-bg img {
    width: 100%; height: 400px;
}
.restaurant-dtl-bg{
    left: 0;
}
.restaurant-container-main:nth-child(2n+3) .restaurant-dtl-bg{
    right: 0
}
.restaurant-container-main:nth-child(2n+3) .restaurant-dtl-content {
    padding-left: 2em;
    padding-right: 2em;
}
.restaurant-pic{
    display: none;
}
.restaurant-container-main{
    width: 100%;    display: block;    clear: both;
}
.restaurant-full_width p,.restaurant-dtl
{
    width: 100%
}
.restaurant-dtl-title{
    font-size: 1.6em;    line-height: 30px;
}
.restaurant-full_width_pic img {
    width: 80px;
}
.restaurant-container-main_full_width{
        margin: 2em auto;
}
.restaurant-wraper{
    padding: 20px 0px 30em;    background: #101a11 url(../images/restaurant-bg-mob.jpg);
}
.rooms-container:nth-child(2n+2) .rooms-details{
    padding-right: 0
}
.rooms-details-title-sub{
    font-size: 1em;
}
.rooms-details-title{
        font-size: 1.66em;
}
.rooms-container .container{
    display: block;margin-bottom: 4em;
    padding-bottom: 5em;
}
.rooms-details{
    width: 100%;    float: none;
    padding-left: 0;
}
.rooms-main-wraper{
    padding-top: 2em;
    padding-bottom: 2em;
}
.rooms-container{
    padding: 0
}
.room-main-pic{
 float: none;    width: 100%;    display: block;
}
.rooms-container:nth-child(2n+2) .room-main-pic{
     float: none;    width: 100%;  
}
.restaurant-subtitle{
    font-size: 0.4em;
}
.inner-caption-border img {
    width: 320px;
}
.inner-caption-border{
        bottom: -20px;
}
.whychoose-icon img{
    width: 40px;
}
.whychoose-icon {
    width: 65px;
    height: 65px;
}
.why-choose-for{
    width: 100%; border-right: 0;margin-bottom: 1em;
}
.food-delight-content-title{
    font-size: 2em
}
.activity-content-title{
    font-size: 1.8em
}
.food-border img {
    width: 200px;
}
.food-delights{
    padding-top: 2em;background-size: cover;
}
.food-delights-for{
    display: block;
}
.pic-full img{
    height: 300px; object-fit: cover;
}
.activity-content p,.food-delight-content{
    width: 100%
}
.food-delight-pic,
.accommodation-pic .img-acc1,.accommodation-pic .img-acc2{
    display: none;
}
.about-resort-main {
    padding: 3em 0 0;
}
.about-resort:nth-child(3){
    margin-top: 0px;
}
.about-resort-content{
    padding-left: 0;
        padding-top: 2em;
    }
.about-resort-main p{
    width: 95%
}
.about-resort{
    width: 90%; display: block;
}
.about-resort-pic-outer,.about-resort-content,
.about-resort:nth-child(3) .about-resort-content {
    width: 100%; float: none;
    }
.inner-caption-title{
    font-size: 2em;
}
.navigation-portrait .nav-menu {
    padding-bottom: 200px;
}
.sexy-menu.detached .nav-menu > li > a {
    margin: 0 !important;
}
li{
    font-size: 14px !important;
}
.whats-app{
    bottom: 22vh;
    right: 7vh;
}
.copy-right span {
    display: none;
}
.footer-wraper{
    padding-bottom: 80px;
}
.footer-social-links ul li a{
    font-size: 1em !important
}
.footer-content-for{
    margin-bottom: 1em;padding-bottom:0;
}
.footer-links-for ul li{
    width: 13%;
}
 .footer-content{
    width: 100%;    margin: 0;
 }
.footer-outer-left-bg,.footer-outer-right-bg{
    display: none;
}
.footer-content:nth-child(3), .footer-content:nth-child(2){
    display: none;
}
 .footer-content:nth-child(4) .rooms-link-title ,
 .footer-content:nth-child(4) .rooms-link{
    display: none;
}
.follow-link{
    display: block !important;   margin-left: 15px !important; margin-top: 0 !important;
}

.footer-logo a img {
    height: 100px;
}
.footer-logo{
    display: flex;
}
[class^="hvr-"]{
    width: 125px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 1.4em;
}
.bottom-section-pic img{
    object-fit: cover;    height: 300px
}
body.home .bottom-container{
    top: 0;
}
.bottom-title{
    font-size: 1.8em
}
.join{
    line-height: 22px;  margin-top: .5em;    font-size: .9em;       padding: 5px 20px;
}
.restaurant-main-title{
    font-size: 1.8em
}
.img-side{
    display: none;
}
.restaurant-main{
    display: block;
}
.rest-img{
    width: 100%;
}
.restaurant-main-for{
    width: 100%;
}
body.home .bottom-section{
margin-top: 0;}
.restaurant-position{
        top: 0 !important;
}
.restaurant-container{
    padding: 20px;
}
.restaurant-container{
    width: 100%; padding: 20px;
}
.facility-title-wrap {
    float: none;
    margin-bottom: 2em;
}
.facility-content-wrap{
    padding: 1em 2%;
}
.activity-title-wrap{
    float: none;
}
.facitility-title span {
    font-size: 2em;
}
.facitility-title{
    font-size: 1em;text-align: center;
}
.feature-container,.activities-wrap:nth-child(2) .feature-container{
    padding: 7% 4% 3% 4%;
}
.activities-wrap{
    width: 100%;
}
.wellness:nth-child(2n){
    border-right: 0;    margin-right: 0;
}

.wellness-pic{
    background-image: url(../images/wellness-pic-mob.jpg);
}
.wellness-pic img{
   opacity: 0;
}
.wellness:nth-last-child(1),.wellness:nth-last-child(1) .wellness-name-title{
    width: 100%;
    border: none;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}
.wellness:nth-child(3n+3){
    border-right: 1px solid #ccc;margin-right: 5%;
}
.wellness{
    width: 47%; float: left;margin-top: 1em;
}
.wellness-content-for p{
        font-size: 0.5em;
}
.wellness-title{
    font-size: 2em;
}
.wellness-pic img {
    height: 540px;
    object-fit: cover;
}
.wellness-name-title{
    font-size: .9em
}   
   .wellness-icon img{
    height: 25px;
   }
    .wellness-icon {
    width: 45px;
    height: 45px;
    }
    .facility-content-wrap ul li{
        font-size:.9em !important;
    }
    .wellness-content{
        width: 100%;     padding-right: 0;
    }
    .wellness-leaf,.wellness-content-pic{
        display: none;
    }
    .spices-bottom-container:nth-child(5) {
    clear: both;
    }

    .thekkady-wraper .middle-pics img {
    height: 500px; object-fit: cover;
    }
    .spices-bottom-container{
        width: 25%;
        float: left;
    }
    .spices-bottom-container-name{
        font-size: .8em;color: #ddd;
    }
    .spices-top{
        display: none;
    }
    .thekkady-content{
        padding-left: 0em;
        margin-left: 0em;
        padding-right: 0%;border-left:0;
    }
    .thekkady-spices-title{
        font-size: 2em;
    }
    .thekkady-spices{
        display: block;
        width: 100%;
    }
    .thekkady-spices-bottom-container{
        display: block;    padding: 0px;
    }
    .spices-bottom-container-icon img {
    width: 40px;
    }
    .tab-content-details{
        bottom: 2%;
    }
    .view-det{
          font-size: .9em; 
    }
    .room-name{
        font-size: 1.2em;
    }
    .tab-content-details p{
        -webkit-line-clamp: 2;
    }
    .tabcontent{
        width: 100%; padding: 0px 15px;  float: none;   margin-top: 10px;
    }
    .tab button span{
        font-size: .9em; letter-spacing: 0;
    }
    .tab button{
        font-size: 1em;padding-top: 10px;
    padding-bottom: 10px;
    }
    .tab-title{
        font-size: 2.063em;
    }
    .tab{
        width: 100%; float: none;padding-top: 5%;
    }
    .rooms-content-wraper .container{
        width: 100%; display: block;
    }
    .know-more{
        font-size: .9em
    }
    .welcome-title-border{
        margin-top: 0px;
    }
    .welcome-title-border img {
    width: 65px; }
    .welcome-content,.welcome-content-left {
    width: 100%;
    }
    .welcome-title-sub{
        font-size: .9em;    margin-bottom: 5px;
    }
    .welcome-title{
        font-size: 1.8em;
        line-height: 26px;
    }
    .banner-caption-sub{
        font-size: .6em;
    }
    .banner-caption-sub span{
        font-size: 0.8em;
    }
    .banner-caption{
        font-size: 2.444em; line-height: 35px;
    }
    .banner-caption-wrap{
    bottom: 0.5em;
      }
 .caption-border1,.caption-border2{
    display: none;
 }
 .home-img{
    height: 86vh
 }
 .welcome-container{
    padding-top: 1em;padding-bottom: 2em;
 }
 .welcome-content-start{
    top: 0;
 }
.caption-border img {
    width: 100px;
}
.welcome-pic2 img, .welcome-pic img, .welcome-pic3 img{
    display: none;
}

}
 @media (max-width:680px){
.cd-image-container{
display: none;
}

.image-label h3{
    font-weight: normal;
    font-family: 'Poppins'; text-align: center;
    letter-spacing: 3px; color: #fff;
    font-size: 0.8em;
}
.image-label span {
    letter-spacing: 0px;
       font-family: 'Geomanist';
    font-weight: 500; text-transform: uppercase;
    font-size: 1.6em; text-align: center;
    display: block; color: #fff;
    line-height: 25px;
}
.width_50 {
    position: relative;height: 50vh; overflow: hidden;
}
.width_50.first_child{
border-bottom: 2px solid #fff;
}
a.view-web i{ margin-left: 10px; }
a.view-web{
    align-items: center;
        padding: 0px !important; border: 0!important;
        font-size: .75em !important; 
}
a.view-web:hover{
    background: transparent !important;
}
.image-label{
    transform: translate(-50%,-50%);
    left: 50%; position: absolute;
    top: 50%;
}
.row-responsive img {
    width: 100%;
    height: 50vh; overflow: hidden;
    object-fit: cover;
}
img.drag-logo {
    height: unset;
        width: 90%;
    margin: 0 auto;
    display: flex;
}

.row-responsive {
    display: block;    overflow: hidden;
}
.spices-middle-wraper{
    padding-top: 1em;    padding-bottom: 0;
}
.spices-wraper{
    background-size: cover;
}
    .tab button.active:after{
        right: 0
    }
.blog-content h2{
    font-size: 1.1em
}
.blog-content{
    padding: 15px;
}
.readmore{
    font-size: .9em
}
.blog-item img{
    min-height: unset;
}
.tab-btns button{
    font-size: 1.4em
}
.gallery-wraper, .blog-wraper, .testimonials-wraper{
    padding-bottom: 2em;
    padding-top: 2em;
}
.gallery-item, .blog-item{
    width: 100%;
}
.plantation-leaf2,.plantation-leaf1{
    display: none;
}
.reserv-top h2{
    font-size: 1.2em
}
.reserv-row .reserve:nth-child(2n-1) {
    margin-right: 0;
}
.reserve{
 width: 100%;margin-bottom: 5%;
 }
 .contact-left-top,.contact-right-bottom{
    display: none;
 }
.top-content,.reserv-row{
 width: 100%;
 }
 .bottom-txt {
    width: 100%;
    margin: 1em auto 3em;
}
.reserv-top{
    width: 100%;padding: 3em 2em;
}
.contact-logo img{
    width: 100px;
}
.contact-wraper{
    padding: 0;
}
.contact-adress-box{
    width: 100%; padding: 20px;
}
.contact-div{
    display: block;
}
.contact-left{
   padding: 40px 10px 30px;clear: both;
}
.contaxt-box-wraper,.contact-left,.contact-location-box{
    width: 100%;    display: block;
}
.contact-right-top,.contact-left-bottom{
    display: none;
}
.contact-row{
    width: 90%;
}
.ayurveda-bg img {
    height: 345px;    object-fit: cover;
}
.ayurveda-bottom-for-content{
    margin-left: 0;
}
.ayurveda-middle {
    padding: 3em 0em;
}
.ayurveda-content-pic{
    display: none;
}
.ayurveda-midlle-for{
    width: 100%
}
.ayurveda-content{
    width: 95%
}
.ayurveda-main-wraper{
    padding-bottom: 3em;
}
.ayurveda-content-left,.ayurveda-content-main{
    width: 100%;display: block; float: none;
}
.facility-top-left,.facility-top-right,.facility-bottom-left,.facility-bottom-right{
    display: none;
}
.spices-bottom-pic img {
    height: 500px;
    object-fit: cover;
}
.spice-trail-pic-outer{
    display: none;
}
.spice-trail-content{
    width: 100%; padding-left: 0;}
.spice-trail{
    width: 95%;padding-top: 2em;
}
.p-content {
    padding-left: 0px;
}
.p-img img {
    height: 60px;
}
.plantation-list .plantation-item{
    display: block;
}
.spices-content-border img {
    width: 200px;
}
.plantations-details-title{
    font-size: 1.6em;
}
.spice-plantations{
    width: 90%;    margin-top: 2em;
}
.spices-top-content
{
width: 95%;

}
.spice-list{
    display: block;
}

.spice-resort-content{
  width: 100%  
}
.spice-wrap{
    display: block;width: 90%;
}
.spice-resort-pic-outer{
    display: none;
}
.spice-title{
    font-size: 1.1em
}
}


 @media (min-width:561px) and (max-width:680px){
.footer-outer-wraper{
    padding-top: 10px
}
.footer-content:last-child {
    margin-bottom: 0 !important;
}
.rooms-right-bg img,.rooms-left-bg img {
    width: 100px;
}
.rooms-right-bg{
    right: -2em;
    bottom: -3em;
}
.rooms-left-bg{
    left: -2em;
    top: -3em;
}
.spice-item:nth-child(3),
.spice-item:nth-child(5){
    clear: both;
}
.spice-item{
    width: 49%
}
.inner-caption-border {
    bottom: -20px;
}
.thekkady-spices-title br{
        display: none;
    }
.activities-wraper{
    padding-bottom: 2em
}
.row1{
    display: block;    width: 100%;
}
.column-1:nth-child(3n+2){
    margin-top: 0
}
.act-item-other,.act-item {
    width: 50%;
    padding: 5px;
}
.column-1{
    max-width: 50%; flex: 50%;float: left;
}
.act-list{
    width: 100%;margin-bottom: 3em;
}
.facilities-list{
    width: 90%;
}
.restaurant-bottom-pic img {
    height: 500px;
}
.restaurant-bottom-for-title {
    font-size: 2em;
    line-height: 32.57px;
}
.restaurant-bottom-for p{
    width: 100%; padding-left: 10px;
    padding-right: 10px;
}
.restaurant-bottom-container{
    top: 0;    width: 100%;
}
.restaurant-bottom-container-pic img{
     margin: 0 auto;
    /* height: 280px; */
    width: 55%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.restaurant-bottom-for{
    display: block;
}
.restaurant-bottom-wrap{
    clear: both;
}
.restaurant-dtl-bg img {
    width: 100%; height: 400px;
}
.restaurant-dtl-bg{
    left: 0;
}
.restaurant-container-main:nth-child(2n+3) .restaurant-dtl-bg{
    right: 0
}
.restaurant-container-main:nth-child(2n+3) .restaurant-dtl-content {
    padding-left: 2em;
    padding-right: 2em;
}
.restaurant-pic{
    display: none;
}
.restaurant-container-main{
    width: 100%;    display: block;    clear: both;
}
.restaurant-full_width p,.restaurant-dtl
{
    width: 100%
}
.restaurant-dtl-title{
    font-size: 1.6em;    line-height: 30px;
}
.restaurant-full_width_pic img {
    width: 80px;
}
.restaurant-container-main_full_width{
        margin: 2em auto;
}
.restaurant-wraper{
    padding: 20px 0px 30em;    background: #101a11 url(../images/restaurant-bg-mob.jpg);
}

.restaurant-subtitle{
    font-size: 0.6em
}
.rooms-container:nth-child(2n+2) .rooms-details{
    padding-right: 0
}
.rooms-details-title-sub{
    font-size: 1em;
}
.rooms-details-title{
        font-size: 1.66em;
}
.rooms-container .container{
    display: block;
}
.rooms-details{
    width: 100%;    float: none;
    padding-left: 0;
}
.rooms-main-wraper{
    padding-top: 2em;
    padding-bottom: 2em;
}
.rooms-container{
    padding: 0
}
.room-main-pic{
 float: none;    width: 100%;    display: block;
}
.rooms-container:nth-child(2n+2) .room-main-pic{
     float: none;    width: 100%;  
}

 .about-resort-main {
    padding: 3em 0 0;
}
.about-resort:nth-child(3){
    margin-top: 0px;
}
.about-resort-content{
    padding-left: 0;
        padding-top: 2em;
    }
.about-resort-main p{
    width: 95%
}
.about-resort{
    width: 90%; display: block;
}
.about-resort-pic-outer,.about-resort-content,
.about-resort:nth-child(3) .about-resort-content {
    width: 100%; float: none;
    }
.inner-caption-title{
    font-size: 2em;
}
.inner-caption-border img {
    width: 320px;
}
.whychoose-icon img{
    width: 40px;
}
.whychoose-icon {
    width: 65px;
    height: 65px;
}
.why-choose-for{
    width: 100%; border-right: 0;margin-bottom: 2em;
}
.food-delight-content-title{
    font-size: 2em
}
.activity-content-title{
    font-size: 1.8em
}
.food-border img {
    width: 200px;
}
.food-delights{
    padding-top: 2em;
}
.food-delights-for{
    display: block;
}
.pic-full img{
    height: 300px; object-fit: cover;
}
.activity-content p,.food-delight-content{
    width: 100%
}
.food-delight-pic,
.accommodation-pic .img-acc1,.accommodation-pic .img-acc2{
    display: none;
}
 body{
    font-size: 14px!important;
 }
.navigation-portrait .nav-menu {
    padding-bottom: 200px;
}
.sexy-menu.detached .nav-menu > li > a {
    margin: 0 !important;
}
li{
    font-size: 14px !important;
}
.whats-app{
    bottom: 22vh;
    right: 7vh;
}
.copy-right span {
    display: none;
}
.footer-wraper{
    padding-bottom: 80px;
}
.footer-social-links ul li a{
    font-size: 1em !important
}
.footer-content-for{
    margin-bottom: 1em;padding-bottom:0;
}
.footer-links-for ul li{
    width: 13%;
}
 .footer-content{
   width: 50%;
    margin: 0;
    float: left;
 }
.footer-outer-left-bg,.footer-outer-right-bg{
    display: none;
}
.follow-link{
    display: block !important;    margin-top: 0 !important;
}

.footer-logo a img {
    height: 100px;
}
.footer-logo{
    display: flex;
}
[class^="hvr-"]{
    width: 140px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 1.6em;
}
.bottom-section-pic img{
    object-fit: cover;    height: 300px
}
body.home .bottom-container{
    top: 0;
}
.bottom-title{
    font-size: 1.8em
}
.join{
    line-height: 22px;  margin-top: .5em;       padding: 5px 20px;
}
.restaurant-main-title{
    font-size: 2em
}
.img-side{
    display: none;
}
.restaurant-main{
    display: block;
}
.rest-img{
    width: 100%;
}
.restaurant-main-for{
    width: 100%;
}
body.home .bottom-section{
margin-top: 0;}
.restaurant-position{
        top: 0 !important;
}
.restaurant-container{
    padding: 20px;
}
.restaurant-container{
    width: 100%; padding: 20px;
}
.facility-title-wrap {
    float: none;
    margin-bottom: 2em;
}
.facility-content-wrap{
    padding: 1em 2%;
}
.activity-title-wrap{
    float: none;
}
.facitility-title span {
    font-size: 2em;
}
.facitility-title{
    font-size: 1em;text-align: center;
}
.feature-container,.activities-wrap:nth-child(2) .feature-container{
    padding: 7% 3% 3% 2%;
}
.activities-wrap{
    width: 100%;
}
.wellness:nth-child(3n){
    border-right: 0;    margin-right: 0;
}
.wellness{
    width: 30%; float: left;margin-top: 1em;
}
.wellness-content-for p{
        font-size: 0.5em;
}
.wellness-title{
    font-size: 2em;
}
.wellness-pic img {
    height: 500px;
    object-fit: cover;object-position: right;
}
.wellness-name-title{
    font-size: .9em
}   
   .wellness-icon img{
    height: 25px;
   }
    .wellness-icon {
    width: 50px;
    height: 50px;
    }
    .wellness-content{
        width: 100%;     padding-right: 0;
    }
    .wellness-leaf,.wellness-content-pic{
        display: none;
    }
    .spices-bottom-container:nth-child(5) {
    clear: both;
    }

    .thekkady-wraper .middle-pics img {
    height: 500px; object-fit: cover;
    }
    .spices-bottom-container{
        width: 25%;
        float: left;
    }
    .spices-bottom-container-name{
        font-size: .8em
    }
    .spices-top{
        display: none;
    }
    .thekkady-content{
        padding-left: 0em;
        margin-left: 0em;
        padding-right: 0%;border-left:0;
    }
    .thekkady-spices-title{
        font-size: 2em;
    }
    .thekkady-spices{
        display: block;
        width: 100%;
    }
    .thekkady-spices-bottom-container{
        display: block;    padding: 0px;
    }
    .spices-bottom-container-icon img {
    width: 40px;
    }
    .tab-content-details{
        bottom: 2%;
    }
    .view-det{
          font-size: .9em; 
    }
    .room-name{
        font-size: 1.2em;
    }
    .tab-content-details p{
        -webkit-line-clamp: 2;
    }
    .tabcontent{
        width: 100%; padding: 0px 15px; float: none;    margin-top: 10px;
    }
    .tab button span{
        font-size: .9em; letter-spacing: 0;
    }
    .tab button{
        font-size: 1em;padding-top: 10px;
    padding-bottom: 10px;
    }
    .tab-title{
        font-size: 2.063em;
    }
    .tab{
        width: 100%;float: none;padding-top: 5%;
    }
    .rooms-content-wraper .container{
        width: 100%; display: block;
    }
    .know-more{
        font-size: .9em
    }
    .welcome-title-border{
        margin-top: 0px;
    }
    .welcome-title-border img {
    width: 65px; }
    .welcome-content,.welcome-content-left {
    width: 100%;
    }
    .welcome-title-sub{
        font-size: .9em;    margin-bottom: 5px;
    }
    .welcome-title{
        font-size: 2em;
        line-height: 26px;
    }
    .banner-caption-sub{
        font-size: .8em;
    }
    .banner-caption-sub span{
        font-size: 0.6em;
    }
    .banner-caption{
        font-size: 2.444em; line-height: 35px;
    }
    .banner-caption-wrap{
    bottom:-3em
      }
 .caption-border1,.caption-border2{
    display: none;
 }
 .home-img{
    height: 83vh
 }
.caption-border img {
    width: 100px;
}
.welcome-pic2 img, .welcome-pic img, .welcome-pic3 img{
    display: none;
}
}
 @media (min-width:681px) and (max-width: 768px){
.footer-outer-wraper{
    padding-top: 10px
}
.cd-handle{
    height: 150px!important;
    width: 150px!important;    background-position: center;
    padding: 10px;background-size: contain;
}
.cd-image-container img{
    display: block;
    height: 100vh;
}
.is-visible .cd-image-label{
    right: 0 !important
}
img.drag-logo{
    height: unset; width: 200px 
}
.cd-image-label span{
    font-size: 3.006em !important; line-height: 60px !important
}
.rooms-right-bg img,.rooms-left-bg img {
    width: 120px;
}

.rooms-right-bg{
    right: -3em;
    bottom: -4em
}
.rooms-left-bg{
    left: -3em;
    top: -4em
}
.row1{
    width: 100%;
}
.act-item{
        width: 33%;
}
.act-list .act-item:nth-child(2n) {
    margin-top: 0;
}
.rooms-details-title{
    font-size: 2em;margin-bottom: 0;
}
.rooms-details{
    padding-left: 30px;
}
.inner-caption-border {
    bottom: -20px;
}
.footer-content:nth-child(3) {
    clear: both;
}
.blog-content h2{
    font-size: 1.1em
}
.blog-content{
    padding: 15px;
}
.gallery-item, .blog-item{
    width: 50%
}
.blog-item img {
    min-height: 325px;
    }
.plantation-leaf2,.plantation-leaf1{
    display: none;
}
.top-content,.reserv-row{
 width: 100%;
 }
 .bottom-txt {
    width: 100%;
    margin: 1em auto 3em;
}
.reserv-top{
    width: 100%;padding: 3em 2em;
}
.contact-logo img{
    width: 100px;
}
.contact-wraper{
    padding: 0;
}
.contact-adress-box{
    width: 100%; padding: 20px;
}
.contact-div{
    display: block;
}
.contact-left{
   padding: 40px 10px 30px;clear: both;
}
.contaxt-box-wraper,.contact-left,.contact-location-box{
    width: 100%;    display: block;
}
.contact-right-top,.contact-left-bottom{
    display: none;
}
.top-content{
    width: 100%;
}
.contact-row{
    width: 90%;
}
.reserv-top h2{
    font-size: 1.33em
}
.contact-logo img{
    width: 100px;
}
.contact-wraper{
    padding: 0;
}
.contact-adress-box{
    width: 100%; padding: 40px;
}
.contact-div{
    display: block;
}
.contact-left{
   padding: 40px 10px 30px;clear: both;
}
.contaxt-box-wraper,.contact-left,.contact-location-box{
    width: 100%;    display: block;
}
.contact-right-top,.contact-left-bottom{
    display: none;
}
.contact-row{
    width: 90%;
}
.ayurveda-bg img {
    height: 345px;    object-fit: cover;
}
.ayurveda-bottom-for-content{
    margin-left: 0;
}
.ayurveda-middle{
    padding: 3em 0em;
}
.ayurveda-content-pic{
    display: none;
}
.ayurveda-midlle-for{
    width: 100%
}
.ayurveda-content{
    width: 95%
}
.ayurveda-main-wraper{
    padding-bottom: 3em;
}
.ayurveda-content-left,.ayurveda-content-main{
    width: 100%;display: block; float: none;
}


.act-list {
    width: 100%;
}
.facilities-list{
    width: 90%;    margin-bottom: 0em;
}

.spice-trail-pic-outer{
    display: none;
}
.spice-trail-content{
    width: 100%; padding-left: 0;}
.spice-trail{
    width: 95%;padding-top: 2em;
    display: block;
}
.p-content {
    padding-left: 20px;
}
.p-img img {
    height: 60px;
}
.spices-content-border img {
    width: 200px;
}
.plantations-details-title{
    font-size: 1.6em;
}
.spice-plantations{
    width: 90%;    margin-top: 2em;
}
.spices-top-content
{
width: 95%;

}
.spice-list{
    display: block;
}
.spice-item{
    width:49%
}
.spice-item:nth-child(3),
.spice-item:nth-child(5){
    clear: both;
}
.spice-resort-content{
  width: 100%  
}
.spice-wrap{
    display: block;width: 90%;
}
.spice-resort-pic-outer{
    display: none;
}
.spice-title{
    font-size: 1.1em
}

.restaurant-wraper{
    padding: 20px 0px 30em;    background: #101a11 url(../images/restaurant-bg-mob.jpg);
}
.restaurant-bottom-pic img {
    height: 260px;
}
.restaurant-bottom-for-title {
    font-size: 2em;
    line-height: 32.57px;
}
.restaurant-bottom-for p{
    width: 100%; padding-left: 10px;
    padding-right: 10px;
}
.restaurant-bottom-container{
    top: 0;   
}
.restaurant-bottom-container-pic img{
     margin: 0 auto;
    /* height: 280px; */
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.restaurant-bottom-wrap{
    clear: both;
}
.restaurant-dtl-bg img {
    width: 100%; height:350px;
}
.restaurant-dtl-bg{
    left: 0;
}
.restaurant-container-main:nth-child(2n+3) .restaurant-dtl-bg{
    right: 0
}
.restaurant-container-main:nth-child(2n+3) .restaurant-dtl-content {
    padding-left: 2em;
    padding-right: 2em;
}
.restaurant-pic{
    display: none;
}
.restaurant-container-main{
    width: 100%;    display: block;    clear: both;
}
.restaurant-full_width p,.restaurant-dtl
{
    width: 100%
}
.restaurant-dtl-title{
    font-size: 1.6em;    line-height: 30px;
}
.restaurant-full_width_pic img {
    width: 80px;
}
.rooms-container{
    padding: 0
}
.restaurant-subtitle{
    font-size: 0.578em;
}
 .about-resort-main {
    padding: 3em 0 0;
}
.about-resort:nth-child(3){
    margin-top: 0px;
}
.about-resort-content{
    padding-left: 0;
        padding-top: 2em;
    }
.about-resort-main p{
    width: 95%
}
.about-resort{
    width: 90%; display: block;
}
.about-resort-pic-outer,.about-resort-content,
.about-resort:nth-child(3) .about-resort-content {
    width: 100%; float: none;
    }
.inner-caption-title{
    font-size: 2.7em;
}
.inner-caption-border img {
    width: 320px;
}
.whychoose-icon img{
    width: 40px;
}
.whychoose-icon {
    width: 65px;
    height: 65px;
}
.why-choose-for{
    width: 100%; border-right: 0;margin-bottom: 2em;
}
.food-delight-content-title{
    font-size: 2em
}
.activity-content-title{
    font-size: 1.8em
}
.food-border img {
    width: 200px;
}
.food-delights{
    padding-top: 2em;
}
.food-delights-for{
    display: block;
}
.pic-full img{
    height: 300px; object-fit: cover;
}
.activity-content p,.food-delight-content{
    width: 100%
}
.food-delight-pic,
.accommodation-pic .img-acc1,.accommodation-pic .img-acc2{
    display: none;
}
 body{
    font-size: 14px !important;
 }
.navigation-portrait .nav-menu {
    padding-bottom: 200px;
}
.sexy-menu.detached .nav-menu > li > a {
    margin: 0 !important;
}
li{
    font-size: 14px !important;
}
.whats-app{
    bottom: 22vh;
    right: 7vh;
}
.copy-right span {
    display: none;
}
.footer-wraper{
    padding-bottom: 80px;
}
.footer-social-links ul li a{
    font-size: 1em !important
}
.footer-content-for{
    margin-bottom: 1em;padding-bottom:0;
}
.footer-links-for ul li{
    width: 13%;
}
 .footer-content{
   width: 50%;
    margin: 10px 0!important;
    float: left;
 }
 .footer-social-links li{
    width: unset !important;
 }
.footer-outer-left-bg,.footer-outer-right-bg{
    display: none;
}
.footer-content ul li{
     width: 50%;
    float: left;
}

.footer-logo a img {
    height: 100px;
}
.footer-logo{
    display: flex;
}
[class^="hvr-"]{
    width: 140px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 1.6em;
}
.bottom-section-pic img{
    object-fit: cover;    height: 250px
}
body.home .bottom-container{
    top: 0;
}
.bottom-title{
    font-size: 2em
}
.join{
    line-height: 22px;  margin-top: .5em;       padding: 5px 20px;
}
.restaurant-main-title{
    font-size: 2em
}
.img-side{
    display: none;
}
.restaurant-main{
    display: block;
}
.rest-img{
    width: 100%;
}
.restaurant-main-for{
    width: 100%;
}
body.home .bottom-section{
margin-top: 0;}
.restaurant-position{
        top: 0 !important;
}
.restaurant-container{
    padding: 20px;
}
.restaurant-container{
    width: 100%; padding: 20px;
}
.facility-title-wrap {
    float: none;
    margin-bottom: 2em;
}
.facility-content-wrap{
    padding: 1em 2%;
}
.activity-title-wrap{
    float: none;
}
.facitility-title span {
    font-size: 2.333em;
}
.facitility-title{
    font-size: 1em;text-align: center;
}
.feature-container,.activities-wrap:nth-child(2) .feature-container{
    padding:8% 10% 7% 10%;
}
.activities-wrap{
    width: 100%;
}

.wellness-content-for p{
        font-size: 0.5em;
}
.wellness-title{
    font-size: 2.333em;
}
.wellness-pic img {
    height: 500px;object-position: right;
    object-fit: cover;
}
.wellness-name-title{
    font-size: .9em
}   
   .wellness-icon img{
    height: 25px;
   }
    .wellness-icon {
    width: 50px;
    height: 50px;
    }
    .wellness-content{
        width: 100%;     padding-right: 0;
    }
    .wellness{
        margin-top: 0em
    }
    .wellness-leaf{
        display: none;
    }

    .thekkady-wraper .middle-pics img {
    height: 500px; object-fit: cover;
    }
    .spices-bottom-container{
        width: 14%;
        float: left;padding-bottom: 10px;
    }
    .spices-bottom-container-name{
        font-size: .8em
    }
    .spices-top{
        display: none;
    }
    .thekkady-content{
        padding-left: 0em;
        margin-left: 0em;
        padding-right: 0%;border-left:0;
    }
    .thekkady-spices-title{
        font-size: 3em;
    }
    .thekkady-spices{
        display: block;
        width: 100%;
    }
    .thekkady-spices-title br{
        display: none;
    }
    .thekkady-spices-bottom-container{
        display: block;    padding: 0px;
    }
    .spices-bottom-container-icon img {
    width: 40px;
    }
    .tab-content-details{
        bottom: 2%;
    }
    .view-det{
          font-size: .9em; 
    }
    .room-name{
        font-size: 1.2em;
    }
    .tab-content-details p{
        -webkit-line-clamp: 2;
    }
    .tabcontent{
        width: 100%; padding: 0px 15px;       float: none;  margin-top: 10px;
    }
    .tab button span{
        font-size: .9em; letter-spacing: 0;
    }
    .tab button{
        font-size: 1em;padding-top: 10px;
    padding-bottom: 10px;
    }
    .tab-title{
        font-size: 2.063em;
    }
    .tab{
        width: 95%;float: none;padding-top: 5%;
    }
    .rooms-content-wraper .container{
        width: 100%; display: block;
    }
    .know-more{
        font-size: .9em
    }
    .welcome-title-border{
        margin-top: 0px;
    }
    .welcome-title-border img {
    width: 65px; }
    .welcome-content,.welcome-content-left {
    width: 100%;
    }
    .welcome-title-sub{
        font-size: .9em;    margin-bottom: 5px;
    }
    .welcome-title{
        font-size: 2.1em;
        line-height: 35px;
    }
    .banner-caption-sub{
        font-size: .8em;
    }
    .banner-caption-sub span{
        font-size: 0.6em;
    }
    .banner-caption{
        font-size: 3em; line-height: 45px;
    }
    .banner-caption-wrap{
    bottom:-3em
      }
 .caption-border1 img,.caption-border2 img{
    width:150px
 }
 .caption-border1 {
    bottom: -13px;
    position: absolute;
    left: 3%;
}
.caption-border2 {
    bottom: -13px;
    position: absolute;
    right: 3%;
}
 .home-img{
    height: 83vh
 }
.caption-border img {
    width: 100px;
}
.welcome-pic2 img, .welcome-pic img, .welcome-pic3 img{
    display: none;
}
.top-quickwraper{z-index: 9;}
 
}
 @media (max-width: 768px){
 .blog-list{
    display: block;
}
.blog-detail-item{
    width: 100%
}
.blog-detail-item img{
    height: unset;
}
.blog-sidebar{
    width: 100%;
}
h3.sidebar__title{
    font-size: 1.6em
}
.sidebar__post-image>img {
    width: 90px;
}
.sidebar__post-content h3{
    letter-spacing: 0px
}
.testimonials-item{
    width: 100%; margin-bottom: 0
}
.mob-link{
    display: block !important;
}
.rest-img .img-rest {
    display: none;
}
.desk-view {
    display: none;
}
.mob-view {
    display: block;
}
.nav-brand img {
    margin-top: 80px !important;
}
.sexy-menu.detached .nav-brand img{
    display: none !important; 
}
.nav-header{
    position: unset !important;
}
.nav-header img {
    width: 100px!important;
}
.logo img {
    padding: 5px 15px;
    background: #fff;
}

.mob-view {
    width: 100%;
    display: block;
    object-position: center;
    object-fit: cover;
}
  .hide-menu{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 99999;
        padding: 15px 20px;
        display: block;
}
.nav-toggle {
    display: flex!important;
    align-items: center;
    width: 25px;
    height: 20px;
    cursor: pointer;
    /* border-top: 3px solid #000; */
    border-bottom: 3px solid #000;
    text-align: center;
    justify-content: center;
    position: absolute;
    bottom: 25px;
    right: 23px !important;
}
.nav-toggle:before {
    position: absolute;
    content: "";
    width: 40px;
    border-bottom: 3px solid #000;
    right: 0;    top: 7px;
}
.nav-toggle:after {
    content: "";
    width: 33px;
    border-bottom: 3px solid #000;
    position: absolute;
    top: -2px;
    right: 0;
}
.hide-menu a {
    width: 27%;
    line-height: 1;
    font-size: .9em;
    display: inline-block;
    float: left;
    text-align: center;
}
    .hide-menu img {
    display: block;
    justify-content: center;
    margin: 0 auto;    width: 38px;
}
    .sexy-menu.detached .nav-menu > li > a,
    .nav-menu>li>a {
    color: #fff !important;
}

.navigation-portrait .nav-menu>li>a{
padding: 7px 7px 1px 13px!important;
margin: 0px !important
}
a.apply{
    color: #333 !important;
}
    .logo{
        position: absolute;
        top: 50% !important;
    left: 50%;
    transform: translate(-50%, -50%);
    }
    .nav-brand img{
        margin: 0 auto;
        display: flex;
    }
}
 @media (min-width:769px) and (max-width:991px){
.cd-handle{
    height: 150px!important;
    width: 150px!important;    background-position: center;
    padding: 10px;background-size: contain;
}
.cd-image-container img{
    display: block;
    height: 100vh;
}
.is-visible .cd-image-label{
    right: 0 !important
}
img.drag-logo{
    height: unset; width: 200px 
}
.cd-image-label span{
    font-size: 3.006em !important; line-height: 60px !important
}
.footer-outer-wraper{
    padding-top: 10px
}
.rooms-details-title{
    font-size: 2em;margin-bottom: 0;
}
.rooms-details{
    padding-left: 30px;
}
.inner-caption-border {
    bottom: -20px;
}
.footer-content:nth-child(3) {
    clear: both;
}
.blog-detail-item img{
    height: unset;
}

h3.sidebar__title{
    font-size: 1.6em
}
.sidebar__post-image>img {
    width: 90px;
}
.sidebar__post-content h3{
    letter-spacing: 0px
}

.blog-content h2{
    font-size: 1.1em
}
.blog-content{
    padding: 15px;
}
.gallery-item, .blog-item{
    width: 50%
}
.blog-item img {
    min-height: 325px;
    }

.testimonials-item{
    width: 50%; margin-bottom: 0
}
.plantation-leaf2,.plantation-leaf1{
    display: none;
}
.bottom-txt {
    width: 100%;
    margin: 1em auto 3em;
}
.reserv-top{
    width: 100%;padding: 3em 2em;
}
.contact-logo img{
    width: 100px;
}
.contact-wraper{
    padding: 0;
}
.contact-adress-box{
    width: 100%; padding: 20px;
}
.contact-div{
    display: block;
}
.contact-left{
   padding: 40px 10px 30px;clear: both;
}
.contaxt-box-wraper,.contact-left,.contact-location-box{
    width: 100%;    display: block;
}
.contact-right-top,.contact-left-bottom{
    display: none;
}
.top-content{
    width: 100%;
}
.contact-row{
    width: 90%;
}
.contact-logo img{
    width: 100px;
}
.contact-wraper{
    padding: 0;
}
.contact-adress-box{
    width: 100%; padding: 40px;
}
.contact-div{
    display: block;
}
.contact-left{
   padding: 40px 10px 30px;clear: both;
}
.contaxt-box-wraper,.contact-left,.contact-location-box{
    width: 100%;    display: block;
}
.contact-right-top,.contact-left-bottom{
    display: none;
}
.contact-row{
    width: 90%;
}
.ayurveda-bg img {
    height: 345px;    object-fit: cover;
}
.ayurveda-bottom-for-content{
    margin-left: 0;
}
.ayurveda-middle{
    padding: 3em 0em;
}
.ayurveda-content-pic{
    display: none;
}
.ayurveda-midlle-for{
    width: 100%
}
.ayurveda-content{
    width: 95%
}
.ayurveda-main-wraper{
    padding-bottom: 3em;
}
.ayurveda-content-left,.ayurveda-content-main{
    width: 100%;display: block; float: none;
}
.act-list {
    width: 100%;
}

.spice-trail-pic-outer{
    display: none;
}
.spice-trail-content{
    width: 100%; padding-left: 0;}
.spice-trail{
    width: 95%;padding-top: 2em;
    display: block;
}
.p-content {
    padding-left: 20px;
}
.p-img img {
    height: 60px;
}
.spices-content-border img {
    width: 200px;
}
.plantations-details-title{
    font-size: 1.6em;
}
.spice-plantations{
    width: 90%;    margin-top: 2em;
}
.spices-top-content
{
width: 95%;

}
.spice-list{
    display: block;
}
.spice-item{
    width:49%
}
.spice-item:nth-child(3n){
    clear: both;
}
.spice-resort-content{
  width: 100%  
}
.spice-wrap{
    display: block;width: 90%;
}
.spice-resort-pic-outer{
    display: none;
}
.spice-title{
    font-size: 1.1em
}
.restaurant-wraper{
    padding: 20px 0px 30em;    background: #101a11 url(../images/restaurant-bg-mob.jpg);
}
.restaurant-bottom-pic img {
    height: 260px;
}
.restaurant-bottom-for-title {
    font-size: 2em;
    line-height: 32.57px;
}
.restaurant-bottom-for p{
    width: 100%; padding-left: 10px;
    padding-right: 10px;
}
.restaurant-bottom-container{
    top: 0;   
}
.restaurant-bottom-container-pic img{
     margin: 0 auto;
    /* height: 280px; */
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.restaurant-bottom-wrap{
    clear: both;
}
.restaurant-dtl-bg img {
    width: 100%; height:350px;
}
.restaurant-dtl-bg{
    left: 0;
}
.restaurant-container-main:nth-child(2n+3) .restaurant-dtl-bg{
    right: 0
}
.restaurant-container-main:nth-child(2n+3) .restaurant-dtl-content {
    padding-left: 2em;
    padding-right: 2em;
}
.restaurant-pic{
    display: none;
}
.restaurant-container-main{
    width: 100%;    display: block;    clear: both;
}
.restaurant-full_width p,.restaurant-dtl
{
    width: 100%
}
.restaurant-dtl-title{
    font-size: 1.6em;    line-height: 30px;
}
.restaurant-full_width_pic img {
    width: 80px;
}
    .rooms-container{
    padding: 0
}
.restaurant-subtitle{
    font-size: 0.578em;
}
.about-resort-main {
    padding: 3em 0 0;
}
.about-resort:nth-child(3){
    margin-top: 0px;
}
.about-resort-content{
    padding-left: 0;
        padding-top: 2em;
    }
.about-resort-main p{
    width: 95%
}
.about-resort{
  display: block;
}
.about-resort-pic-outer,.about-resort-content,
.about-resort:nth-child(3) .about-resort-content {
    width: 100%; float: none;
    }
.inner-caption-title{
    font-size: 2.7em;
}
.inner-caption-border img {
    width: 320px;
}
.whychoose-icon img{
    width: 40px;
}
.whychoose-icon {
    width: 65px;
    height: 65px;
}
.why-choose-for{
    width: 100%; border-right: 0;margin-bottom: 2em;
}
.food-delight-content-title{
    font-size: 2em
}
.activity-content-title{
    font-size: 1.8em
}
.food-border img {
    width: 200px;
}
.food-delights{
    padding-top: 2em;
}
.food-delights-for{
    display: block;
}
.pic-full img{
    height: 300px; object-fit: cover;
}
.activity-content p,.food-delight-content{
    width: 100%
}
.food-delight-pic,
.accommodation-pic .img-acc1,.accommodation-pic .img-acc2{
    display: none;
}
 body {
    font-size: 14px !important;
}
   .whats-app{
    position:fixed;
    bottom:30vh;
    right:10vh;
    margin-right:4%;
    width:30px;
    z-index:120000
}
.sexy-menu.detached .top-header .top-container .logo {
    height: unset !important;
}
 .nav-menu > li > a{    line-height: 25px !important;height: unset !important;padding: 5px 1px !important; margin: 5px 2px !important;font-size: .64em !important;}
 .nav-dropdown>li>a img {
    width: 70px !important;
}
.nav-dropdown > li span{
    font-size: .8em !important
}
.logo{
    padding: 25px 0px 15px !important
}
.sexy-menu.detached .nav-brand img.logo {
    padding: 10px 0px 15px !important;
}

.sexy-menu.detached .nav-brand img {
    margin-top: 40px !important; width: 65px !important
}
.nav-header{
    padding-left: 3% !important;
    padding-right: 2% !important;left: -4% !important;
}

 body{
    font-size: 14px !important;
 }
.navigation-portrait .nav-menu {
    padding-bottom: 200px;
}
.sexy-menu.detached .nav-menu > li > a {
    margin: 10px 3px !important
}
li{
    font-size: 14px !important;
}
.whats-app{
    bottom: 22vh;
    right: 7vh;
}
.footer-social-links ul li a{
    font-size: 1em !important
}
.footer-content-for{
    margin-bottom: 1em;padding-bottom:0;
}
.footer-links-for ul li{
    width: 13%;
}
 .footer-content{
   width: 50%;
    margin: 0!important ;
    float: left;
 }
 .footer-social-links li{
    width: unset !important;
 }
.footer-outer-left-bg,.footer-outer-right-bg{
    display: none;
}
.footer-content ul li{
     width: 50%;
    float: left;
}

.footer-logo a img {
    height: 100px;
}
.footer-logo{
    display: flex;
}
[class^="hvr-"]{
    width: 140px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 1.6em;
}
.bottom-section-pic img{
    object-fit: cover;    height: 250px
}
body.home .bottom-container{
    top: 0;
}
.bottom-title{
    font-size: 2.33em
}
.join{
    line-height: 22px;  margin-top: .5em;       padding: 5px 20px;
}
.restaurant-main-title{
    font-size: 2em
}
.img-side{
    display: none;
}

body.home .bottom-section{
margin-top: 0;}
.restaurant-position{
        top: 0 !important;
}
.restaurant-container{
    padding: 20px;
}
.restaurant-container{
    width: 100%; padding: 20px;
}
.facility-content-wrap{
    padding: 1em 2%;
}
.facitility-title span {
    font-size: 2.333em;
}
.facitility-title{
    font-size: 1em;text-align: center;
}
.feature-container,.activities-wrap:nth-child(2) .feature-container{
    padding:8% 10% 7% 10%;
}

.facility-content-wrap ul li{
        padding: 0px 4px 0 27px;
    line-height: 36px;background: #b99d7a url(../images/listing.png) no-repeat 8px center;
}
.wellness-content-for p{
        font-size: 0.5em;
}
.wellness-title{
    font-size: 2.333em;
}
.wellness-pic img {
    height: 500px;object-position: right;
    object-fit: cover;
}
.wellness-name-title{
    font-size: .9em
}   
   .wellness-icon img{
    height: 25px;
   }
    .wellness-icon {
    width: 50px;
    height: 50px;
    }
    .wellness-content{
        width: 100%;     padding-right: 0;
    }
    .wellness{
        margin-top: 0em
    }
    .wellness-leaf{
        display: none;
    }

    .thekkady-wraper .middle-pics img {
    height: 500px; object-fit: cover;
    }
    .spices-bottom-container{
        width: 14%;
        float: left;padding-bottom: 10px;
    }
    .spices-bottom-container-name{
        font-size: .8em
    }
    .spices-top{
        display: none;
    }

    .thekkady-spices-title{
        font-size: 3em;
    }
    .thekkady-spices {
    width: 85%;
    }
    .thekkady-spices-bottom-container{
        display: block;    padding: 0px;
    }
    .spices-bottom-container-icon img {
    width: 40px;
    }
    .tab-content-details{
        bottom: 2%;
    }
    .view-det{
          font-size: .9em; 
    }
    .room-name{
        font-size: 1.2em;
    }
    .tab-content-details p{
        -webkit-line-clamp: 2;
    }
    .tabcontent{
       padding: 0px 15px;    
    }
    .tab button span{
        font-size: .9em; letter-spacing: 0;
    }
    .tab button{
        font-size: 1em;padding-top: 10px;
    padding-bottom: 10px;
    }
    .tab-title{
        font-size: 2.063em;
    }
    .tab{
        width: 95%;float: none;padding-top: 5%;
    }
    
    .know-more{
        font-size: .9em
    }
    .welcome-title-border{
        margin-top: 0px;
    }
    .welcome-title-border img {
    width: 65px; }
   .welcome-content-left,.rooms-content-wraper .container {
    width: 100%;
    }
    .welcome-title-sub{
        font-size: .9em;    margin-bottom: 5px;
    }
    .welcome-title{
        font-size: 2.1em;
        line-height: 35px;
    }
    .banner-caption-sub{
        font-size: .8em;
    }
    .banner-caption-sub span{
        font-size: 0.6em;
    }
    .banner-caption{
        font-size: 3em; line-height: 45px;
    }
    .banner-caption-wrap{
    bottom:-3em
      }
 .caption-border1,.caption-border2{
    display: none;
 }
 .home-img{
    height: 83vh
 }
.caption-border img {
    width: 100px;
}
.welcome-pic2 img, .welcome-pic img, .welcome-pic3 img{
    display: none;
}
.nav-header img {
    width: 85px !important;
}
.tophead ul li a img {
    margin-right: 5px;
    width: 20px;
}
.tophead ul li a{
    font-size: .8em;
}
.tophead ul li{
    line-height: 35px;
}
.apply{
    padding: 0px 18px; line-height: 28px;margin-top: 4px;
}
.top-container{padding-left: 3%;
    padding-right: 3%;}

}
 @media (min-width:992px) and (max-width:1022px){
    .cd-handle{
    height: 150px!important;
    width: 150px!important;    background-position: center;
    padding: 10px;background-size: contain;
}
.cd-image-container img{
    display: block;
    height: 100vh;
}
.is-visible .cd-image-label{
    right: 5% !important
}
img.drag-logo{
    height: unset; width: 200px 
}
.cd-image-label span{
    font-size: 3.006em !important; line-height: 60px !important
}
.blog-content h2{
    font-size: 1.1em
}
.blog-detail-item img{
    height: unset;
}

.blog-content{
    padding: 15px;
}

.blog-item img {
    min-height: 325px;
    }
.top-content {
    width: 100%;
}

.contact-logo img{
    width: 100px;
}
.contact-adress-box{
    padding: 50px;
}

.ayurveda-bg img {
    width: 100%;
}
.ayurveda-content-pic img{
    width: 100%
}
.ayurveda-midlle-for,.ayurveda-content-main{
    width: 70%;
}
.ayurveda-content{
    width: 80%;
}
    .spice-plantations{
    width: 70%
}
.spice-trail{
    width: 90% !important;
}
.restaurant-bottom-container-pic img{
     margin: 0 auto;
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.restaurant-bottom-for p {
    width: 62%; padding-left: 0;
    }
.restaurant-dtl-title{
font-size: 1.8em;line-height: 30px;
}
.restaurant-dtl-bg img {
    width: 500px;
}
.restaurant-container-main:nth-child(2n+3) .restaurant-dtl-content {
    padding-left: 0;
    padding-right: 3em;
}
.restaurant-container-main:nth-child(2n+2) .restaurant-dtl-content {
    padding-left: 2em;
    padding-right: 0em;
}
.about-resort {
    width: 85%;
}
.accommodation-pic .img-acc1,.accommodation-pic .img-acc2{
    width: 200px;
}
 body {
    font-size: 14px !important;
}
   .whats-app{
    position:fixed;
    bottom:30vh;
    right:10vh;
    margin-right:4%;
    width:30px;
    z-index:120000
}
.sexy-menu.detached .top-header .top-container .logo {
    height: unset !important;
}
 .nav-menu > li > a{    line-height: 25px !important;height: unset !important;padding: 5px 1px !important; margin: 5px 2px !important;font-size: .64em !important;}
 .nav-dropdown>li>a img {
    width: 70px !important;
}
.nav-dropdown > li span{
    font-size: .8em !important
}
.logo{
    padding: 25px 0px 15px !important
}
.sexy-menu.detached .nav-brand img.logo {
    padding: 10px 0px 15px !important;
}

.sexy-menu.detached .nav-brand img {
    margin-top: 40px !important; width: 65px !important
}
.nav-header{
    padding-left: 3% !important;
    padding-right: 2% !important;left: 0% !important;
}

 body{
    font-size: 14px !important;
 }
.navigation-portrait .nav-menu {
    padding-bottom: 200px;
}
.sexy-menu.detached .nav-menu > li > a {
    margin: 10px 3px !important
}
li{
    font-size: 14px !important;
}
.whats-app{
    bottom: 22vh;
    right: 7vh;
}
.footer-social-links ul li a{
    font-size: 1em !important
}
.footer-content-for{
    margin-bottom: 1em;padding-bottom:0;
}

.footer-outer-left-bg,.footer-outer-right-bg{
    display: none;
}
.footer-content:nth-child(1){
width: 25%;
}

.footer-logo{
    display: flex;
}
[class^="hvr-"]{
    width: 140px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 1.6em;
}
.bottom-section-pic img{
    object-fit: cover;    height: 250px
}
body.home .bottom-container{
    top: 0;
}
.bottom-title{
    font-size: 2.33em
}
.join{
    line-height: 22px;  margin-top: .5em;       padding: 5px 20px;
}
.restaurant-main-title{
    font-size: 2em
}
.img-side{
    display: none;
}

body.home .bottom-section{
margin-top: 0;}
.restaurant-position{
        top: 0 !important;
}
.restaurant-container{
    padding: 20px;
}
.restaurant-container{
    width: 100%; padding: 20px;
}
.facility-content-wrap{
    padding: 1em 2%;
}
.facitility-title span {
    font-size: 2.333em;
}
.facitility-title{
    font-size: 1em;text-align: center;
}
.feature-container,.activities-wrap:nth-child(2) .feature-container{
    padding:8% 10% 7% 10%;
}

.facility-content-wrap ul li{
        padding: 0px 4px 0 27px;
    line-height: 36px;background: #b99d7a url(../images/listing.png) no-repeat 8px center;
}
.wellness-content-for p{
        font-size: 0.5em;
}
.wellness-title{
    font-size: 2.333em;
}
.wellness-pic img {
    height: 500px;object-position: right;
    object-fit: cover;
}
.wellness-name-title{
    font-size: .9em
}   
   .wellness-icon img{
    height: 25px;
   }
    .wellness-icon {
    width: 50px;
    height: 50px;
    }
    .wellness-content{
        width: 75%;     
    }
    .wellness{
        margin-top: 0em
    }
    .wellness-leaf{
        display: none;
    }

    .thekkady-wraper .middle-pics img {
    height: 500px; object-fit: cover;
    }
    .spices-bottom-container{
        width: 14%;
        float: left;padding-bottom: 10px;
    }
    .spices-bottom-container-name{
        font-size: .8em
    }
    .spices-top{
        display: none;
    }

    .thekkady-spices-title{
        font-size: 3em;
    }
    .thekkady-spices {
    width: 85%;
    }
    .thekkady-spices-bottom-container{
        display: block;    padding: 0px;
    }
    .spices-bottom-container-icon img {
    width: 40px;
    }
    .tab-content-details{
        bottom: 2%;
    }
    .view-det{
          font-size: .9em; 
    }
    .room-name{
        font-size: 1.2em;
    }
    .tab-content-details p{
        -webkit-line-clamp: 2;
    }
    .tabcontent{
       padding: 0px 15px;    
    }
    .tab button span{
        font-size: .9em; letter-spacing: 0;
    }
    .tab button{
        font-size: 1em;padding-top: 10px;
    padding-bottom: 10px;
    }
    .tab-title{
        font-size: 2.063em;
    }
    .tab{
        width: 95%;float: none;padding-top: 5%;
    }
    
    .know-more{
        font-size: .9em
    }
    .welcome-title-border{
        margin-top: 0px;
    }
    .welcome-title-border img {
    width: 65px; }
   .welcome-content-left,.rooms-content-wraper .container {
    width: 100%;
    }
    .welcome-title-sub{
        font-size: .9em;    margin-bottom: 5px;
    }
    .welcome-title{
        font-size: 2.33em;
        line-height: 35px;
    }
    .banner-caption-sub{
        font-size: .8em;
    }
    .banner-caption-sub span{
        font-size: 0.6em;
    }
    .banner-caption{
        font-size: 3em; line-height: 45px;
    }
    .banner-caption-wrap{
    bottom:-3em
      }
 .caption-border1,.caption-border2{
    display: none;
 }
 .home-img{
    height: 83vh
 }
.caption-border img {
    width: 100px;
}
.welcome-pic2 img, .welcome-pic img, .welcome-pic3 img{
    display: none;
}
.nav-header img {
    width: 85px !important;
}
.tophead ul li a img {
    margin-right: 5px;
    width: 20px;
}
.tophead ul li a{
    font-size: .8em;
}
.tophead ul li{
    line-height: 35px;
}
.apply{
    padding: 0px 18px; line-height: 28px;margin-top: 4px;
}
   .whats-app{
    position:fixed;
    bottom:30vh;
    right:10vh;
    margin-right:4%;
    width:30px;
    z-index:120000
}
.sexy-menu.detached .top-header .top-container .logo {
    height: unset !important;
}

  
 .nav-header{ 
    margin-right: 2em !important; padding-top: 1em; padding-bottom: 1em;}

.header-call a{
        line-height: 30px;
}

.footer-logo img
{
    width: 50%;
}
.welcome-about-pic img{
    width: 50%;
}
.footer-links-for ul li{
    width: 13%;padding: 0px .1em;
}
.footer-links-for ul li a{
font-size: .8em
    }
.top-container{
    padding-left: 2%;
    padding-right: 2%;
}
.footer-details-container
{
   width: 30%;
}
.container{
        padding-left: 3%;
    padding-right: 3%;
}

 .nav-menu > li > a{padding: 5px 6px !important;
  margin: 5px 2px !important;font-size: .7em !important;}
 .nav-dropdown>li>a img {
    width: 70px !important;
}
.nav-dropdown > li span{
    font-size: .8em !important
}
.welcome-wraper{
    padding: 0;
}
.custom-slider .holder-wide main hgroup p{
    font-size: 1em;
    line-height: 1.7;
}
.custom-slider .holder-wide main hgroup{
    width: 100% !important;
}
.dropdown-for-content p
{
    display: none;
}

}
@media (max-width:992px) {
    .nav-toggle, .navigation-hidden .nav-header {display: block !important;}

    
    .banner-wrp{height: calc(100vh - 75px) !important; overflow: hidden !important }
    .carousel-inner {height: 100% !important;}
    #quick_view_bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: auto;
  background-color: #fff ;
 }

.sexy-menu.detached{
    opacity: 1 !important
}
   

 .bottom-menu{ width: 45px; height:45px; border-radius: 50%; display: flex !important; justify-content: center; align-items: center; border: 1px solid #999;}
 

}