@charset "utf-8";
/* CSS Document */

@media screen and (min-width:0) and (max-width:1350px){
nav{width: 30%; right: -30%}
}
@media screen and (min-width:0) and (max-width:1250px){
h1{font-size: 50px; margin-bottom: 40px}
header{padding: 20px 15px}
.midsec{max-width: 100%}
.acctxt{padding: 50px}
.apartmentsec > ul > li{width: 33.33%}
footer{padding: 30px 15px}
.footerlogo img{left: 0}
.menuicon{right: 20px;}
}
@media screen and (min-width:0) and (max-width:1023px){
h2{font-size: 35px;}
h3{font-size: 28px;}
h5{font-size: 18px;}
nav{width: 45%; right: -45%}
.btn{font-size: 15px;}
.acctxt{padding: 20px}
.overacctabsec{font-size: 16px;}
.overviewlftcontent, .overviewrgtcontent{width: 100%; padding: 0}
.overviewrgtcontent{padding-top: 20px}
}

@media screen and (min-width:0) and (max-width:800px){
.apartmentsec > ul > li{width: 50%}
.aboutleftcontent, .aboutrgtcontent{width: 100%; padding: 0}
.aboutrgtcontent{padding-bottom: 50px}
}

@media screen and (min-width:0) and (max-width:800px){
	@media screen and (orientation:landscape) {
		.banenrlogo img{width: 60%}
		.bannerbottomtagline{position: static; padding: 20px 20px 0}
			.banner{height: 100% !important;}
				.homebanner	{height: 100% !important;}
	 }
}

@media screen and (min-width:0) and (max-width:767px){
	.banner, .page-template-template-about .banner{height: 60%;}
	.homebanner	{		height: 100%;	}

footer .midsec{padding: 0 50px 0 100px}
nav{width: 100%; right: -100%}
.accimage, .acctxt{width: 100%}
.homeaccommodationlist ul li > div{min-height: 0}
.homeaccommodationlist ul li > div.accimage{min-height: 300px}
.backtotop{font-size: 0}
.comingsoon .displayinline{padding: 50px 0; }
.termslink span:nth-child(1){ display: none}
.termslink span:nth-child(2){ display: inline-block}
.downloarrow{bottom:40px}
}

@media screen and (min-width:0) and (max-width:640px){
h1{font-size:30px;}
h2{font-size: 28px;}
h3{font-size: 24px;}
h5{font-size: 16px;}
.locationdetails ul li{width: 100%; border: 0; border-bottom:1px solid #c2691a; padding: 20px 0}
.locationdetails ul li:last-child{border-bottom: 0}
.apartmentsec > ul > li{width: 100%}
nav ul li a{font-size: 20px;}

}

@media screen and (min-width:0) and (max-width:500px){
.aboutleftcontent{font-size: 30px}
.accimage > div{min-height: 350px;}
.footerPhNo{clear: both; display: block; margin-top: 5px;}
.footerPhNo:before{display: none;}
}

@media screen and (min-width:0) and (max-width:380px){
footer .midsec{padding: 0 50px 0 80px}
.footerlogo img{width: 70px}
}