@media only screen and (min-width : 320px) and (max-width : 480px) {/*--- Mobile portrait ---*/}
@media only screen and (min-width : 480px) and (max-width : 595px) {/*--- Mobile landscape ---*/}
@media only screen and (min-width : 595px) and (max-width : 690px) {/*--- Small tablet portrait ---*/}
@media only screen and (min-width : 690px) and (max-width : 800px) {/*--- Tablet portrait ---*/}
@media only screen and (min-width : 800px) and (max-width : 1024px) {/*--- Small tablet landscape ---*/}
@media only screen and (min-width : 1024px) and (max-width : 1224px) {/*--- Tablet landscape --- */}



@media screen and (max-width: 1224px) {
	.header{
		width:92%;
		left:4%;
		margin-left:0;
	}
}


@media screen and (max-width: 1023px) {
	.amenities-grid{
		max-width:800px;
	}
	.amenities-grid > div{
		width:46%;
		margin:20px 2%;
	}
	.news-box{
		width:33.33%;
	}
}

@media screen and (max-width: 980px) {
	.mobile-banner{
		display:block;
	}
	.ms-fullscreen-template{
		display:none;
	}
	.banner-left a, .banner-right a{
		line-height:26px;
		padding:20px;
		font-size:16px;
		width:100%;
	}
	.legend-siteplan{
		width:32%;
		top:5%;
		left:3%;
	}
}



@media screen and (max-width: 767px) {
	header{
		height:127px;
	}
	.top-bg{
		height:70px;
	}
	.header{
		height:70px;
	}
	.logo{
		position:absolute;
		width:90px;
		height:auto;
		top:-8px;
		z-index:100;
	}
	.logo img{
		width:100%;
	}
	nav{
		width:100%;
		float:none;
		text-align:left;
	}
	.top-bg{
		padding-top:5px;
	}
	.top-bar{
		display:none;
	}
	ul.iconList{
		position:absolute;
		top:30px;
		right:50px;
		padding:0;
		margin:0;
		float:none;
		z-index:100;
	}
	.inner-banner{
		width:100%;
		height:180px;
		background-size:200% auto;
	}
	.inner-banner.contact-map{
		height:400px;
	}
	.inner-banner iframe{
		height:400px;
	}
	.img-siteplan{
		display:none;
	}
	.img-siteplan-mobile{
		display:block;
	}
	.legend-siteplan{
		position:relative;
		top:0;
		left:0;
		width:100%;
		padding:15px 10px;
	}
	.legend-siteplan ul li{
		width:47%;
		padding-right:5%;
		display:inline-block;
	}
	.img-ground{
		position:relative;
	}
	.news-box{
		width:50%;
	}
}


@media screen and (max-width: 640px) {
	.mobile-banner{
		height:400px;
	}
	.mobile-banner-text{
		padding:20px 20px;
	}
	.link-block{
		width:90%;
		margin-left:5%;
		margin-right:5%;
		left:0;
	}
	.link-block img{
		width:100%
	}
	.link-siteplan{
		width:49%;
	}
	.link-gallery{
		width:49%;
	}
	figure.effect-sadie h2 {
		top: 36%;
	}
	figure.effect-sadie.figure2 h2 {
		font-size:20px;
	}
	figure.effect-sadie.figure3 h2 {
		font-size:20px;
	}
	.banner-left a, .banner-right a{
		line-height:22px;
		padding:10px;
		font-size:12px;
		width:100%;
	}
	.inner-banner{
		height:230px;		
	}
	.banner-location, .banner-siteplan, .banner-track, .banner-gallery, .banner-virtual-tour, .banner-design, .banner-facilities, .banner-calculator, .banner-register, .banner-news, .banner-policy{
		background-size:280% auto;
	}
	.inner-title{
		padding:10px 0;
	}
	.inner-title h1{
		font-size:20px;
		margin:0px 0 13px 0;
	}
	.inner-title p{
		font-size:12px;
	}
	.highlight-text{
		font-size:14px;
		line-height:20px;
		width:90%;
	}
	label{font-size:10px;}
	.contactLeft, .contactRight{
		width:100%;
		float:none;
	}
	.amenities-grid > div{
		max-width:360px;
		width:96%;
		margin:10px auto;
	}
}


@media screen and (max-width: 480px) {
	.mobile-banner{
		height:500px;
	}
	.mobile-banner-text{
		padding:20px 20px;
	}
	.banner-left{
		width:100%;
	}
	.banner-right{
		width:100%;
		margin-top:64px;
	}
	.inner-banner{
		height:155px;
	}
	.highlight-text{
		font-size:12px;
		line-height:18px;
	}
	.amenities-grid > div{
		font-size:12px;
	}
	.news-box{
		width:100%;
		max-width:320px;
		margin:0 auto;
	}
	.news-title{
		font-size:14px;
	}
}


@media screen and (max-width: 360px) {
	.mobile-banner{
		height:640px;
	}
	.mobile-banner-text{
		padding:80px 20px;
	}
}



@media screen and (max-width: 320px) {
	.mobile-banner{
		height:480px;
	}
	.mobile-banner-text{
		padding:30px 10px;
		font-size: 14px;
		line-height:20px;
	}
	
	.mtaglineStyle1{
		font-size:20px;
		line-height:30px;
	}
	
	.mtaglineStyle2{
		font-size:30px;
		line-height:40px;
	}
}