/* Responsive CSS Styles Table of Contents */
.navbar-default .navbar-toggle {margin: 12px 10px; padding: 7px;}
.navbar-toggle .icon-bar {width: 14px;height: 1px;}
.navbar-toggle .icon-bar+.icon-bar {margin-top: 3px;}
.xlogo{
    height: 42px;
    position: absolute;
	padding: 2px 60px;
	margin: 0 0 0 0px;
    vertical-align: middle;
}
@media only screen and (min-width: 1024px){
	.features_sec14 .full-width{margin: -30px -105px 0 -105px;}
	#bxslider-one-box-center{margin-left: 25%;margin-right: 25%;}
	.bxslider-one-box-center-container{position: relative;overflow: hidden;}
	.bxslider-one-box-center-container::before,
	.bxslider-one-box-center-container::after{
		content: "";
		position: absolute;
		width: 25%;
		height: 400px;
		top: 0;
		background: rgba(0, 0, 0, 0.0);
		z-index: 1;
	}
	.bxslider-one-box-center-container::before{left: 0;margin-left: -20px;}
	.bxslider-one-box-center-container::after{right: 0;margin-right: -5px;}
}
@media only screen and (max-width: 1200px){
	#wh-widget-send-button,
	.chatra--mobile-widget,
	#chatra__iframe-wrapper, 
	#chatra__iframe {
		display: none !important;
	}

	h1 {font-size: 22px;}
	h2 {font-size: 20px;}
	h3 {font-size: 18px;}
	h4 {font-size: 16px;}
	h5 {font-size: 14px;}
	h6 {font-size: 12px;}

	#layout-8 .xlogo,
	.ontop.no-background .navbar.navbar-default .navbar-header .xlogo,
	.xlogo{margin: 0 !important; padding: 2px 10px !important; height: 40px !important;}
	#layout-8 .xlogo.text-logo,
	.ontop.no-background .navbar.navbar-default .navbar-header .xlogo.text-logo,
	.xlogo.text-logo {font-size: 16px; line-height: 38px;}
	.navbar-default .navbar-nav > li > a,
	.navbar-default .navbar-button .button {font-size: 12px;}
	.navbar-default .navbar-nav > li > a {padding: 5px; line-height: 30px;}
	.navbar-default .navbar-button .button {padding: 2px 5px; margin: 0; line-height: 16px; border-radius: 0; display: none;}

	div#floating-bar{display: none;}
	.banner .book-direct,
	.banner .book-direct-v2{
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		max-width: unset; 
	}
}

@media only screen and (max-width: 980px) {
	#layout-8 .xlogo,
	.ontop.no-background .navbar.navbar-default .navbar-header .xlogo,
	.xlogo{ transform: translate(-50%,0); left: 50%; height: 50px !important;}
	#layout-8 .xlogo.text-logo,
	.ontop.no-background .navbar.navbar-default .navbar-header .xlogo.text-logo, 
	.xlogo.text-logo {font-size: 30px; line-height: 44px; transform: translate(-50%,0); left: 50%;}
	.navbar-default {height: 50px; position: absolute; width: 100%; z-index: 99;}
	.navbar-default .navbar-header .navbar-toggle {
		position: absolute; 
		display: inline-block;
		top: 0px; 
		right: 0px;
	}
	.navbar-default .navbar-header .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent;}
	/* .navbar-default .navbar-nav>li {display: block;text-align: left;} */
	.navbar-default .navbar-header {text-align: center; float: none;}
	.navbar-default .navbar-collapse.collapse {
		display: none!important;
		height: auto!important;
		padding-bottom: 0;
		overflow: hidden !important;
	}
	#sidemenu {
    	position: fixed;
		z-index: 9999;
		top: 50px;
		background-color: rgba(0, 0, 0, 0.925);
		height: 100%;
		width: 100%;
	}
	#sidemenu .navbar-nav {margin: 0;}
	#sidemenu .navbar-nav > li {display: block; text-align: center;}
	#sidemenu .navbar-nav > li > .dropdown-menu {position:relative;}
	#sidemenu .navbar-nav > li > .dropdown-menu > li > ul > li {text-align: center;}
	#sidemenu .navbar-nav > li > .dropdown-menu > li ul > li div{display: none;}
	#sidemenu .navbar-nav > li > a{color: #fff;}
	#sidemenu .navbar-nav > li > a:focus,
	#sidemenu .navbar-nav > li > a:hover{background-color: #222;}
	/* #bs-example-navbar-collapse-1{display:none;} */

	div#floating-bar,
	.banner .form-ca{
		width: 100%;
		height: auto;
		bottom: 0;
		left: 0;
		position: fixed;
		float: none;
		margin: 0;
		padding: 0;
		/* background-color: #fff; */
		display: block;
		z-index: 999;
		top: unset;
		max-width: unset;
		text-align: center;
	}
	.banner .form-ca .show-on-layout-3 {display: none !important;}
	div#floating-bar .container-fluid,
	.form-ca .container{padding: 0;}

	#ca-form ul {text-align: center;}
	#ca-form ul.form-ca-wrapper li.block,
	.form-ca ul.form-ca-wrapper li.block,
	.form-ca ul.form-ca-wrapper li.wrapper-checkin {display: inline-block;}
	#ca-form ul.form-ca-wrapper > li,
	.form-ca ul.form-ca-wrapper > li{vertical-align: top; margin: 5px; font-size: 12px;}
	#ca-form .sky-form input,
	#ca-form .sky-form select,
	.form-ca .sky-form input,
	.form-ca .sky-form select{
		font-size: 12px;
		height: 16px;
		border-radius: 5px;
		vertical-align: middle;
		width: auto;
		max-width: 70px;
		padding: 5px;
		box-sizing: unset;
	}
	#ca-form .sky-form button,
	.form-ca .sky-form button{
		margin-bottom: 0;
		padding: 3px 10px !important;
	}
	#three-popup {display: none;}
	
  	hr {margin-top: 30px; margin-bottom: 30px;}
	
	.copyright_info {text-align: center;}
  	.copyright_info .align-right {text-align: center;}
	  
	.homegrid-full .homegrid-text{padding: 20px;}
	.homegrid-elem .caption .caption-content .title{margin-bottom: 5px;}
	.homegrid-elem .caption-bottom{padding: 5%;}
	.homegrid-elem .caption-bottom .caption-content{
		left: 50%;
		top: 50%;
		width: 100%;
		height: 100%;
		font-weight: bold;
		padding: 0;
		color: #fff;
		transform: translate(-50%, -50%);
		text-align: center;
	}
	.homegrid-elem .caption-bottom .caption-content .homegrid-text .headline{display: none;}
	.homegrid-elem .caption-bottom .caption-content .homegrid-text .buttons a{float: none;}
	.homegrid-elem.active .caption .caption-content .button, 
	.homegrid-elem:hover .caption .caption-content .button {
		height: 34px; line-height: 10px;
	}

	.features_sec1 {padding: 20px 0;}
	.features_sec1 .sidebar-primary-content{margin-top: 20px;}

	#wh-widget-send-button,
	.chatra--mobile-widget,
		#chatra__iframe-wrapper, 
	#chatra__iframe {display: none !important;}
}
@media only screen and (max-width: 425px){
	.thumbnailz.thumb-xl3 {height: 265px;}
	.thumbnailz.thumb-xl2 {height: 250px;}
	.thumbnailz.thumb-xl {height: 225px;}
	.thumbnailz.thumb-lg {height: 200px;}
	.thumbnailz.thumb-ml {height: 150px;}
	.thumbnailz.thumb-md {height: 125px;}
	.thumbnailz.thumb-sm {height: 75px;}
	.thumbnailz.thumb-xs {height: 50px;}
}