
/*mobile menu*/

div#responsive-menu-pro-container {
    background: rgba(125, 53, 73, 1)
    box-shadow: 0px 0px 50px rgba(0,0,0,0.3);
}

#responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 2px;
}


.rtb-text.allergies {
    width: 100%;
}

.rtb-booking-form input {
    max-width: 100%!important;
}




/*Media Queries*/


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

	.top-slider div.slide {
		height:680px;
	}

}



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

	.top-slider div.slide {
		height:540px;
	}

	.top-slider div.slide .slide-content-box {
	    font-size: 1.2rem;
	}

	nav.navbar.navbar-expand-md ul#main-menu li a.nav-link {
	    font-size: .7rem;
	}

	nav.navbar.navbar-expand-md ul#main-menu li a::before {
	    height: 40px;
	}

	.slider-banner h2 {
	    font-size: 2rem;
	}

	.slider-banner h3 {
	    font-size: 1.4rem;
	}

}

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

	.top-slider div.slide {
		height:480px;
	}

	.col-md-4.info-box, .col-md-6.info-box  {
	    width: 100%;
	    max-width: 100%!important;
	    flex: 0 0 100%;
	    margin: 16px 0;
	}

	#wrapper-footer .footer-cta .cta-text {
	    font-size: 1.1rem;
	    line-height: 36px;
	}

	.slider-banner h2 {
	    font-size: 1.6rem;
	}

	.slider-banner h3 {
	    font-size: 1.2rem;
	}


}





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

	.top-slider div.slide {
	    height: 380px;
	}

	span.cta-text {
	    text-align: center;
	    display: block;
	    margin-bottom: 10px;
	}

	.rtb-booking-form .rtb-select, .rtb-booking-form .rtb-text {
	    display: inline-block;
	    width: 100%;
	}

	.book-contact-box:nth-of-type(2n) {
	    border-right: 1px solid #fff;
	}

	.col-md-4.social-buttons {
	    display: flex;
	    justify-content: space-evenly;
	    margin-bottom: 16px;
	}

	.top-slider div.slide .slide-content-box {
	    font-size: 0.8rem;
	}

}


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

	.home-slide {
	    margin-top: 50px;
	}

	.top-slider div.slide .slide-content-box {
	    font-size: 0.7rem;
	    line-height: 1;
	}

	.top-slider div.slide {
	    height: 280px;
	}

	section.slider .top-buttons .wrap {
		max-width:100%;
	}

	section.slider .top-buttons .wrap div h2 {
	    font-size: 1.2rem;
	}

	section.slider .top-buttons .wrap div {
		width:100%;
	}

	table.rooms-info th {
	    font-size: 0.5rem;
	}

	img.floorplan {
	    margin-top: 2rem;
	    margin-bottom: 2rem;
	}

	#wrapper-footer ul#menu-footer-menu li a {
		font-size:0.7rem;
	}
}