@media (max-width: 1400px) { 
	
	
}

@media (max-width: 1200px) { 
	
	/* container */
	.container {
		width:100%;
	}
	#news-features-wrapper .container {
		width:100%;
		padding: 0px 15px 0px 15px;
	}
	
	/* header */
	#header {
		padding: 0px 0px 0px 220px;
	}
	
	/* logo */
	#logo-wrapper {
		width:220px; height:120px;
		margin: 0px 0px 0px 0px;
		padding: 10px 10px 10px 10px;
	}	
	#logo span.logo-lrg {
		font-size: 28px; 
	}
	#logo span.logo-sm {
		font-size: 18px; 
	}
	
	/* nav */
	#nav {
		padding-right:0px;
	}
	#nav ul li {
		margin: 0px 0px 0px 25px; 
	}
	
	/* features grid */
	.features .col-3 {
		width: 100%;
		margin: 0px 0px 0px 0px;
		padding: 0px 15px 0px 15px;
		float: none;
	}	
	.feature-item {
		height:240px;
		margin: 0px 0px 30px 0px;
		padding: 0px 0px 0px 360px;
	}
	.feature-pic {
		position:absolute;
		width:360px; height:auto;
		top:0px; left:0px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: center;
	}
	.feature-text {
		width:100%;
		margin: 0px 0px 0px 0px;
		padding: 30px 20px 30px 20px;
		background-color:#ffffff;
		text-align: center;
	}	
	
	/* overlay booking */
	#overlay-booking {
		width:100%; height:70px;
		bottom:200px; left:0px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	.booking-col {
		background-image:none;
	}
	
}

@media (max-width: 1070px) { 

	/* stb */
	#stb {
		display:none;
	}

}

@media (max-width: 991px) { 
	
	/* header */
	#header-wrapper {
		top:0px; left:0px;
	}
	#header-wrapper .container {
		padding: 0px 0px 0px 0px;
	}
	#header {
		position: relative;
		height:80px;
		margin: 0px auto 0px auto;
		padding: 0px 0px 0px 0px;
	}	
	#header-strapline {
		display:none;
	}
	
	/* mob icon - animated */
	.nav-mob-btn {
		display:block;
	}
	
	/* nav position */
	#nav {
		position:fixed; 
		display:block; 
		width:100%; height:100%;
		left:auto; right:-100%; top:0px; 
		margin:0px 0px 0px 0px; 
		padding:80px 0px 0px 0px;
		overflow:auto; 
		z-index:100; 
		transition: all 0.5s;
	}
	body.open #nav {
		right:0px;
	}	
	/* nav styling */
	#nav nav {
		width:100%; height:100%;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background-color: #444444;
	}
	#nav ul {
		margin: 0px 0px 0px 0px;
		padding: 30px 30px 0px 30px;
		line-height: 100%;
	}
	#nav ul li {
		margin:0px 0px 15px 0px;
		padding:0px 0px 15px 0px;
		display:block;
		text-align: left;
		font-size:15px;
		font-weight:500;
		border-bottom: 1px solid rgba(255,255,255,0.2);
		line-height: 100%;
	}	
	
	/* logo */
	#logo-wrapper {
		width:auto; height:80px;
		top:0px; left:30px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background-color:#222222;
	}
	#logo {
		background-color:#222222;
	}
	#logo span.logo-lrg {
		margin: 0px 0px 5px 0px;
		padding: 18px 0px 0px 0px; 
		font-size: 26px;
	}
	#logo span.logo-sm {
		font-size: 18px;
	}
	
	/* free to book */
	/*.contact-col {
		display:none;
	}
	.booking-col {
		width:100%;
		float:none;
		background-image:none;
	}*/
	#overlay-wrapper {
		padding: 0px 0px 0px 0px;
	}
	.booking-col,
	.contact-col {
		width:50%;
	}
	#booking-text {
		display: none;
	}
	#booking-widget {
		width:100%;
		text-align: center;
	}
	
	/* footer columns */
	#footer-wrapper .col-3 {
		width:100%;
		float:none;
		padding: 0px 0px 0px 0px;
	}
	
	/* fonts */
	.content-text h1,
	#home .content-text h1 {
		font-size: 32px;
		margin: 0px 0px 40px 0px;
		padding: 0px 0px 40px 0px;
	}
	.content-text h2 {
		font-size: 22px;
		margin: 0px 0px 30px 0px;
	}
	#footer-wrapper h2 {
		font-size:22px;
	}
	
}

@media (max-width: 767px) { 	
	
	/* news */
	.news .col-2 {
		width:100%;
		float:none;
	}
	.news-item {
		margin: 0px 0px 30px 0px; 
	}
	
	/* feature items */
	.feature-item {
		height:auto;
		margin: 0px 0px 30px 0px;
		padding: 0px 0px 0px 0px;
	}
	.feature-pic {
		position:relative;
		width:100%; height:auto;
		top:auto; left:auto
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: center;
	}
	
	/* blockquote */
	#quote-wrapper blockquote {
		width:100%;
		padding:0px 30px 0px 30px;
	}
	
	/* section H2 fonts */
	.news h2,
	.features h2 {
		margin: 0px 0px 30px 0px;
		padding: 0px 20px 0px 20px;	
		font-size: 28px; 
	}
	
	.booking-col {
		width:100%;
	}
	.contact-col {
		display:none;
	}
	
}

@media (max-width: 575px) { 

	/* page spacing */
	#page-wrapper {
		padding: 40px 0px 15px 0px;
	}
	#news-features-wrapper,
	#quote-wrapper,
	#footer-wrapper {
		padding: 40px 0px 40px 0px;
	}
	
	/* content images */
	.content-text .alignleft,
	.content-text .alignright {
		width:100%!important; height:auto;
		margin:0px 0px 0px 0px;
		padding:5px 0px 0px 0px;
		float:none;
	}	
	
	/* news */
	.news-item h3 {
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 0px 0px;	
		font-size: 18px;
		font-weight: 600;
	}
	
}

@media (max-width: 480px) {
	
	/* blockquote */
	#quote-wrapper blockquote {
		padding:0px 0px 0px 0px;
	}
	#quote-wrapper blockquote p.quote {
		font-size:16px;
	}
	#quote-wrapper blockquote p.name {
		font-size:14px;
	}
	
	/* fonts */
	.content-text h1,
	#home .content-text h1 {
		font-size: 28px;
		margin: 0px 0px 30px 0px;
		padding: 0px 0px 30px 0px;
	}
	.content-text h2 {
		font-size: 20px;
		margin: 0px 0px 30px 0px;
	}
	#footer-wrapper h2 {
		font-size:22px;
	}
	
}

@media (max-width: 420px) {
	
	/* logo */
	#logo-wrapper {
		width:auto; height:80px;
		top:0px; left:20px; 
	}
	
	/* nav */
	.nav-mob-btn { 
		right:20px; 
	}
	#nav ul {
		margin: 0px 0px 0px 0px;
		padding: 30px 20px 0px 20px;
		line-height: 100%;
	}
	
}

@media (max-width: 375px) { 				
	
	/* logo */
	#logo span.logo-lrg {
		margin: 0px 0px 5px 0px;
		padding: 18px 0px 0px 0px; 
		font-size: 22px;
	}
	#logo span.logo-sm {
		font-size: 16px;
	}	
	
	/* slider */
	#slider-wrapper {
		min-height:460px;
	}
	
	/* container */
	#news-features-wrapper .container {
		width:100%;
		padding: 0px 5px 0px 5px;
	}
	#footer-wrapper .container {
		width:100%;
		padding: 0px 10px 0px 10px;
	}
	
	/* fonts */
	.content-text h1,
	#home .content-text h1 {
		font-size: 24px;
	}
	
	/* section H2 fonts */
	.news h2,
	.features h2 {
		font-size: 24px; 
	}
	
}

@media (max-width: 320px) {

	/* overlay */
	#overlay-wrapper {
		bottom:0px; left:0px; 
	}
	/* page wrapper */
	#page-wrapper {
		margin: 0px 0px 0px 0px; 
	}
	
	
}