*{

     -webkit-text-size-adjust: none;

}



input, textarea{

        -webkit-appearance: none;

        -webkit-border-radius: 0;

}

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

	.layout-top-gallery
	{

		height: 350px;

	}

	.map-wrap{

		height: 350px;

	}

	.layout-header .blue-box{

		height: 400px;

	}

	.layout-header .blue-box .call-us{
		position: absolute;
		bottom: 15px;

	}

	.accommodation-links{

		top: 20px;

	}

	.booking-form{

		padding: 13px 35px 0px;

	}

	.logo img{

		width: 200px;

	}

	.custom-combobox{

		width: 61px;

	}

	.layout-header .blue-box{

		width: 200px;

	}

	.booking-form .col2{

		margin-right: 8px;

		margin-bottom: 12px;

	}

	.col2.people{

		margin-right: 0;

	}	

	.menu-box{

		/*height: 200px;*/

	}

	input, 

	textarea{

		padding: 7px 10px;

		font-size: 12px;

	}

	.services-wrap,

	.accommodations-wrap{

		padding: 50px 0;

	}

	.best-deal-box{

		top: 10px;

		padding: 17px;

	}

	.best-deal-box h2{

		font-size: 17px;

		margin-bottom: 9px;

	}

	.best-deal-box h3{

		font-size: 17px;

		line-height: 17px

	}

	.blue-box button{

		padding: 7px 35px;

	}

	.homepage-gallery{
		max-height: none; 
	}

	.blue-box{
		max-height: none; 
	}



}

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

	

	.layout-header .layout-width{

		width: 87%;

		margin: auto;

	}

	.best-deal-box-wrap{

		width: 95%;

		right: 70px;

		left: auto;

	}



	.arrow {

		display: none;

	}

	.best-deal-box{

		right: -40px;

	}

	

}

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

	.layout-width,.layout-header .layout-width{

		width: 95%;

	}

	.layout-header .layout-width{

		width: 100%;

	}

	.home-wrap .left, .services-wrap .left, .accommodations-wrap .left{

		width: 51%;

		margin-right: 6%;

	}

	.home-wrap .right, .services-wrap .right, .accommodations-wrap .right{

		width: 43%;

	}

	.column{

		width: 25%;

	}

	.col1{

		width: 50%;

	}

	.layout-header .blue-box{

		left: 40px;

	}

	.contact-wrap .left{

		width: 100%;

		float: none;

	}

	.contact-wrap .right{

		margin: auto;

		float: none;

		margin-top: 40px;

	}

	.grid-4-col{

		text-align: center;

	}

	.menu-box{

		width: 160px;

		height: 140px;

		float: none;

		display: inline-block;

		margin-right: 8px

	}

	.menu-box .title{

		left: 0;

		font-size: 11px;

		padding: 8px 0;

	}

	.grid-4-col .no-margin{

		margin-right: 0px;

	}

}

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

	.layout-header-menu a{

		padding: 18px 7px;

		font-size: 11px;

	}



}

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

	.no-margin{

		margin-right: 32px;

	}

	.locations-wrap,.services-boxes{

		margin-left: 38px;

	}

	.accommodation-links{

		right: 50px;

	}

	.service-box{

		width: 195px;

	}

	/*.menu-box{

		width: 222px;

	}*/

	.grid-4-col .no-margin{

		margin-right: 0px;

	}

	.ymca-image{
		width: 210px;
	}

	.ymca-box p{
		margin-left: 210px;
	}

}



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

	.mob-icon-menu{

		/*display: none;*/

		text-align: center;

		background: #000;

	}

	.layout-header-menu{

		float: none;

		text-align: center;

		margin: 20px 0;

		display: none;

	}

	.layout-header-menu a{

		display: block;

		padding: 8px 7px;

		font-size: 15px;

	}

	.layout-header .blue-box{

		display: none;

		width: 100%;

		left: 0;

		position: fixed;

		height: 100%;

		z-index: 110;

	}

	.blue-box .icon-close{
		display: block;
	}
	
	.booking-form-iframe{
		margin-top: 20px;
	}

	.booking-form{

		padding-top: 100px;

	}

	.layout-header .layout-width{

		width: 100%;

		text-align: center;

		padding: 0px 0 15px;

	}

	.mob-icon-menu{

		display: block;

	}

	.mob-logo-wrap{

		background: #89D2DC;

	}

	.reserve-now{

		display: inline-block;

	}

	.home-wrap .left, 

	.services-wrap .left, 

	.accommodations-wrap .left{

		width: 100%;

	}

	.home-wrap .right, 

	.services-wrap .right, 

	.accommodations-wrap .right{

		width: 100%;

		float: none;

		text-align: center;

	}

	.special-box{

		display: inline-block;

	}

	.menu-box{

		width: 50%;

	}

	.locations-wrap{

		margin-left: 0;

	}

	.locations-wrap .box33{

		margin-right: 0;

		margin: 30px auto;

		float: none;	

	}

	.location-wrap .preload-images{

		width: 100%;

		height: auto;

	}

	.preload-images img{

		width: 100%;

		display: block;

	}

	.map-wrap{

		height: 350px;

	}

	.best-deal-box{

		display: none;

	}

	.menu-box{

		width: 222px;

	}

	.grid-4-col .no-margin{

		margin-right: 8px;

	}



}

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

	.menu-box{

		width: 212px;

	}


}

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

	.layout-width{

		width: 90%;

	}

	h1, .big-title{

		font-size: 21px;

	}

	.layout-top-gallery,

	.layout-top-gallery .gallery-images,

	.layout-top-gallery .image{

		height: 220px;

	}

	.menu-box{

		width: 160px;

	}

	.special-box{

		padding: 10px;

		width: 235px;

	}

	.special-box h2{

		font-size: 25px;

	}

	.footer-bottom p{

		font-size: 13px;

	}

	.col1,

	.column{

		width: 100%;

		margin: auto;

		float: none;

	}

	.col1{

		margin-bottom: 15px;

	}

	.footer-bottom{

		padding: 30px 0 0px;

		text-align: center;

	}

	.design{

		position: relative;

		width: 167px;

		margin: 30px auto 0px;

	}

	.social{

		position: relative;

		margin: 15px 0;

		margin: auto;

		width: 220px;

		height: 21px;

		margin-bottom: 15px;

		right: 0;

		bottom: 0

	}

	.footer-top h2{

		font-size: 20px;

	}

	.footer-top a{

		font-size: 14px;

		line-height: 22px;

	}

	.services-boxes{

		text-align: center;

		margin-left: auto;

	}

	.service-box{

		float: none;

		width: 305px;

		margin: 10px auto;

	}

	.services-wrap .big-title{

		text-align: center;

		margin-top: 25px;

	}

	.map-wrap{

		height: 250px;

	}

	.contact-wrap .right{

		width: 340px;

	}

	.contact-form{

		margin: 20px;

	}

	.service-box{

		width: 48%;

		float: left;

		margin-right: 4%;	

		min-height: 160px;

	}

	.service-box img{

		height: 60px;	

	}

	.service-box.no-margin{

		margin-right: 0;

	}

	.service-box h3{

		font-size: 12px;

	}

	.accommodations-wrap .service-box img{

		height: auto;

	}

	.contact-wrap{

		margin-top: 20px;

	}

	.accommodation-links{

		right: 0;

		top: 10px;

		width: 180px;

	}

	.accommodation-links a{

		font-size: 10px;

		padding: 10px 30px;

	}

	.room-type .book-now-button{
		float: none;
	}

	.ymca-box p,
	.ymca-image
	{
		float: none;
		position: relative;
		width: 100%;
		margin: 0;
		box-sizing: border-box;
	}
	
	.ymca-image{
		height: 200px;
	}

}

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

	.menu-box.no-margin{

		margin-right: 0

	}

	.menu-box{

		width: 122px;

		height: 110px;

		margin-bottom: 10px;

	}

	.grid-4-col{

		margin-bottom: 10px;

	}



}



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

	.locations-wrap .box33{

		width: 100%;

	}

	.neighborhood-link{

		font-size: 10px;

	}

	/*.service-box{

		width: 100%;

	}*/

	.contact-wrap .right{

		width: 100%;

	}

	.contact-form input, .contact-form textarea{

		width: 90%;

	}

	.home-wrap, 

	.services-wrap, 

	.accommodations-wrap{

		padding: 20px 0;

	}

	.menu-box .title{

		right: 0;

	}

	p{

		font-size: 12px;

	}

	.special-box h2{

		font-size: 22px;

	}

	.special-box a{

		font-size: 14px;

	}

	.customer-reviews img{

		height: 30px;

		width: auto;

	}


}