@media only screen and (max-width: 991px) {
    .custom-slideshow .custom-slide .slide__title-wrap {
        left: 0 !important;
    }
    .home .booking-form-wrap .hotel-booking-search p.hb-submit {
        position: relative;
        right: 0;
        height:0;
    }
    .home .booking-form-wrap ul.hb-form-table li {
        height: auto;
        border-bottom: 1px solid #eee;
    }
    .home .booking-form-wrap ul.hb-form-table li:last-child {
        margin: 0 !important;
        border: none;
    }
    .search-menu.search--open div#navbar-collapse {
        display: block;
        padding-left: 37px !important;
    }
    .mobile-header .float-right {
        float: right;
    }
    .mobile-header .float-right li.header-icon.header-contact, .mobile-header .float-right .header-social {
        position: relative;
        top: 6px;
        margin-right: 10px;
    }
    .mobile-header.header1 a.navbar-brand{
        text-align: left;
    }
    .mobile-header .float-right .header-social {
        top: 10px;
    }
        .navbar-collapse.collapse{
            width: 100%;
        }
    .header1,.header2{
        display: none !important;
    }
    .mobile-header .right-align {
      position: absolute;
        right: 20px;
        top: 0;
    }
    .navbar-collapse.collapse {
        margin: 0 !important;
        padding: 0 !important;
    }
    .header2 .container-fluid{
        max-width: none;
        padding: 0;
    }
    .mobile-header .left-align {
        display: inline-block;
        padding-left: 20px;
    }
    .mobile-header{
        display: block !important;
    }
    .header1 .navbar-header {
        padding-bottom: 20px;
    }
    .col-md-5.menu-left button#offcanvas-menu {
        padding: 0;
    }
    .col-md-5.menu-left ul.nav.navbar-nav.navbar-right{
        display: block;
    }
    .col-md-5.menu-left .navbar-header {
        text-align: center;
    }
    .col-md-5.menu-right {
        display: none;
    }
    .col-md-5.menu-left {
        width: 100%;
        display: block;
    }
    .col-md-5.menu-left .navbar-nav {
        float: none !important;
        width: auto !important;
        display: inline-block;
    }
    .col-md-5.menu-left li.header-icon.header-contact {
        width: auto;
        text-align: center;
        display: inline-block;
    }
    .mobile-header.header2 li.header-icon.header-contact a {
        padding-left: 0;
        padding-right: 0;
        color: #fff !important;
    }
    .mobile-header.header2 li.header-icon.header-contact {
        width: auto;
    }
    .col-md-5.menu-left button#btn-search {
        padding: 4px 8px;
        font-size: 13px;
        float: none;
        margin: 0;
        top: auto;
    }
    .header1 .col-md-5.menu-left li.header-icon.header-contact a {
        padding-left: 0;
    }
    .header1 .col-md-2.text-center {
        display: none;
    }
    .only-mobile {
        display: block;
        text-align: center;
    }
    .testimonial-item h3 {
        font-size: 18px;
        text-align: center;
        line-height: 42px;
        padding: 0 20px;
    }
    .about-title h2, .section-title h2 {
        font-size: 43px;
    }
    .section-about .section-title {
        padding: 0 !important;
    }
    .section-about .section-title h2 {
        line-height: 55px;
        font-size: 37px;
        margin-bottom: 28px;
    }
    .controls {
        margin: 0;
        text-align: center;
        justify-content: center;
    }
    .intro-section ul.slider {
        margin: 0;
        padding: 0;
    }
    .slider-item.active .show-mobile {
        display: block;
        margin: 1rem 0;
        text-align: center;
    }
    .intro .title {
        margin: 0 !important;
    }
    .hp-section.section-about .col-md-7 {
        padding: 0;
    }
    .room-section .slide {
        position: absolute;
    }
    .room-section .slide--current {
        position: relative !important;
    }
    .js .search-menu {
        padding: 0;
        overflow-y: scroll;
    }
    .fulscreen-contact-wrap {
        margin-top: 45px;
    }
    .fulscreen-contact-wrap h2 {
        font-size: 36px;
    }
    .global-menu__wrap .booking-form-wrap h2 {
        font-size: 36px;
        text-align: left;
        margin-bottom: 34px;
        text-transform: capitalize;
    }
    .booking-form-wrap ul.hb-form-table li {
        padding: 12px 30px !important;
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    .booking-form-wrap .hotel-booking-search button {
        height: auto !important;
    }
    .intro .title {
        display: inline-block;
        font-size: 4rem;
    }
    .header2.nav-wrapper .navbar-nav ul.dropdown-menu {
        position: relative;
    }
    .header2.nav-wrapper .navbar-nav ul.dropdown-sub {
        position: relative;
        top: auto !important;
        right: auto !important;
    }
    .header2 .header-social {
        float: none;
        display: inline-block;
        margin-top: 0;
    }
    
    .mobile-header.header2 button.navbar-toggle {
        margin-top: 10px;
        position: relative;
        top: 15px;
    }
    .left-align a.navbar-brand {
        padding-top: 15px;
    }
    .header2.nav-wrapper .navbar-nav .navbar-header {
        float: none;
        display: inline-block;
    }
    .header2 .col-md-10 {
        float: right;
    } 
    .navbar-nav li{
        background: none;
    }
    .page-template-template-home .header2.nav-wrapper .navbar-nav li > a {
        color: #000;
        font-size: 16px;
    }
    .intro.show-mobile {
        margin-top: 30px !important;
    }
    .about-section-img {
        margin-bottom: 30px;
    }
    .slide.slide--current {
        position: relative;
    }
    .slide--left, .slide--right{
        position: absolute;
    }
    .slide__img-wrap {
        width: 100%;
        height: 50vh;
        overflow: hidden;
        position: relative;
    }
    .slide--left .slide__img-wrap, .slide--right .slide__img-wrap {
        opacity: 1;
        width: 18vw;
        pointer-events: auto;
        cursor: pointer;
    }
    .slide--current {
        grid-area: none;
    }
    .slide--right,.slide--left {
        grid-area: none;
    }
    .room-section .slideshow {
        display: block;
        grid-auto-columns: auto;
        grid-column-gap: initial;
        grid-template-rows: none;
    }
    .slide--left .slide__img-wrap, .slide--right .slide__img-wrap{
        height: 50vh;
    }
    .slide__title-wrap {
        margin-top: 35px;
    }
    .slide--current .slide__title-wrap {
        display: block !important;
        top: auto;
        right: auto;
        text-align: center;
        max-width: 600px !important;
        width: 100% !important;
        align-items: center;
        left: auto;
        position: relative;
        margin-left: auto;
        margin-right: auto;
    }
    .header1 .col-md-5.menu-left button#offcanvas-menu,.header1 .header-social,.header1 .col-md-5.menu-left ul.nav.navbar-nav.navbar-right{
        display: inline-block;
    }
    .header1 .col-md-5.menu-left li.header-icon.header-contact a {
        padding-top: 0;
        padding-bottom: 0;
    }
    .header1 .col-md-5.menu-left li.header-icon.header-contact a {
        line-height: 28px;
    }
    .header1 .col-md-5.menu-left {
        margin-top: 16px;
    }
    }
    
    @media only screen and (max-width: 767px) {
    .about-second-wrap .section-title h2 {
        font-size: 36px;
        line-height: 46px;
    }
    .about-sec .col-md-6:last-child .about-second-wrap {
        padding: 0;
    }
    .about-title h2, .section-title h2 {
        font-size: 40px;
    }
    .service-wrap h2 {
        font-size: 26px !important;
    
    }
    
    .custom-slideshow .custom-slide .slide__title-wrap {
        left: 0 !important;
        display: block;
    }
    .slide__title-wrap h3.slide-title a {
        color: #fff;
        font-size: 32px;
    }
    .cta-sec-bottom .cta-title {
        font-size: 40px;
        line-height: 55px;
    }
    div#hb_room_description {
        padding-left: 35px;
        padding-right: 20px;
    }
    div#hb_room_additinal {
        padding-left: 35px;
        padding-right: 20px;
    }
    body .hb_related_other_room .rooms li.hb_room {
        width: 50% !important;
        max-width: none;
        min-width: 0;
    }
        .header1 .col-md-5.menu-left {
        margin-top: 0px;
    }
    .header2 a.custom-logo-link img {
        margin-top: 20px;
    }
    .slider-wrap .slide__content {
        max-width: none;
        padding: 0 40px;
    }
    .slider-wrap .slide__heading {
        font-size: 47px;
        color: #fff;
        line-height: 74px;
    }
    .banner-slider .slider__control.m--right {
        left: 58%;
    }
    .banner-slider .slider__control {
        left: 44%;
        top: 73%;
        opacity: 1 !important;
    }
    .cta-sec-bottom .cta-title {
        font-size: 36px;
    }
    .intro .title {
        display: inline-block;
        font-size: 3rem;
    }
    .section-title {
        text-align: center;
    }
    .explore-section.section-padding-100 .about-title {
        max-width: none;
        margin-left: 0;
        text-align: center;
        padding: 0 20px;
    }
    .search-wrap {
        float: none;
        text-align: center;
    }
    .site-branding {
        float: none;
        width: 100%;
        text-align: center;
    }
    .logo-wrap {
        text-align: left;
    }
    .custom-logo-link, .logo-wrap {
        display: inline-block;
        float: none;
    }
    a.custom-logo-link {
        position: relative;
        top: -15px;
    }
        .hero-section h1 {
            font-size: 56px;
            color: #fff;
            line-height: 78px;
        }
        .hero-section .stuff {
            max-width: 85%;
    
        }
        .section-title h2 {
            line-height: 58px;
            font-size: 40px;
        }
        section#about .col-md-7 {
        padding-right: 20px;
    }
    .explore-section .section-title {
        margin-left: 0;
        padding-left: 20px;
    }
    .section-title {
        padding-left: 20px;
    }
    .cta-sec .cta-title {
        font-size: 41px;
        line-height: 61px;
    }
    .blog-wrap {
        margin-bottom: 40px;
    }
    .blog-wrap {
        margin: 0 99px;
        margin-bottom: 40px;
    }
    header#masthead {
        padding: 18px 20px;
    }
    .header-social .social-icon a, .header-social .header-phone a {
        color: #000;
        font-size: 15px;
    }
    h2.site-title {
        font-size: 21px;
        margin-bottom: 5px;
    }
    p.site-description {
        font-size: 14px;
    }
    a.custom-logo-link img {
        height: 55px;
        width: auto;
    }
    
    button#btn-search {
        margin-right: 15px;
    }
    .hp-banner-wrapper .banner-text-wrap h2 {
        line-height: 65px;
        font-size: 45px;
        margin-bottom:20px;
    }
    .banner-text-wrap .btn-wrap{
        margin-top:0px;
    }
    }
    @media only screen and (max-width: 600px) {
    .hb_single_room .hb_single_room_details .hb_single_room_tabs > li {
        width: 100%;
        margin-bottom: 2px;
    }
    .mobile-header .float-right {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
    }.mobile-header.header1 a.navbar-brand {
        width: 100%;
        display: block;
        text-align: center;
    }
    .search-menu ul li a {
        font-size: 36px;
        margin-bottom: 13px !important;
    }
    .search-menu ul ul.dropdown-menu li a {
        font-size: 30px;
        margin-bottom: 19px;
    }
    
    }
    @media only screen and (max-width: 550px) {
    .hero-section h1 {
        font-size: 38px;
        color: #fff;
        line-height: 56px;
    }
    .post-type-archive-hb_room .rooms.hb-catalog-column-4 > .hb_room {
        width: 100% !important;
    }
    .post-type-archive-hb_room ul.rooms.tp-hotel-booking.hb-catalog-column-4 {
        padding-left: 0;
    }
    body .hb_related_other_room .rooms li.hb_room {
        width: 100% !important;
    }
    
    .section-content .hb_single_room .title h4 {
        font-size: 49px;
        text-align: center;
    }
        .header1 .col-md-5.menu-left ul.nav.navbar-nav.navbar-right {
        margin-top: 15px;
    }
    .banner-slider .slider__control {
        left: 40%;
        top: 73%;
        opacity: 1 !important;
    }
        .blog-wrap {
        margin: 0 20px;
        margin-bottom: 40px;
    }
    .header2.nav-wrapper.header-default .col-md-2{
        float: none;
        text-align: center;
    }
    .header2.nav-wrapper.header-default .col-md-2 .navbar-brand {
        float: none;
    }
    .header2 .col-md-10 {
        float: none;
        text-align: center;
    }
    .explore-section .section-title{
        max-width: none;
    }
    .blog-wrap {
        margin: 0 50px;
        margin-bottom: 40px;
    }
    ul.nav.navbar-nav.navbar-right.header2-right {
        padding-bottom: 10px;
    }
    .hb_single_room #hb_room_load_booking_form.hb_primary {
        width: 100%;
    }
    }
    
    @media only screen and (max-width: 480px) {
    
    }
    
    
    @supports (-webkit-touch-callout: none) {
        @media screen and (max-width: 599px) {
           .hero-section .image {
                 background-attachment: unset !important;
           }
       }
  }