@media only screen and (max-width: 1299.98px) and (min-width: 1200px){
	    .header-layout2 .header-links li:first-child {
        display: inline-block;
    }
	.sec-title {
  
    font-size: 39px;
  
}
.banner-searchmmsec {
  
bottom: 20px;
}
.hero-title {
    font-size: 60px;
    line-height: 1;
}
.cc-content {
 
    padding: 36px 31px;
}

 .header-links li:not(:last-child):after {
  
    right: -17px;
 
}
.header-links li:not(:last-child) {
    margin: 0 30px 0 0;
}
.header-layout4 .main-menu {
	    padding-left: 86.2px;
}
.header-layout4 .main-menu.rr-nav{
	    padding-right: 0px;
		 padding-left: 0px;
}
.main-menu > ul > li {
    margin: 0 12px;
}
}

@media only screen and (max-width: 1199px) and (min-width: 992px){
	.main-menu > ul > li {
    margin:0 6px;
}
	.hero-title {
    font-size: 49px;
}
.About-img {
    position: relative;
    padding-left: 0;
}
.vi-ss p {
   
    font-size: 14px;
   
}
.couirsebox-desc h3 {
    font-size: 18px;
    margin-bottom: 12px;
}
	.sec-title {
   
    font-size: 38px;
}
.gallery-card11 .box-img img {
    height: 132px;
 
}
.gallery-card12 .box-img img {
    height: 132px;
   
}
.gallery-card6 .box-img img {
    height: 207px;
    
}
.gallery-card5 .box-img img {
    height: 163px;
}
.gallery-card4 .box-img img {
    height: 237px;
}
.gallery-card1 .box-img img {
    height: 354px;
}
.footer-wrapper .th-social a {
    width: var(--icon-size, 36px);
    height: var(--icon-size, 36px);
    line-height: var(--icon-size, 36px);
}
.Cservice-box .Csr-img img{
	  height: 200px;
}
.Cservice-box .Csr-content h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.header-links li {
  
    font-size: 12px;
  
}
.banner-searchmmsec {
  
bottom: 20px;
}
.hero-title {
    font-size: 57px;
    line-height: 1;
}
.cc-content {
 
    padding: 36px 20px;
}

 

.main-menu a{
	font-size:14px
}
.header-layout4 .main-menu {
	    padding-left: 75.01px;
}
.header-layout4 .main-menu.rr-nav{
	    padding-right: 0px;
		 padding-left: 0px;
}
.header-logo img {
    height: 167px;
}
.header-top:before {
 
width: calc(50% - 90.5px);}

.header-top:after {
    
    width: calc(50% - 90.5px);
}
.header-links li:not(:last-child) {
    margin: 0 26px 0 0;
}
.header-links li:not(:last-child):after {
 
    height: 24px;
 
right: -16px;}
.tp-footer-social a {
 
    width: 23px;
    height: 23px;
  
    line-height: 23px;
 
    font-size:15px
}
.banner-inner .col-lg-3  {
    width: 29%;
  
}
.banner-inner .col-lg-3:first-child {
    width: 26%;
  
}
   .cc-content  .sec-title {
        font-size: 31px;
    }
.newsletter-style2 a {
   
    font-size: 14px;
}
   .footer-newsletter2  .tp-footer-social a {
        width: 30px;
        height: 30px;
        
        line-height: 30px;
    }
	
	.roo-colll{
		
		margin-top:20px
	}
	    .breadcumb-wrapper {
        padding: 224px 0 55px 0;
    }
	.breadcumb-title {
 
    font-size: 46px;
  
}
.contact-feature .contact-feature_link span {
  
    font-size: 15px;
}
.contact-feature span{
	 font-size: 15px;
}
.contact-feature {
 
gap: 20px;
}
.sticky-wrapper.sticky .header-logo{

    padding: 0px 0px;
}
.menu_header_space {

    padding: 0px !important;
}
.nav_pad{

    padding:0px;
}

}

@media only screen and (max-width: 991.98px) and (min-width: 768px){
	
	.hero-style1 .btn-group{
		display:none!important
	}
	    .hero-style1 {
        padding: 110px 0;
        text-align: left;
        margin-left: 0;
        margin-right: 0
    }
	.vi-mt{
		margin-top:0px !important
	}
	.gallery-card11 .box-img img {
    height: 112px;
 
}
.gallery-card12 .box-img img {
    height: 112px;
   
}
.gallery-card2 .box-img img {
    height: 231px;
}
.gallery-card6 .box-img img {
    height: 207px;
    
}
.gallery-card5 .box-img img {
    height: 131px;
}
.gallery-card4 .box-img img {
    height: 237px;
}
.gallery-card1 .box-img img {
    height: 284px;
}
.gallery-card8 .box-img img {
    height: 118px;
   
}
.gallery-card9 .box-img img {
    height: 118px;
   
}
.gallery-card7 .box-img img {
    height: 307px;
}
    .gallery-card4 .box-img img {
        height: 177px;
    }
	.footer-widget.widget_nav_menu .menu {
    margin-top: 0px;
	    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
    max-width: fit-content;
}
.breadcumb-title {
    
    font-size: 36px;
}
.Cservice-box .Csr-img img{
	  height: 200px;
}
.sidebar-area .widget {
    padding: 20px;
}
.sidebar-area .form-control {
   font-size:15px;
    padding: 0 15px 0 15px;
}
  
}
@media only screen and (max-width: 991.98px){
	.About-img {
    position: relative;
	padding:40px 0;
    padding-left: 0;
}
	    .hero-title {
        font-size: 40px;
        line-height: 1.2;
    }
	.sec-title{
		   font-size: 36px;
	}
	.About-sec{
		text-align:center
	}
	.counter-card {
   
    padding: 33px 0;
   
}
.hero-style1 .btn-group{
		 display: none!important;
	}
	
	.banner-searchmmsec {
  
bottom: 20px;
}
.hero-title {
    font-size: 50px;
    line-height: 1;
}
.cc-content {
 
    padding: 36px 20px;
}

 

.main-menu a{
	font-size:14px
}
.header-layout4 .main-menu.rr-nav {
    padding-right: 37.5px;
}
.header-logo img {
        height: 167px;
        margin-top: 0;
}
.header-top:before {
 
content:unset!important}

.header-top:after {
    
    width: 100%;
}
.header-layout2 .header-top {
    padding: 10px 0 10px;
	        display: none!important;
}
.room-image img {
    
    height: 246px;
 
}

.room-title h4 {
   
    font-size: 22px;
    
}
.home-three .single-offer-thumb img {
   
height: 200px;}
.header-links li:not(:last-child) {
    margin: 0 26px 0 0;
}
.header-links li:not(:last-child):after {
 
    height: 24px;
 
right: -16px;}
.tp-footer-social a {
 
    width: 23px;
    height: 23px;
  
    line-height: 23px;
 
    font-size:15px
}
.banner-searchmmsec .banner-inner .col-lg-3  {
    width: 1010%;
  
}
.banner-inner {
  
    background: #ff;
}
.banner-searchmmsec .banner-inner .col-lg-3:first-child {
    width: 100%;
  
}
.banner-searchmmsec .banner-inner .col-lg-2 {
    width: 100%;
  
}
.banner-searchmmsec .banner-inner .col-lg-2 .th-btn{
	    border-radius: 0 0 10px 10px;
}
.banner-searchmmsec .banner-inner select{
	 border-radius:  10px 10px 0 0;
}

.banner-searchmmsec .banner-inner input{
	 border-radius: 0;
}
.banner-searchmmsec .room-adults{
	 border-radius: 0;
}
    .banner-searchmmsec {
             bottom: 0;
        position: relative;
        margin-top: -130px;
    
}
   .cc-content  .sec-title {
        font-size: 31px;
    }
.newsletter-style2 a {
   
    font-size: 14px;
}
   .footer-newsletter2  .tp-footer-social a {
        width: 30px;
        height: 30px;
        
        line-height: 30px;
    }
	
	.roo-colll{
		
		margin-top:20px
	}
	    .breadcumb-wrapper {
        padding:184px 0 55px 0;
    }
	.breadcumb-title {
 
    font-size: 46px;
  
}
.contact-feature .contact-feature_link span {
  
    font-size: 15px;
}
.contact-feature span{
	 font-size: 15px;
}
 
.Contactpage-form .form-control {
    width: 100%;
    margin-bottom: 0;
height: 47px;}
.Contactpage-form textarea.form-control {
    min-height: 120px;
height: 120px;
}

.footer-newsletter2 .col-lg-4:nth-child(1){
	order:2;
	width:50%
}
.footer-newsletter2 .col-lg-4:nth-child(2){
	order:1;
	width:100%
}
.footer-newsletter2 .col-lg-4:nth-child(3){
	order:3;
	width:50%
}
.footer-logo img {
   
height: 230px;}

.footer-newsletter2  .tp-footer-social{
	margin-bottom:30px
}
.copyright-menus li {
    
margin-right: 36px;}
.copyright-menus li::after {
   
right: -20px;}
.breadcumb-title {
        font-size: 40px;
    }
	    .contact-feature {
        gap: 13px;
        margin-left: 0;
    }
	.gallery-ss-sec .gallery-thumb img {
 
    height: 168px;
 
}
.service-box1 img {
 
    height: 250px;
  
}
.service-box1 .dlab-tilte {
font-size: 24px;}
.menu-area > .container > .row {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify!important;
    justify-content: space-between !important;
}
.menu-area > .container > .row > .col-auto:first-child{
	display:none;
}
.header-top > .container > .row  {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end!important;
    justify-content: flex-end !important;
}
.cc-bg .col-lg-5 {
 
    width: 100%
 
}
.cc-bg .col-lg-2 {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
    .cc-content {
        padding: 40px 40px;
    }
	.gallery-thumb-area .gallery-thumb img {
 
    height: 222px;
	}
	.Viewmorezsec {
  
 left:0;
	        margin-top: 0;
        width: 80%;
		
}

.Aboutarea-sec > .container-fluid > .row > .col-lg-3:nth-child(1){
	order:1;
	width:48%
}
.Aboutarea-sec > .container-fluid > .row > .col-lg-3:nth-child(3){
	order:2;
	width:48%
}
.Aboutarea-sec > .container-fluid > .row > .col-lg-6:nth-child(2){
	order:3
}
.About-a-des {
    padding: 0 0px;
margin-top: 21px;}
#WelcomeSec {
    position: relative;
    padding: 60px 0px 60px;
}
    .sec-title {
        font-size: 33px;
    }
}
@media only screen and (max-width: 767px) and (min-width: 576px){
	.gallery-area .container-fluid .col-lg-3 {
    width: 50%;
}
.gallery-area .container-fluid .col-lg-4:first-child {
    width: 50%;
}
	.gallery-area .container-fluid .col-lg-4:last-child {
    width:100%;
}
.course-b-img img {
    height: 186px;
}
    .breadcumb-wrapper {
        padding: 89px 0 89px 0;
    }
	.breadcumb-title {
    
    font-size: 30px;
}
.Banner-slide {
    position: absolute;
    top: 12%;
}
}

/**/

@media (max-width: 768px) {

    
    .jon-list-sec-img {
        position: relative;
    }

    
    .rate_div .rrprice {
        position: absolute;
        top: 19px;
        right: 19px;
        background-color: rgb(158 96 42);
        color: #fff;
        padding: 5px 10px;
        border-radius: 5px;
        font-size: 17px;
        z-index: 10;
        white-space: nowrap;
    }

   
    .jon-list-sec .col-lg-2.rate_div {
        position: absolute;
        top: 0;
        right: 0;
    }

     .room-services ul {
        display: block;          
        flex-wrap: nowrap;      
        align-items: center;    
        gap: 10px;              
        padding-top: 10px;      
        margin: 0;
    }

    .room-services ul li,
    .room-services ul select {
        flex: 0 0 auto;        
    }

    .room-services ul select {
        min-width: 80px;       
    }

    /**/
    /* Show prev/next arrows */
.daterangepicker.mobile-fullscreen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;  /* Force edges to touch */
    bottom: 0 !important;
    width: 100% !important;  /* Avoid 100vw issues on mobile */
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    z-index: 9999 !important;
    overflow: hidden !important;
}

.daterangepicker.mobile-fullscreen *,
.daterangepicker.mobile-fullscreen *::before,
.daterangepicker.mobile-fullscreen *::after {
    margin: 0 !important;
    /*padding: 0 !important;*/
    box-sizing: border-box !important;
}

.daterangepicker.mobile-fullscreen .drp-calendar {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}

.daterangepicker.mobile-fullscreen .calendar-table {
    width: 100% !important;
    table-layout: fixed !important;
}

.daterangepicker.mobile-fullscreen .drp-buttons {
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    padding: 10px !important;
    box-sizing: border-box !important;
}

/* Ensure no horizontal scroll anywhere */
html, body {
    overflow-x: hidden !important;
}

/* Remove existing dot/text and add arrows */
.daterangepicker.mobile-fullscreen .drp-calendar .prev {
    font-size: 15px;       /* optional: adjust arrow size */
    line-height: 1;
}

.daterangepicker.mobile-fullscreen .drp-calendar .prev::before {
    content: '◀' !important;  /* left arrow */
}

.daterangepicker.mobile-fullscreen .drp-calendar .next {
    font-size: 15px;       /* optional: adjust arrow size */
    line-height: 1;
}

.daterangepicker.mobile-fullscreen .drp-calendar .next::before {
    content: '▶' !important;  /* right arrow */
}

/* Remove any existing text inside prev/next */
.daterangepicker.mobile-fullscreen .drp-calendar .prev,
.daterangepicker.mobile-fullscreen .drp-calendar .next {
    color: inherit;          /* optional: match your text color */
    text-indent: 0;          /* reset indentation */
}

.daterangepicker.mobile-fullscreen .drp-calendar .prev span,
.daterangepicker.mobile-fullscreen .drp-calendar .next span {
    display: none;            /* hide the default dot/text if exists */
}
.daterangepicker .drp-selected {
    
    padding-top: 9px;
}
    /**/
.banner-inner .col-lg-3{

    width:100%;
}
.banner-inner .col-lg-2 {
   
     width:100%;
}
.modal {
    z-index: 9999;
}
.singnup-modal .btn-close span{

    top: -13px;
    left: 33px;
}
.new_btn_clz{

    background-color: var(--theme-color) !important;

    color: var(--title-color) !important;

    width: 100%;

    padding: 1px 35px;
}
.new_btn_clz i{

    color: #343a40 !important; 
}
.room-services ul li{

        width: 100%;
}
.th-menu-wrapper .th-menu-area{

   background-color: rgb(194 178 128);
}
.th-mobile-menu ul li {
    border-bottom: 1px solid #ae7d54;
    
}
.th-mobile-menu ul li.th-active > a {
    color: unset;
}
.th-mobile-menu ul .th-item-has-children > a .th-mean-expand {

    background-color: #ae7d54;
}
.mobile-logo img{

    border-left: 1px solid #ffffff75;
    padding: 12px 20px;
    margin-top: -31px;
    border-right: 1px solid #ffffff75;
    border-radius: 50%;
    background: #ffffff8c;
}
.newsletter-style2{
    justify-content: center;
}
.newsletter-style2 .newsletter-img i {
    font-size: 30px !important;
    
    color: black !important;
}
}

/**/

@media only screen and (max-width: 360px) and (min-width: 320px){

   .room_count_clz{

        width: 100px;
   }

}

@media only screen and (max-width: 367px) and (min-width: 320px){

  .jon-list-sec-content ul li{

    display: block;
    padding: 4px 1px;
  }
  .guest_div{

    text-align: left !important;
  }
  .delete_cart{

    padding-top: 25px;
  }
  .rrprice{
    
    background: unset;

    color: #ae7d54;

    box-shadow: unset;

  }
  /*.rrprice span{

    color: #ae7d54;

  }*/
  .rate_div{

    position: unset !important;
  }
  .res_modify_btn{

        margin-top: 10px;
    }
   .mobile_unset_i{

     display: none !important;
   }
   #moreDetails .nav-link{

    width: 50%;

   }
   .room_single_img img {
    height: 200px !important;
    
}
.custom-select-trigger{

    border-radius: unset;
}
.custom-options {

    border-radius: unset;
}
.hero-title {
    font-size: 25px !important;
   
}
.sticky-wrapper.sticky .header-logo img{

    height: 65px;

}
.hero-style1{

   margin: 80px auto 0;
}
.contact_feature_height{
    height: unset;
}
.contact-feature .contact-feature-icon{

    font-size: 60px;
}

.newsletter-style2 .newsletter-img i {
    font-size: 25px !important;
    margin-top: 10px !important;
    color: black !important;
}
.newsletter-style2{

    justify-content: center;
}
.room_count_clz{

    height: 43px !important;
} 

}
@media only screen and (max-width: 575px) and (min-width: 354px){

    .res_modify_btn{

        margin-top: -3px;
    }

    .mobile_unset_i{

        display:none !important;
    }

    .jon-list-sec-content ul li {
        display: contents;
    
    }

}

@media only screen and (max-width: 575px) and (min-width: 320px){

    .Banner-slide {
        
        top: 10%;
    
    }

}

@media only screen and (max-width: 575px) and (min-width: 368px){

    .Banner-slide {
        
        top: 0%;
    
    }

}


@media only screen and (max-width: 1199px) and (min-width: 992px){

    h6{
        font-size: 10px !important;
    }

    .rrprice{

        padding: 17px 0px;

        font-size: 17px;
    }

    .mobile_unset_i{

        display: none !important;
    }  

    .jon-list-sec-content ul li{

        display: block;

        margin-bottom: 5px;
    }

    .custom-option{

        font-size: 14px;

    }

}

@media only screen and (max-width: 1449px) and (min-width: 1200px){

    h6{
        font-size: 13px !important;
    }

    .delete_cart{
        padding-top: 20px;
    }

    .jon-list-sec-content li i{
        width: 30px;
        height: 39px;
    }
    
}

@media only screen and (max-width: 767px) {

	.Booking-right{

        padding-left: 0;
    }
    .hero-title {
        font-size: 46px;
        line-height: 1;
    }
	.header-logo img {
        height: 139px;
        margin-top: 0;
    }
	.breadcumb-wrapper {
        padding: 152px 0 44px 0;
    }
	.breadcumb-title {
        font-size: 37px;
    }
	.Rbout-menu li {
        display: inline-block;
        position: relative;
        margin: 0px 10px 14px;
        list-style: none;
    }
    .jon-list-sec-content{
        margin-top:20px
    }
    .Price-sec h3 {
        font-size: 22px;
    }
    .service-box1 img {
        height: 100%;
    }
    .About-menu li {
        display: inline-block;
        position: relative;
        margin: 0px 16px 14px;
        list-style: none;
    }
    .gallery-ss-sec .gallery-thumb img {
        height: 175px;
    }
	.room-image img {
        height: auto;
    }
	.home-three .single-offer-thumb img {
        height: auto;
    }
	.bann-img {
        width: 100%;
        height: 80vh !important;
        object-fit: cover;
    }

}

@media only screen and (max-width: 1199px) and (min-width: 992px){

    .ab-im1 img{

        height: 500px;
        object-fit: cover;
    }

    .ab-im2 img {
        
        height: 500px;
        object-fit: cover;

    }

    .sec-title {
        font-size: 32px;
    }
}





@media only screen and (max-width: 575px) {
	    .Viewmorezsec {
        margin-top: 0;
        width: 100%;
        left: 0;
    }
	.field {
 
    padding: 0 1px 0 1px;}
	.field input {
  
    padding: 0 7px;
}

	    .slick-arrow {
        --arrow-horizontal: 40px;
        --pos-x: 3px;
    }
	    .sec-title {
        font-size: 28px;
        line-height: 1.1;
    }
	.counter-card_number {
    font-size: 33px;
}
	.gallery-area .container-fluid .col-lg-3 {
    width: 100%;
}
.gallery-area .container-fluid .col-lg-4:first-child {
    width: 100%;
}
	.gallery-area .container-fluid .col-lg-4:last-child {
    width:100%;
}
.course-b-img img {
    height: 186px;
}
.gallery-card1 .box-img img {
    height: 236px;
  
}
.gallery-card7 .box-img img {
    height: 258px;
}
.gallery-card4 .box-img img {
height: 126px;}
    .header-layout4 .header-logo img {
          margin-bottom: 0;
        height: 120px;
    }
	.bann-img {
    width: 100%;
    height: 250px !important;
    object-fit: cover;
}
    .hero-title {
        font-size: 30px;
        line-height: 1.2;
    }
	.about-imgt .aa-img-three{
		display:none!important
	}
	    .breadcumb-title {
        font-size: 25px;
    }
	.Cservice-box{
	padding: 30px 15px 32px 15px;
}
.Cservice-box .Csr-img img {
   
    height: 185px; 
}
.Cservice-box .Csr-content h3 {
font-size: 18px;}
    .breadcumb-wrapper {
        padding: 143px 0 44px 0;
    }
	    .gallery-ss-sec .gallery-thumb img {
        height: auto;
    }
	.testi-card_quote {
    position: absolute;
	top:10px;
    right: 10px;
	}
	.Contactpage-form {
    background: transparent;
    margin-top: 0px;
    padding: 30px 20px 30px;
	}
	.contact-feature .contact-feature_link span{
		font-size:15px
	}
	.contact-feature{
		gap:18px;
		padding:20px 15px
	}
	
	    .contact-feature {
        gap: 18px;
        padding: 0px 0px;
        display: block;
    }
	    .Contactpage-form {
        background: transparent;
        margin-top: 0px;
        padding: 0;
    }
	
	    .breadcumb-title {
        font-size: 30px;
    }
	.auccd {
    height: calc(100% - 40px);
    left: 20px;
    right: 20px;
    top: 20px;
    bottom: 20px;
    opacity: 1;
    width: calc(100% - 40px);
	}
	.room-image img {
        height: auto;
    }
	
	    .cc-content {
        padding: 34px 20px;
    }
	.footer-newsletter2 .col-lg-4:nth-child(1) {
        order: 2;
        width: 100%
 
    }
	.newsletter-style2 .newsletter-img i {
    font-size: 43px;
    margin-top: 10px;
    color: var(--title-color);
}
    .footer-newsletter2 .col-lg-4:nth-child(3) {
        order: 3;
        width: 100%
 
    }
	.copyright-wraps {
    text-align: center;
    padding: 0px 0;}
	.Poo-detail .sec-title {
    font-size: 28px;
}
.hh-hal-bottom {
height: 67px !important;}

.hh-dd-row .image-open span {
    position: absolute;
    content: "";
    font-size: 12px;
    text-align: center;
    line-height: 1;
}
.hh-hal-right {
    height: 90px !important;
}
.hh-hal-left {
height: 189px !important;}

    .breadcumb-title {
        font-size: 28px;
    }

	.bann-img{
        width: 100%;
        height: 70vh !important;
        object-fit: cover;
        aspect-ratio: 16 / 9;
        display: block !important;
    }
	
}