.container .navbar .container{padding: 0;}
.availability-section .btn.reserve-room, .availability-section .btn.view-room-detail {
    margin: 0 4px 5px 0;
}

@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;
  }
  .photos-remain span {
    text-align: center;
  }
  .date-listing {
    grid-template-columns: repeat(6, 1fr);
  }
  .failure-img {
    max-width: 57%;
  }

  .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: 0.5s ease-in-out;
    box-shadow: 5px 0px 12px 0 rgba(0, 0, 0, 0.1);
    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: 10px;}
  
}
@media (max-width: 991px) {

  .booking-search input[type="date"] {
    line-height:38px;
    text-align: left;
    text-align-last: left;   /* kuch browsers ke liye */
    position: relative;
    -webkit-appearance: none; /* iPhone/Safari default style remove karne ke liye */
    -ms-appearance: none; /* iPhone/Safari default style remove karne ke liye */
    -o-appearance: none; /* iPhone/Safari default style remove karne ke liye */
    -moz-appearance: none; /* iPhone/Safari default style remove karne ke liye */
    -webkit-appearance: none; /* iPhone/Safari default style remove karne ke liye */
  }
  input[type="date"]::-webkit-calendar-picker-indicator{opacity: 0;}

.control-datepiker{position: relative;}
.control-datepiker:before{content:''; position: absolute; right:15px; top:0; height:50px; width:23px; background: url("../img/CalendarIcon.svg") no-repeat center; background-size:19px; z-index:2; pointer-events: none;}

.room_filter_block .control-datepiker:before{height:42px;}
.room_filter_block .booking-search input[type="date"]{line-height:32px;}

/*.booking-search input[type="date"]::-webkit-calendar-picker-indicator {
  background: url("../img/CalendarIcon.svg") no-repeat center;
  background-size: 15px 15px;
  cursor: pointer;
  opacity: 1;
}*/

  
  .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: 230px;
  }
  .main-title {
    font-size: 30px;
    line-height: 40px;
  }
  .main-banner p {
    font-size: 16px;
  }
  .navbar-brand img {
    max-width: 130px;
  }


  .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;
  }

  .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;
  }
  .room-booking-history{min-width: 840px;}

  .SubsSocial .col-xl-4 .MainFooterSubscribeTitle{margin-top: 25px;}
}
@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: 3px;
    right: 3px;
  }

  .modal.heightcustom .modal-body .room-gallery .col-xl-3:last-child a{margin-bottom: 0 !important;}

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

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

  .MainFooterlinks a{margin-left:14px;}
}

@media (max-width: 600px) {
  .head-btns .btn-primary {
    font-size: 13px;
    padding: 6px 10px;
}

  .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: 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;
  }

  #availability-section {
    display: flex;
    flex-wrap: wrap;
}

#availability-section>* {
    width: 50%;
}

.properties-section p.text-uppercase{margin-right:0%;}
.MainFooterFlex{display: block;}
.MainFooterlinks{margin-bottom: 10px;}
.BHRLogoSec{margin-bottom: 15px;}
.BHRLogoSec img{max-width: 80px;}
.BHRLogoSecText{font-size:18px; margin: 0px 0 -7px 10px;}
.main-big-blog .main-blog-img{height: 250px;}
.MainFooterSubscribeTitle{font-size: 18px;}
.MainFooterlinks a{margin:0 10px;}
.big-blog-inner{bottom: 15px; left: 15px; right: 15px;}
.explore-list-img{height: 130px;}

.passcode-wrapper input{width: 34px; height: 34px; line-height: 34px;}
.xsrow .col-xs-6{flex: 0 0 auto; width: 50%;}
}