/* ---- responsive.css ---- */
@media (max-width: 1170px) {
body.ar-site #page-container header .booking-social-container {padding-left: 15px;}
body.ar-site #page-container .main .container, body.ar-site #page-container .container {width: 100%;}
body.ar-site #page-container .bookonline-wrapper {display: block;
		bottom: 0;}
body.ar-site #page-container #booking_peel {display: none;}
body.ar-site #page-container #btn-bookingcancel {display: none;}
body.ar-site #page-container .home-content .main-content {float: none;
		width: 100%;
		height: auto;
		padding-bottom: 40px;
		margin: 0;}
body.ar-site #page-container .home-content .right-graphic {right: 0;}
body.ar-site #page-container .special {margin-left: 0;
		float: none;
		width: 100%;
		margin-top: 0;
		position: relative;
		left: auto;
		min-height: 500px;}
body.ar-site #page-container .special h3 {top: 0;}
body.ar-site #page-container .special-image {margin-top: 0;}
body.ar-site #page-container .map-wrapper .vcard {left: 50%;
		right: auto;
		top: auto;
		bottom: 20px;
		margin-left: -200px;}
body.ar-site #page-container header .booking-social-container {width: 100%;}
body.ar-site #page-container header .logo-container {width: 100%;}
body.ar-site #page-container header .logo-container img {width: auto;}
}
@media (max-width: 1169px) {
body.ar-site #page-container .rooms::before {display: none;}
body.ar-site #page-container .roomtext {width: 100%;
		padding: 20px 0;}
body.ar-site #page-container .roomtext-facilities {position: relative;
		width: 100%;
		top: auto;
		right: auto;
		padding: 0 20px;}
body.ar-site #page-container .rooms .main-photo {width: 100%;}
body.ar-site #page-container .roomtext p .roombooking {width: 100%;
		padding: 0;
		max-width: 300px;}
body.ar-site #page-container .rooms .gallery {overflow-y: auto;
		overflow-x: auto;
		white-space: initial;}
body.ar-site #page-container .rooms .gallery .thumb {margin: 10px;}
}
@media (max-width: 992px) {
body.ar-site #page-container .bookonline {margin: 0 auto;}
body.ar-site #page-container .container>.navbar-header {float: none;
		position: absolute;
		top: 10px;
		right: 10px;
		margin: 0;}
body.ar-site #page-container .featureoverlay {}
body.ar-site #page-container .featureoverlay-wrapper {width: 80%;}
body.ar-site #page-container .blog-wrapper ul li {display: block;
		margin-bottom: 20px;}
body.ar-site #page-container .blog-wrapper ul {padding-bottom: 0;}
body.ar-site #page-container header .booking-container {width: 100%;}
body.ar-site #page-container header .socialmedia-container .header-phone {float: left;
		margin: 0 auto;
		position: relative;
		left: 50%;}
body.ar-site #page-container header .socialmedia-container {width: 33.33333333%;}
body.ar-site #page-container header .header-banner {width: 66.66666667%;}
body.ar-site #page-container header .socialmedia-container .phone {float: left;
		position: relative;
		right: 50%;}
body.ar-site #page-container header .phone a {margin-left: 20px;
		font-size: 20px;}
}
@media (max-width: 991px) {
body.ar-site #page-container .bookonline-wrapper {display: none;}
body.ar-site #page-container #booking_peel {display: block;}
body.ar-site #page-container #btn-bookingcancel {display: block;
		margin: 5px auto 0 auto;}
body.ar-site #page-container .bookonline {height: auto;
		max-width: 270px;
		padding: 0 10px 25px 10px;}
body.ar-site #page-container .bookonline h3 {border-radius: 10px 10px 0 0;
		float: none;
		width: auto;
		padding: 10px;}
body.ar-site #page-container .bookonline form {float: none;
		border-radius: 0 0 10px 10px;
		clear: both;}
body.ar-site #page-container .book-duration:after {right: 25px;}
body.ar-site #page-container .bookonline form .book-checkin, body.ar-site #page-container .bookonline form .book-duration {border-right: none;
		width: 100%;
		margin-bottom: 5px;}
body.ar-site #page-container .bookonline form .book-action {float: none;
		width: 100%;
		margin: 0 auto;
		display: inline-block;}
body.ar-site #page-container .bookonline .btn-default {width: 100%;
		max-width: 220px;}
body.ar-site #page-container footer .vcard {text-align: center;}
body.ar-site #page-container footer .vcard .tel, body.ar-site #page-container footer .vcard .fax {float: none;
		list-style-type: none;
		margin: 0;}
body.ar-site #page-container footer .socialmedia, body.ar-site #page-container footer .copyrights {text-align: center;}
body.ar-site #page-container footer .fmenu ul {float: none;
		width: 100%;
		padding: 0;
		text-align: center;
		margin-bottom: 20px;}
body.ar-site #page-container footer .fmenu ul li {margin: 0;
		list-style-type: none;
		float: none;}
body.ar-site #page-container .newsletter-container {text-align: center;}
}
@media (max-width: 767px) {
body.ar-site #page-container header {padding-bottom: 0;}
body.ar-site #page-container .navbar-brand-container {text-align: center;}
body.ar-site #page-container .header-banner-container {text-align: center;}
body.ar-site #page-container header .header-banner {width: 100%;}
body.ar-site #page-container header .direct-bookings {width: 50%;}
body.ar-site #page-container header .phone-container {width: 50%;}
body.ar-site #page-container header .phone a {margin-left: 0;
		font-size: 18px;}
body.ar-site #page-container header .socialmedia-container {width: 100%;
		padding: 0;
		margin-top: 10px;}
body.ar-site #page-container header .socialmedia {text-align: center;}
body.ar-site #page-container .navbar-collapse.collapse {display: none!important;}
body.ar-site #page-container .navbar-collapse.collapse.in {display: block!important;}
body.ar-site #page-container .navbar-collapse {width: 100%;
		background-color: #225dab;
		position: absolute;
		top: 0;
		left: 0;
		text-align: center;
		z-index: 2;}
body.ar-site #page-container .navbar-collapse .dropdown-menu {position: initial;
	    width: 100%;
	    display: block;
	    background: #225dab;
	    float: none;
	    box-shadow: none;
	    padding: 0;
	    margin: 0;
		border: none;}
body.ar-site #page-container .navbar-collapse .dropdown-menu li {background: #225dab;
 		text-align: center;
 		font-size: 16px;
 		border: none;
 		float: none;}
body.ar-site #page-container .navbar-collapse .navbar-nav > li .dropdown-menu a {font-size: 14px;
 		border: none;
 		border-bottom: 4px solid #225dab;}
body.ar-site #page-container .navbar-collapse .navbar-nav > li .dropdown-menu a:hover {color: #fff;
		background-color: #00717c;
		border: none;
 		border-bottom: 4px solid #caa380;}
body.ar-site #page-container .navbar-collapse .btn {border-radius: 0;
		border: 1px solid #225dab;}
body.ar-site #page-container .navbar-default .navbar-nav>li>a.btn-default:hover {color: #fff;
		border: 1px solid #00717c;}
body.ar-site #page-container .navbar-collapse .navbar-nav {width: 100%;
		margin: 0;}
body.ar-site #page-container .navbar-collapse .navbar-nav > li {float: none;
		width: 100%;
		margin-left: 0;}
body.ar-site #page-container .navbar-collapse .navbar-nav > li a {margin: 0;
		color: #fff;
		font-size: 16px;
		font-family: 'Roboto';
		text-align: center;
		padding: 10px;}
body.ar-site #page-container .navbar-collapse .navbar-nav > li .dropdown-menu a {}
body.ar-site #page-container .navbar-default .navbar-nav>.active>a, body.ar-site #page-container .navbar-default .navbar-nav>.active>a:focus, body.ar-site #page-container .navbar-default .navbar-nav>.active>a:hover, body.ar-site #page-container .navbar-default .navbar-nav>.active>a:focus, body.ar-site #page-container .navbar-default .navbar-nav>li>a:hover {color: #fff;
		background-color: #ee9f17;}
body.ar-site #page-container .navbar-toggle {display: block;
		z-index: 1;
		position: relative;}
body.ar-site #page-container .featureoverlay {}
body.ar-site #page-container .featureoverlay-wrapper {}
body.ar-site #page-container .rooms .entry {padding-top: 10px;
		padding-bottom: 0;}
body.ar-site #page-container .rooms .main-photo {position: initial;}
body.ar-site #page-container .rooms .roomdetails {width: 100%;
		margin: 0;}
body.ar-site #page-container .rooms .roomdetails .roomdetails-bg {border-radius: 0;}
body.ar-site #page-container .rooms .roomdetails .roomtext h2 {font-size: 26px;}
body.ar-site #page-container .rooms .roomdetails .roomtext {font-size: 14px;}
body.ar-site #page-container footer .copyrights {font-size: 12px;}
body.ar-site #page-container footer .vcard-container {width: 100%;}
body.ar-site #page-container footer .socialmedia-container {width: 100%;}
}
@media (max-width: 640px) {
body.ar-site #page-container .special .sub-text .name, body.ar-site #page-container .special .sub-text .desc, body.ar-site #page-container .special .sub-text .link {width: 100%;
		height: auto;}
body.ar-site #page-container .special .sub-text .link a {line-height: 30px;}
body.ar-site #page-container .map-wrapper .vcard {display: none;}
body.ar-site .special_bottompin {font-size: 14px!important;}
}
@media (max-width: 568px) {
body.ar-site #page-container .home-content .main-content {padding: 20px;}
body.ar-site #page-container .featureoverlay {}
body.ar-site #page-container .featureoverlay-wrapper {}
body.ar-site #page-container .featureoverlay-bg {}
body.ar-site #page-container .rooms .roomdetails .roomtext img {margin-bottom: 10px;}
}
@media (max-width: 480px) {
body.ar-site #page-container header .socialmedia-container .header-phone {float: none;
		width: 100%;
		position: initial;
		left: auto;}
body.ar-site #page-container header .socialmedia-container .phone {float: none;
		position: initial;
		width: 100%;
		padding: 0 15px;
		right: auto;
		text-align: center;}
body.ar-site #page-container header .socialmedia-container .phone a {margin: 0;}
body.ar-site #page-container header .socialmedia-container .socialmedia {float: none;
		position: initial;
		width: 100%;
		padding: 0 15px;
		right: auto;
		text-align: center;}
body.ar-site #page-container h1 {font-size: 40px;}
body.ar-site #page-container .blog-wrapper ul {width: 100%;}
body.ar-site #page-container .blog-wrapper .panel {padding-top: 100px;}
body.ar-site #page-container .blog-wrapper h3 {top: 60px;}
body.ar-site #page-container .blog-wrapper ul li {width: 100%;
		margin: 0 0 20px 0;}
body.ar-site #page-container .blog-wrapper ul li .blog-image {width: 100%;
		background-repeat: no-repeat;
		background-size: cover!important;}
body.ar-site #page-container .map-wrapper .vcard {font-size: 14px;
		width: 300px;
		margin-left: -150px;}
body.ar-site #page-container .map-wrapper .vcard .org {font-size: 16px;}
}