@media only screen and (max-width:1680px){
.bg-gray{ padding-bottom: 498px; }
.mounTain{padding-top: 80px}
    .about-top{height: 641px;}
}


@media only screen and (max-width:1300px){
.container-fluid {max-width: 1298px; padding: 0 15px; }
}

@media only screen and (max-width:1024px){
.getting-sec {padding: 100px 0px 60px; }
}



@media only screen and (max-width:991px){
.amenities-sec {padding: 60px 0px 20px;}
.getting-sec {padding: 60px 0px 30px;}
.getting-sec .location-map .map-info {position: relative; top: 0px; right: 0; left: 0; max-width: 100%; padding: 30px 0;}
.getting-sec .btn-view {margin-top: 10px;}
.footer {padding: 30px 0px 60px;}
.rervisation .researea .pl-88 {padding-left: 30px;}  
    .rervisation .researea .border-right{padding-bottom:180px;}   
}

@media only screen and (max-width:767px){
.amenities-sec .head-sec p {font-size: 22px;line-height: 32px; margin-bottom: 40px; } 
.testimonial-sec .head-sec h2 {font-size: 22px; line-height: 32px; margin-bottom: 40px;} 
.getting-sec .head-sec h2  {font-size: 22px; line-height: 32px;margin-bottom: 30px;}
.amenities-sec .head-sec h4, .testimonial-sec .head-sec h4, .getting-sec .head-sec h4 {margin-bottom: 12px;}
.testimonial-sec {padding: 60px 0 0;}
.getting-sec .location-map .map-info p { font-size: 18px; line-height: 30px; }
.getting-sec .btn-view {font-size: 16px; padding: 18px 32px; height: 58px;  margin-top: 0px;}
.footer .sub-info .btn-subscribe {font-size: 16px; padding: 18px 32px; height: 58px;}
.footer .sub-info .form-control { height: 58px; padding: 18px 32px;}
.deploybtn {font-size: 16px; padding: 16px 24px;  margin-right: 12px;}
.clubHouse h4 {font-size: 22px;line-height: 32px; margin-bottom: 32px;}
.clubhouse .item .clubhosebox h1 {font-size: 20px; line-height: 30px;}
.ourVillas {padding-bottom: 60px;}
.ourVillas h4 {font-size: 22px;line-height: 32px; }
.ourVillas .card p {margin-bottom: 30px;}
.ourVillas h2 {font-size: 28px;line-height: 32px; margin: 20px 0px 20px;}
.ourVillas a.booknow {padding: 12px 24px;}

.mounTain {padding-bottom: 60px;}
    




}

@media only screen and (max-width:576px){
.amenities-sec {padding: 40px 0px 40px;}    
.amenities-sec .ameties-details .title h4 br {display: none;}
.slidr.owl-carousel .owl-nav {position: relative;top: 0;right: 0; margin: 20px 0px; left: 0;}

.testimonial-sec {padding: 40px 0 0;}
.testimonial-sec .head-sec {text-align: center;}
.testimonial-sec .item .guest-details p {font-size: 16px; line-height: 26px; margin-bottom: 12px; text-align: center;}
.testimonial-sec .item .guest-details h3 {text-align: center;}
.testimonial-sec .item .guest-details p::before {left: 0;top: -40px; width: 30px; height: 37px; background-size: 30px;}
.testimonial-sec .item { padding: 80px 30px 40px;}
.testimonial-sec .head-sec h2 {margin-bottom: 30px;}

.getting-sec {padding: 40px 0px 20px;}
.getting-sec .location-map .map-info span.get-txt {text-align: center; display: block; margin-bottom: 12px;}
.getting-sec .location-map .map-info h3 {text-align: center; margin-bottom: 30px;}
.getting-sec .location-map .map-info p {text-align: center;}
.getting-sec .btn-view {display: block}

.footer {padding: 20px 0px 40px;}
.footer .top-footer .contact-info {text-align: center; padding-bottom: 12px;}
.footer .top-footer .sub-info {text-align: center;}
.footer .sub-info .user_details {position: relative; display: flex; width: 100%;}
.footer .sub-info .btn-subscribe { padding: 18px 15px; height: 58px; border-radius: 0px 5px 5px 0px; border: 0;}
.footer .sub-info .form-control {border-radius: 5px 0px 0px 5px; margin-right: 0;border: 0;padding: 15px;}
.footer .top-footer h3 {margin-bottom: 26px;}
.footer .top-footer hr {margin: 30px 0 28px;}
.btm-footer .socail-info {text-align: center; margin-bottom: 24px;}
.btm-footer .footer-logo {display: flex; justify-content: center;}
.footer {background-position: center right;}
.deploybtn {font-size: 14px;padding: 9px 22px;}
header .menu-btn {width:40px;}
.site-mobile-menu .close-btn {width: 40px;}

.clubhouse.owl-theme .owl-nav {position: relative;top: 0;right: 0; margin: 20px 0px 0px; left: 0;}
.clubhouse .item .clubhosebox {max-width: 100%;right: 0; text-align: center;}
.clubHouse h5, .clubHouse h4 {text-align: center;}
.clubHouse h5 {margin-bottom: 12px;}

.ourVillas {padding-bottom: 40px;}
.ourVillas .topsec {text-align: center;}
.top-bottom {justify-content: center;}
.ourVillas h5 {margin-bottom: 12px;}

.mounTain {padding-bottom: 40px;}
    
.heroBanner h1{font-size: 30px; line-height: 40px;}
.heroBanner h2{font-size: 24px; line-height: 34px;}
.btngroup {padding: 20px 0px 0px;}
.bg-gray {padding-bottom: 380px;}
.top-space {padding-top: 113px;}
.ourVillas h2 {font-size: 22px; line-height: 32px; margin: 18px 0px 15px;}
.clubhouse .item .clubhosebox h1 br{display: none}
    

    
.heroBanner .bannertop h1{font-size: 30px; line-height: 40px; margin-bottom: 0px;}
.heroBanner .bannertop h2 {font-size: 24px; line-height: 34px;}
.banner .item{height: auto;}
.bannertop {height: auto; padding:100px 0px 86px;}
.clubHouse3 h4 {font-size: 22px;line-height: 32px; margin-bottom: 32px;}
.clubhouse3 .item .clubhosebox h1 {font-size: 20px; line-height: 30px;}
.clubhouse3 .item .clubhosebox h1 br {display: none;}
    
.clubhouse3.owl-theme .owl-nav {position: relative;top: 0;right: 0; margin: 20px 0px 0px; left: 0;}
.clubhouse3 .item .clubhosebox {max-width: 100%;right: 0; text-align: center;}

.rervisation {padding: 85px 0px 0px;}
.rervisation h4{font-size: 12px;line-height: 18px; padding-top: 5px;}
.rervisation .tab-wrapper{margin-top:30px }
.rervisation .tab-nav [data-tab-target] {font-size: 16px;padding: 11px 18px;}    
 .rervisation .researea .border-right {    padding-bottom:0px; padding-top: 0px;}
.rervisation .researea .pl-88 {    padding-left:16px; padding-bottom:40px;   } 
 .ui-datepicker-multi-2 .ui-datepicker-group { width:100%!important;padding-bottom:30px;}   
    .socail-info{text-align:center; padding:0px 0px 15px} 
    .sublinkfo a{ font-size: 12px;}
    .btm-footer .footer-logo{ margin-top: 10px;}

  .cpy-rght p {
    font-size: 13px;  text-align: center;}
       .footer-logo {
        width: 100%;   text-align: center;
    }
    
    .sublinkfo {
   text-align: center;
}
    
    .footer-logo img {
        width: 120px;
    }
    .rervisation .researea{ margin-top: 0px;}
.rervisation .researea .pt-top-68 {
        padding-top: 20px;
    }    
    p.for-state {
        font-size: 13px;}
    .knowmore a {
        padding: 9px 25px;
        font-size: 16px;
    }
.rervisation .researea .tab-menu ul{ flex-direction: row;}    
.rervisation .researea .tab-menu ul li { width: 25%;}    
.rervisation .researea .stepicon { display: block; width:100%;}
.rervisation .researea .iconcontent {margin-left: 0px;}   
.rervisation .researea .tab-menu ul li a h5 {font-size: 12px;line-height: 20px;margin-top: 3px;}
.rervisation .researea .tab-menu ul li a h4 { font-size: 12px; line-height: 20px;}
.rervisation .researea .tab-menu ul li a.active-a img {width: 40px;} 
.rervisation .researea .tab-menu ul li a img {width: 40px;} 

.rervisation .researea .tab-menu ul li a:after{display:none}  
.rervisation .researea .tab-menu ul li a.active-a:after {display:none}  
}




	


