@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;
}
.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: 75px;
    font-size: 50px;
}
}
@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: 90%;
    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) {

}