.modal.heightcustom .modal-body .room-gallery {
    padding-bottom: 30px;
    max-height: 75vh;
    overflow-y: auto;
}

.SpecialRequests .form-floating>.form-control-plaintext:focus, .SpecialRequests .form-floating>.form-control-plaintext:not(:placeholder-shown), .SpecialRequests .form-floating>.form-control:focus, .SpecialRequests .form-floating>.form-control:not(:placeholder-shown){padding-top:.625rem;}

@media(max-width:1400px){
 .max-container{max-width: 1280px;}
 .account-form{max-height:550px; padding-top:8px;}
 .account-title{font-size:42px; margin-top:0;}

 .failure-page{min-height:450px;}
 .failure-img{max-width: 41%;}
}

@media(max-width:1199px){
	.gallery-grid{grid-template-columns: repeat(4,1fr);}

	.room-filter-page .booking-search{grid-template-columns: repeat(3, 1fr);}
	.main-banner{min-height:320px; padding-bottom:50px;}
	.sign-section:before{left: -90px; top: -65px; width:265px; height: 260px;}

	.resort-title{font-size:24px;}
	.map-box .btn{min-width:160px;}
	.flex-photo img{height: 76px; width: 100%; object-fit: cover;}
	.photos-remain span{text-align: center;}
	.date-listing{grid-template-columns: repeat(6,1fr);}
	.failure-img{max-width: 57%;}
	.copyright{margin-top:30px;}
	.MainFooterMenu{margin-bottom:30px;}

	.address-tag, .reserve-btns-div{margin-bottom:12px;}
	.photos-remain{font-size:14px;}
	

}
@media(max-width:991px){
	.navbar-toggler:focus{outline: none; box-shadow: none;}
	.navbar-collapse {position:absolute; top:60px; background: #fff; min-width: 190px; padding:0; border-radius: 0 0 5px 5px; box-shadow: 0 10px 10px 0 rgba(0,0,0,0.15); z-index: 105; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;}
	.main-header .nav-item:after{display: none;}
	.main-header .navbar-expand-lg .navbar-nav .nav-link{display: block; padding:10px 20px; border-bottom:1px solid rgba(0,0,0,0.06);}
	.main-header .navbar-expand-lg .navbar-nav .nav-link:hover{color: #fff; background: #017337;}
	.main-header .navbar-expand-lg .navbar-nav .nav-item::last-child .nav-link{border-bottom:0;}

	.gallery-grid{grid-template-columns: repeat(3,1fr);}
	.box img{height:175px;}

 	.account-form{max-height:none; position:relative; top:-30px; left: auto; right: auto; margin:0 auto 0; overflow: inherit; }
	.account-cont{text-align: center; align-items: center; padding-bottom:60px;}
	.account-subtitle{max-width:100%;}
	.account-cont-inner{width:100%}

	.navbar-brand img.mobile-hide{max-width: 160px;}


	.room-filter-page .booking-search{grid-template-columns: repeat(2, 1fr);}
	.control-location{grid-column-start: 1; grid-column-end: 3;}
	.sign-section{text-align: center;}
	.sign-section:before{display: none;}
	.sign-section .text-end{text-align:center!important;}
	.sign-section p{margin-bottom:15px;}
	.main-banner{min-height:320px;}
	.main-title{font-size: 30px; line-height: 40px;}
	.main-banner p{font-size:16px;}
	.navbar-brand img{max-width:70px;}
	.main-header .navbar-expand-lg{min-height:60px;}
	.subscribe-section{text-align: center;}

	.room_filter_block .booking-search{display: grid; grid-template-columns: repeat(2,1fr); align-items: start; gap: 15px;}
	.room_filter_block .search-room{margin-top:27px;}
	.map-box{background-size: cover;}
	.pro-hig-box{margin:35px 0;}
	.date-listing{grid-template-columns: repeat(4,1fr);}

	.page-title{height: 170px; padding-top: 40px;}
	.news-listing{padding: 30px 0;}

	.profile-img{width: 110px; height: 110px; line-height: 106px; margin-top: -30px; margin-right: 15px;}
	.side-menu-button, .side-menu-close{display: block;}
	.side-menu-button{background: #00b542; color: #fff; padding: 10px 5px; border: 0; outline: 0; display: block; text-transform: uppercase; position: absolute; left: -70px; width: 228px; margin-top:100px; -webkit-transform: rotate(-90deg) translateY(-50%); -ms-transform: rotate(-90deg) translateY(-50%); -o-transform: rotate(-90deg) translateY(-50%); -ms-transform: rotate(-90deg) translateY(-50%); transform: rotate(-90deg) translateY(-50%);}
	.side-menu{position: fixed; top: 0; bottom: 0; left: -105%; z-index: 106; width: 300px; padding: 15px 0; height: 100%!important; background: #f2f2f2; transition: .5s ease-in-out; box-shadow: 5px 0px 12px 0 rgba(0,0,0,0.10); border-right: 1px solid #fff;}
	.side-menu.show{left: 0;}
	.side-menu-close{position: absolute; left: 100%; top: 0; margin: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; border: 0; background: #03021e; color: #fff;}
	.screen-gap{padding-left: 50px;}
	.container{max-width: 100%;}
	.profile-text{padding-top:15px;}
	.login-profile-sec h3{font-size: 18px;}

	.failure-img{max-width:320px; position: static; margin: 0 auto 20px; display: block;}
	.failure-page{text-align:center;}

	.main-header .navbar-brand{top:-2px;}
	.main-header .navbar-toggler{visibility: hidden;}
	.navbar-brand img{max-width: 94px;height: auto;}
	.offser-list{flex-direction: inherit;}

	.room-filter-page .booking-search .form-control{line-height:36px; text-align: left; text-align-last: left; -webkit-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;}
	.travellers-section{padding-bottom:30px;}
	.travellers-section .owl-carousel .owl-nav button img{max-width:24px;}
	.property-surroundings .row.gx-5{--bs-gutter-x: 1rem;}

	.availability-section table{min-width:750px;}
	.booking-search .form-control.location-icon{margin-top: 0; margin-bottom: 10px;}
	.control-datepiker:before{content: ''; position: absolute; right: 15px; top:1px; height: 48px; width: 25px; background:#fff url(../img/CalendarIcon.svg) no-repeat center; background-size: 19px; z-index: 2; pointer-events: none;}
	.mobiledatepiker .booking-search .control-datepiker .form-control, .TimeDiv input[type="time"]{line-height:30px; text-align: left; text-align-last: left; -webkit-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;}
	.mobiledatepiker .booking-search .control-datepiker:before{height:40px; right:5px;}

	.availability-section .btn.reserve-room, .availability-section .btn.view-room-detail {
        font-size: 12px;
        padding: 5px 10px;
        font-weight: 500;
    }

    .TimeDiv{position: relative;}
	.TimeDiv:before{content: ''; position: absolute; right: 10px; top:1px; bottom:2px; width: 25px; background:#fff url(../img/ClockTime.svg) no-repeat center; background-size: 19px; z-index: 2; pointer-events: none;}
	.TimeDiv input[type="time"]{line-height:24px;}
	
}
@media(max-width:767px){
	.reserve-btns-div{margin-bottom:20px;}
	.reserve-btns-div .price-match-div{display: inline-block; margin-top:0;}
	.height-photo{height: calc(100% - 10px);}
	.date-listing{grid-template-columns: repeat(3,1fr);}
	.section-title{font-size:22px;}
	.learn-div{text-align: left; margin: 9px 0 0 54px;}
	.house-rules-list{display: block;}
	.house-rules-left{min-width: 1px; max-width: none;}
	.faq-main-title{padding: 10px 20px; font-size: 18px; line-height: 28px;}
	.faq-about-section .accordion-button{font-size:14px; padding:14px 12px;}
	.travellers-section .section-title{margin-right: 130px;}
	.modal .btn-close{top: -4px; right: 0px;}

	.room-booking-table .table{min-width: 640px;}
	.spa-table .table{min-width:780px;}
	.login-profile-sec h3{font-size: 16px;}

	.you-booking-summary h4{margin-top: 20px;}

	.MainFooterFlex{display: flex;}
	.SubsSocial{padding:0;}
	.SubsSocial .MainFooterSubscribeTitle{margin-top: 20px;}
	.form-validate{margin-top: 15px;}
}

@media(max-width:600px){
	.location-page{display: block; min-height:1px;}
	.location-sidebar{max-height:none; overflow-y: inherit; min-width:1px; max-width:100%;}
	.location-box{height:250px;}
	.photos-div .owl-carousel .owl-nav button.owl-next, .photos-div .owl-carousel .owl-nav button.owl-prev{visibility:visible;}
	.photos-div-list{width:100px;}
	.gallery-grid{grid-template-columns: repeat(2,1fr);}

	.account-title{font-size:20px;}
	.account-subtitle{font-size:15px;}
	.account-form-title{font-size:18px;}
	.account-cont{padding-bottom:40px; min-height:250px;}
	.account-img{min-height: calc(100% - 250px);}
	.account-form{border-radius:10px; top:-14px;}
	.account-form-title{margin:2px 0 5px;}
	.pop-fn-normal{font-size: 14px; line-height: 22px; margin-bottom: 16px;}
	.other-div{margin:10px 0;}
	.condition-text{padding-top:15px;}
	.account-form{width:100%;}
	/*.mobile-hide{display: none;}*/

	.modalspace{padding:35px 15px 15px;}
	.mobile-col .col-sm-7{flex: 0 0 auto; width: 58.33333333%;}
	.mobile-col .col-sm-5{flex: 0 0 auto; width: 41.66666667%;}

	.room-filter-page .booking-search{display: block;}
	.subscribe-title{font-size:22px;}
	.subscribe-section{border-radius:15px; padding:15px 5px;}
	.subscribe-section p{font-size:14px; line-height:22px;}
	.serch-field{display: block; border-radius: inherit; background: transparent;}
	.serch-field.input-group>.form-control, .serch-field .btn {width: 100%;}
	.serch-field .btn{margin-top:15px; border-color:rgba(255,255,255,0.3);}
	.offser-list{display: block;}
	.offers-section p.text-uppercase, .properties-section p.text-uppercase, .explore-section p.text-uppercase{margin-right: 38%;}
	.section-title{font-size: 22px; line-height: 30px; margin-bottom: 5px;}
	.blog-inner-text{padding: 12px 0 10px;}
	.sign-title{font-size:20px;}
	.sign-section p{font-size:14px;}
	.footer-section{padding:20px 0 5px;}
	.subscribe-section{margin-bottom:20px;}
	.main-blog-section{padding-bottom:20px;}
	.properties-section, .offers-section{padding:30px 0;}
	.social-div{margin-bottom: 10px;}
	.main-banner{text-align: center;}

	.room_filter_block .booking-search{display: block;}
	.flex-photo{grid-template-columns: repeat(3,1fr);}
	.date-listing{grid-template-columns: repeat(2,1fr);}
	.house-rules-box{padding: 0px 15px; margin-top: 10px; border-radius: 10px;}
	.travellers-section, .house-rules-sec{padding-bottom:10px;}
	.faq-about-section{margin-bottom:0;}
	.resort-facilities-sec{padding-top:0;}
	.availability-section{padding: 30px 0 0px;}
	.col-md-12.col-sm-6.col-xs-6{flex: 0 0 auto; width: 50%;}
	.faq-about-section .accordion-body{font-size:14px; line-height:20px;}
	.properties-section-inner{margin-top:20px;}
	.news-title{font-size:26px; line-height:32px;}

	.news-list-img{max-width: 100px; min-width: 100px; height: 100px; border-radius: 6px;}
	.news-list-content{padding: 0px 0 0px 10px;}
	.news-date{top: 5px; padding: 2px 8px; font-size: 13px; border-width: 1px 1px 1px 0px;}
	.page-title{height:120px;}
	.page-title-text{font-size:24px;}

	.profile-btn .dropdown-toggle img{margin-right:0;}
	.profile-btn .dropdown-toggle::after{display: none;}
	.edit-banner{min-width: 120px; padding: 5px 5px; font-size: 12px;}
	.profile-img{width: 80px; height: 80px; line-height: 76px;}
	.profile-text h1{font-size:18px;}
	.profile-content{padding: 0 10px; margin-bottom: 30px;}
	.profile-btn span{max-width: 105px;}

	.modal .profile-content + .row{clear: both;}
	.modal .profile-content{margin-bottom:0;}
	.profile-btn .dropdown-toggle{font-size:14px;}	
	.screen-gap{padding-left:0;}
	.side-menu-button {
    margin: 0 auto 12px;
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -moz-transform: none;
    transform: none;}
    .login-profile-sec h3{font-size: 14px;}

    .failure-page h1{font-size:22px;}
    .failure-page p{font-size: 15px; line-height: 22px;}

    .btn{padding: 7px 14px; font-size: 13px;}
    .main-title{margin-bottom:10px;}
    .main-banner{min-height: 480px;}
    .main-banner p{font-size: 14px;}
    .location-icon{margin-top:17px; margin-bottom:10px; padding-left:38px !important; background-position: 12px center; background-size: 16px;}
    .room-filter-page .booking-search .search-room{margin-top: 10px;}

    .offers-section .owl-nav button img, .explore-section .owl-nav button img{max-width: 26px;}
    .offser-list{padding:10px;}
    .offser-list-img{min-width: 1px; max-width: 100%; margin-bottom: 14px; width: 100%;}

    .contact-us-form label{font-size: 13px; margin: 0 0 3px;}
    .contact-us-form .form-control{line-height: 18px; text-align: left; text-align-last: left;}
    .box img{height: 80px;}
 	.main-facilities-list{padding: 8px 10px 8px 10px; border-radius: 0px;}
 	.main-facilities-list img{max-width:24px;}   
 	.main-facilities{margin-bottom:10px;}
 	.availability-section .modal .row.room-gallery{--bs-gutter-x: 0.5rem;}
 	.rowinline .col-xs-6, .availability-section .modal .room-gallery .col-sm-6{flex: 0 0 auto; width: 50%;}
 	.availability-section .modal .room-gallery .col-sm-6 .GalleryList.mb-4 {margin-bottom: 8px !important;}

}