@media (min-width: 1850px){
}
@media (max-width: 1440px){
section.featured-pro ul{
    gap: 0px;
}
}
@media (max-width: 1400px){

}
@media (max-width: 1366px){
 .about_section .about_content {
    margin-left: 55px;
    }
 section.cta .content {
    width: 75%;
}
    .all-btn {
        gap: 10px;
    }
}
@media (max-width: 1024px) and (min-width: 981px){

    section.featured-pro img.img-fluid {
    width: 95%;
    height: 579px;
    }
.search-bar form{
        width: 40%;
    }
    div#guestsss{
        min-width: 200px;
    }
    
    section.featured-pro .pro-box{
        width: 90%;
        padding: var(--p40) var(--p30);
    }
    section.featured-pro ul{
        padding: var(--p15) var(--p5) var(--p15);
    }
section.testimonial .overlay{
        right: 102px;
        padding: 50px 40px;
    }
    section.testimonial .attr-bnt{
        right: 38%;
    }
    .about_section .about_content {
    margin-left: 25px;
}

  
    section.cta .content{
    padding: var(--p60) var(--p40);
}
 .hero-section .card__content{
        padding: 24px 12px;
    }
    .hero-section .card__heading{
        font-size: 1.7rem;
        line-height: 1.3;
    }
    section.about-owner .abt-detail{
        flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    }
    section.galleries-section .gallery-details {
    flex: 0 0 auto;
    width: 49%;
}
section.galleries-section .row {
    gap: 40px 1%;
}
  section.home-list .pro-cont{
    padding: var(--p40) var(--p15) var(--p25) var(--p15);
  }
  
  
section.review_sec .owl-carousel .item {
    padding: 30px 20px 10px 20px;
    border-radius: 10px;
    height: 100%;
}
  
    section.review_sec p {
    width: 100%;
}
  
}

@media (max-width: 980px){
     section.video-banner .video-sec {
    width: 100%;
    height: 550px;
    position: relative;
}
.container.search{
    position: relative;
    bottom: 0px;
    margin-bottom: 20px;
}
.search-bar {
    /* background-color: rgba(255, 255, 255, 1); */
    border-radius: 0px;
    /* padding: 15px 15px 15px 15px; */
    -webkit-backdrop-filter: blur(0px);
    backdrop-filter: blur(0px);
    position: relative;
    bottom: -380px;
    left: 0;
}
    .search-bar input {
        line-height: 34px;
        font-weight: 400;
        border-radius: 0px;
        padding: var(--p12) var(--p22) var(--p11) var(--p48);
        background: #f5f5f5 !important;
        border: 1px solid #e0e0e0;
        color: #000;
    }
.search-bar form{
    width: 100%;
    position: relative;
    bottom: 0px;
    margin-top: 0;
    padding: var(--p20);
    background: #fff;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 12%);
    border-radius: 30px;
}
.search-bar .col-3{
   width: 100%;
   margin-bottom: 15px;
   padding-left: 0;
   border-radius: 0;
   border: 0;
   padding: 0;
}
.search-bar .col-3.md-12.sm-12.srch-btn {
    width: 100%;
    margin-bottom: 0px;
}
.search-bar input, .search-bar select{
    background: var(--lt-bg-color);
    height: 59px;
    text-indent: 30px;
}
  .search-bar button.main-btn{
    height: 59px;
    border-radius: 50px;
    text-align: center;
  }
  .search-bar button.main-btn i{
    color: var(--white-color);
    position: relative;
    top: 0;
    font-size: 22px;
    left: 0;
  }
.form-control:focus {
    background-color: var(--lt-bg-color) !important;
}
.search-bar i{
    top: 2.3rem;
    left: 15px;
    font-size: var(--f18);
    color: var(--secondary-color);
    width: 25px;
    top: 21px;
    left: 15px;
    right: auto;
}
input#demo17{
    height: 59px !important;
}
.search-bar .check i{
    top: 1.2rem;
    left: 20px;
    font-size: var(--f18);
    color: var(--secondary-color);
    width: 25px;
}
.search-bar input::placeholder{
    color: #000;
}
    .search-bar input#end_date {
        padding-left: 48px;
    }
.search-bar .main-check{
 width:100%; 
 padding: 0px;
}
.search-bar .check:before{
    display:none;
}
.video-cont{
    bottom:0px;
    justify-content: center;
}
    .video-cont h1 {
        font-size: var(--f36);
        margin-top: 50px;
    }
.video-cont p{
    font-size: var(--f18);
}
section.video-banner{
    height: 550px;
}

section.abt-cta .head-sec h2{
    font-size: var(--f50);
}
section.abt-cta {
    padding: var(--p70) var(--p12);
}
section.abt-cta .col-6{
    width: 100%;
}
section.abt-cta .col-6:first-child{
    display: none;
}
section.featured-pro .det {
    margin-bottom: var(--m40);
    width: 100%;
}
section.featured-pro .row {
    gap: 30px 0;
}
section.featured-pro img.img-fluid{
   height: 450px;
        width: 100%;
}
section.featured-pro .col-6{
    width:100%;
}
section.about-owner .col-6.col-md-6.col-sm-12.img, section.about-owner .col-6.col-md-6.col-sm-12.cont{
        width: 100%;
        height: auto;
    }
    section.about-owner .abt-img{
        position: relative;
        width: 100%;
        height: 450px;
    }
    section.about-owner .row{
        gap: 30px;
    }
section.attraction .col-md-4{
    width:50%;
}
section.testimonial .testy {
    width: 90%;
    }
    section.attraction .row{
        gap:30px 0;
    }
    .attraction-card{
        width:100%;
    }
    .attraction .img img{
        height: 400px;
    }
  
section.testimonial .overlay {
        right: 70px;
}
section.testimonial .attr-bnt {
        right: 30%;
    }
    section.testimonial .owl-nav{
        left: 0px;
        transform: translateX(0%);
        width: auto;
    }
    .about_section .about_content{
    margin-left: 0;
}
section.about_section .row{
    gap: 30px 0;
}
section.cta .content {
    width: 95%;
    padding: var(--p60) var(--p40);
}
 .hero-section .card:before{
        padding-bottom: 134%;
    }
    .all-btn {
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
}
.all-btn button{
    width: 32.33%;
}
section.galleries-section .head-sec{
    width: 80%;
}
     section.galleries-section .gallery-details {
    flex: 0 0 auto;
    width: 49%;
}
section.galleries-section .row {
    gap: 40px 1%;
}
  
  
  /***************************************/
  
  
  .abt-contcol {
    order: 2;
    padding-top:var(--p30);
}
  
  .abt-imgcol {
    order: 1;
}
  
  section.about_sec .about-img img {
     height: 200px;
            border-radius: 5px 5px 30% 5px;
}
  section.about_sec .about-img img.img2 {
    height: 200px;
            border-radius: 30%  5px 5px 5px5px;
    margin-top: 5px;
}
  
    section.review_sec .owl-carousel .item {
        padding: 15px 20px 15px 20px;
        border-radius: 10px;
        height: 100%;
    }
  
    section.review_sec p {
    width: 100%;
}
  
}
@media (max-width: 540px){
  
  .video-detail {
    width: 100%;
    margin: auto;
    text-align: center;
}
  

    section.attraction .col-6.right.desk{
        display:none;
    }
     .video-sec {
    width: 100%;
    height: 350px;
    position: relative;
}
.video-cont h1 {
    font-size: var(--f24);
    margin-top: 50px;
}
  .video-cont h1 span{
   margin-top: 10px;
        display: block;
  }
  .video-cont .main-btn {
    width: 160px;
    padding: 10px;
}
section.video-banner .video-sec{
    height: 350px;
}
.video-cont p {
    font-size: var(--f18);
  line-height: 1.4;
}
input#demo17 {
        height: 133px !important;
    }
.search-bar{
    bottom: -250px;
}
section.video-banner {
        height: 350px;
    }
.video-cont .container {
    margin-bottom: 0px;
}
section.video-banner button#play, section.video-banner button#pause {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 1;
    text-align: center;
    padding: 0px 9px;
    width: 45px;
    height: 45px;
    display: block;
  background: var(--btn-color);
        border: var(--btn-color);
        color: var(--white-color);
        border-radius: 5px;
}
.search-bar .datepicker-common-2 {
    padding: 0;
    width: 100%;
}
.search-bar .col-3 {
    width: 100%;
    margin-bottom: var(--m15);
    padding:0px;
}
.search-bar .check{
    margin-bottom:15px;
}
.search-bar form{
    margin-top:0px;
}
.search-bar i{
    left: 1rem;
        top: 1.4rem;
}
.head-sec {
    text-align: center;
    margin-bottom: var(--m20);
    padding: 0px;
}
.head-sec p{
    line-height: 1.3;
}
.row.bttn.desk .col-6.right{
    display:none;
}
.row.bttn.mob{
    display: block;
    text-align: center;
    margin-top: var(--m20);
}
section.featured-pro .pro-top{
    align-items: flex-start;
}
section.featured-pro .pro-top img{
    margin-top: 5px;
}
    section.featured-pro .col-6 {
        width: 100%;
        padding: 0px;
    }
  section.about_section.section-b-space{
    padding-top: 40px;
  }
   section.about-us-home {
    padding-bottom: 40px;
}
.owl-carousel .owl-stage-outer{
    padding:0px;
}
  section.home-list .prop-card{
    padding: 0px;
  }
  section.home-list {
    padding: var(--p40) var(--p12);
  }
  section.home-list img.img-fluid{
    height: 270px;
  }
section.about-owner .col-6.col-md-6.col-sm-12.img, section.about-owner .col-6.col-md-6.col-sm-12.cont {
    width: 100%;
    padding: 0px;
}
section.about-owner .abt-img, section.about-owner img{
    height: 350px;
}
section.about-owner .abt-detail{
    gap: 20px;
    flex-direction: column;
    align-items: flex-start;
}
section.abt-cta {
    padding: var(--p60) var(--p12);
}
section.abt-cta .head-sec h2 {
    font-size: var(--f36);
}
section.abt-cta .col-6 {
    width: 100%;
    padding: 0px;
}
section.abt-cta .head-sec p{
    font-size: var(--f18);
line-height: 1.5rem;
}
.heading .dash{
    width: 75px;
    margin-bottom: var(--m10);
}
.heading .col-6.dash-top {
    padding-left: 0px;
    padding-right: 0px;
}
.top .row{
    gap:0px 0 !important;
}
  section.home-list h3.title {
    font-size: var(--f21);
    height: auto;
    width:100%;
  }
  section.home-list .pro-cont{
    padding: var(--p40) var(--p15) var(--p25) var(--p15);
  }
  section.how-we-value-wrapp .head-sec{
    margin-bottom: 30px;
  }
  .how-we-value-wrapp .atr-cont h4{
    font-size: 19px;
  }
  .how-we-value-wrapp .atrr {
    padding: 0;
  }
  .how-we-value-wrapp img.img-fluid{
    height: 300px;
  }
.heading .col-6 {
    display: block;
    align-items: center;
    width: 100%;
    padding: 0px;
    font-size: var(--f14);
}
.head-sec span{
    font-size: var(--f28);
    display: block;
    margin-top: 0px;
    text-align: left;
}
.head-sec .col-6 {
    flex: 0 0 auto;
    width: 100%;
    padding: 0px;
    font-size: var(--f14);
}
.head-sec {
    text-align: center;
    margin-bottom: var(--m20);
}
section.featured-pro .col-6.prop-cont h4{
    font-size: var(--f19);
}
section.featured-pro .prop-cont h2 {
    font-size: var(--f28);
}
section.featured-pro .head-sec {
    text-align: center;
}
section.featured-pro .head-sec .row.bttn h2{
     width:100%;
}
section.featured-pro .row.bttn .col-6.right{
    display:none;
}
section.featured-pro .row.bttn .col-6{
    width:100%;
}
section.featured-pro .det{
    padding:0px;
}
section.featured-pro img.img-fluid {
    height: 300px;
}
section.featured-pro .pro-box {
    width: 95%;
    padding: var(--p20) var(--p20);
    min-height: auto;
}
section.featured-pro h3.title{
    font-size: var(--f24);
    height: 28px;
}
section.featured-pro ul{
    gap: 10px;
        padding-left: 0;
        justify-content: space-between;
        padding-right: 0px;
}
section.featured-pro ul li {
    font-size: var(--f14);
    line-height: 1.5;
}
.booking-right_sec h2 {
        font-size: 30px;
    }
    .booking-right_sec p {
    font-size: 17px;
    }
.about-bsns{
    padding: var(--p60) var(--p12);
}
.attr .container-fluid.pt-5 {
    padding-top: 0px !important;
    padding: 0px;
}
.attr .col-12{
    padding: 0px;
}
.attr .slick .item .bg {
    height: 400px;
    }
section.attraction{
    padding-left: var(--p12);
    padding-right: var(--p12);
    padding-bottom: var(--p30);
}
section.attraction .container-fluid {
    padding: 0px var(--p12);
}
section.attraction .head-sec p {
    padding-left: 0;
    text-align: left;
}
section.attraction .col-md-4 {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}
section.attraction .atr-cont{
    padding: var(--p20) var(--p20);
    gap:10px;
}
section.attraction .atr-cont h4{
    font-size: var(--f20);
    max-height: 100%;
}
section.attraction img.img-fluid{
    height: 350px;
}
.attraction-card {
    position: relative;
    width: 100%;
    padding: 0px;
}
.attraction .img img{
    height: 350px;
}
.attr-content h2 {
    font-size: var(--f20);
    height:auto;
}
.attr-btn.mob{
    top: 0px;
    margin-top: 20px;
}
 section.testimonial .bg-img{
        height: 300px;
        width:100%;
        background-size: cover;
    }
    section.testimonial .col-7{
        width:100%;
    }
    section.testimonial .head-sec {
    position: relative;
    text-align: center;
    width: 100%;
    padding-left: var(--p20);
    padding-top: var(--p30);
    margin-bottom: var(--m20);
    padding-right: 20px;
}
section.testimonial .owl-nav{
   top: auto;
        bottom: -10px;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        justify-content: center;
}
    section.testimonial .overlay {
        padding: 30px 20px;
        right: 0;
        width: 100%;
    }
    section.testimonial h3{
            font-size: var(--f18);
    }
        section.testimonial .attr-bnt {
        right: 0;
        position: relative;
        text-align: center;
        margin-top: 80px;
    }
section.testimonial{
    padding-bottom: var(--p50);
}
.about-us .left, .about-us .right{
    padding:0px;
}
.about-us .abt-pro {
    height: 300px;
    min-height:300px;
}
.about-us h3 {
    font-size: var(--f30);
}
section.attraction .how-we-value-heading {
    text-align: center;
    margin-bottom: 20px;
}
section.featured-pro ul li span{
    font-size: var(--f20);
}
section.about_section .col-lg-6{
        padding: 0px;
    }
    .about_section .about_content h5{
        font-size: var(--f25);
        margin-bottom: 20px;
    }
    section.testimonial .item {
    padding-left: 0;
    padding-right: 0;
}
section.cta .content {
    width: 95%;
    padding: var(--p30) var(--p20);
}
.attr-bnt {
    margin-top: 10px;
}
.hero-section .card__heading {
        font-size: 1.5rem;
        }
        .hero-section .card:before {
        padding-bottom: 104%;
    }
    .all-btn button {
    width: 100%;
    padding: var(--p5) var(--p25);
}
.common-btn .col-3{
    padding: 0px;
}
.all-btn{
    flex-wrap: wrap;
    gap: 10px;
}
.common-btn .col-9{
    gap: 10px 0;
    padding: 0px;
}
.common-btn .col-9 .common-img{
    gap: 10px 0;
}
.common-img a {
    width: 100%;
}
.common-img img{
    height: 220px;
}
.head-sec h2 {
    font-size: var(--f28) !important;
}
section.featured-pro .main-btn{
    width: 45px;
    height: 45px;
}
section.featured-pro i{
    font-size: var(--f16);
}
.about_section .about_img img{
    height: 280px;
}
section.about-owner .call-area a {
    display: block;
    font-size: 15px;
}
section.galleries-section .head-sec{
    width: 100%;
    margin-bottom: var(--m30);
}
section.galleries-section .gallery-details {
    width: 100%;
    padding: 0px;
}
section.galleries-section h4 {
    font-size: var(--f18);
    }
    section.galleries-section .row {
    gap: 30px 0%;
}
  
  
  /**************************************************/
  
  
  section.sauna-listing .row {
    gap: 30px 0;
}
  
  .faq-img dotlottie-player{
    width: 100%;
    height:auto;
}
  
  section.about_sec h2 {
    font-size: 28px;
}
  
  
  section.wrapper.container {
    padding-left: 24px;
    padding-right: 24px;
}
  
  section.sauna-listing .container,
  section.faq_sec .container,
  section.review_sec .container,
  section.stay-section .container,
  section.about_sec .container{
    padding-right: 12px;
    padding-left: 12px;
}
  
  section.about_sec {
    padding-bottom: 40px;
}
  
  
  
  
}
@media (max-width: 400px){

section.about-owner svg, section.about-owner .col-6.col-md-6.col-sm-12.img {
    height: 319px;
}
section.about-owner img {
    width: 315px;
    height: 315px;
}
}
@media (max-width: 384px){
    section.about-owner img {
    width: 316px;
    height: 316px;
}
section.featured-pro ul {
    gap: 5px;
}

}
@media (max-width: 380px){
   section.about-owner svg, section.about-owner .col-6.col-md-6.col-sm-12.img{
       height: 310px;
   } 
   section.featured-pro ul li {
    font-size: var(--f13);
}
section.featured-pro .pro-box{
    padding: var(--p20) var(--p15);
}
.btn_4.learn-more .button-text{
    font-size: var(--f13);
}
    section.about-owner img {
    width: 308px;
    height: 308px;
}
      .faq-img dotlottie-player {
        width: 300px;
        height: 300px;
    }
}

@media (max-width: 360px){
      .video-cont h1 {
    font-size: var(--f27);
}
section.featured-pro .col-6.prop-cont h4 {
        font-size: var(--f18);
    }
        section.featured-pro .prop-cont h2 {
        font-size: var(--f24);
    }
    section.featured-pro .price {
    font-size: 17px;
}
section.about-home img {
    height: 300px;
}
section.abt-cta .head-sec h2 {
    font-size: var(--f30);
}

section.attraction img.img-fluid {
    height: 300px;
}
.attraction .img img {
    height: 300px;
}
.attr-content h2 {
    font-size: var(--f20);
}
section.featured-pro h3.title {
    font-size: var(--f21);
    height: 25px;
}
section.featured-pro h5 {
    font-size: var(--f12);
}
section.featured-pro ul {
    gap: 5px;
    justify-content: space-between;
}
section.featured-pro ul li {
    font-size: var(--f13);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
section.featured-pro ul li i{
    margin-right: 0;
}
section.testimonial h3 {
        font-size: var(--f17);
    }
    section.about-owner .abt-img {
    height: 300px;
}
section.about-owner .call-area a {
    display: block;
    font-size: 14px;
}
}
@media (max-width: 320px){
   .search-bar form{
    padding: var(--p20) var(--p10);
}
section.featured-pro ul li {
    font-size: var(--f12);
}
section.about-us-home .about-img2 img, section.about-us-home .about-img1 img{
    height: 250px !important;
}
section.abt-cta .head-sec p {
    font-size: var(--f16);
}
section.featured-pro .main-btn{
    width: 45px;
    height: 45px;
}
section.featured-pro .main-btn i {
    color: #fff;
    font-size: 16px;
}
section.galleries-section .overlay-content ul {
    padding-left: 8px;
}
section.galleries-section .overlay-content ul, section.galleries-section .overlay-content li{
    font-size: 12px;
}
      section.review_sec .owl-carousel .item {
        height: 500px;
    }
  
      .video-cont p {
        font-size: var(--f15);
        line-height: 1.4;
    }
  
}