/*
Responsive Template Name: RS-MQF 1200 V.2
File: Media Queries CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

@-ms-viewport{width:device-width;} /* http://msdn.microsoft.com/en-gb/library/ie/hh869615%28v=vs.85%29.aspx */

/* 240 + 320px */

@media screen and (min-width:240px) and (max-width:360px) {
	#header, #topnav, #container, #footer{max-width:95%; margin:0 auto;}
	
	#topnav ul{display:none;}
	
	.one_half, 
	.one_third, .two_third, 
	.one_quarter, .two_quarter, .three_quarter, 
	.one_fifth, .two_fifth, .three_fifth, .four_fifth, 
	.one_sixth, .two_sixth, .three_sixth, .four_sixth, .five_sixth{display:block; float:none; width:auto; margin:0 0 2% 0; padding:0;}
	
	#header #hgroup{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0;}
	
	#header, #footer{text-align:center;}
	#footer p{float:none; line-height:1.6em;}
	#footer p:first-child{margin-bottom:8px;}
	#footer h3 {float:none !important; text-align: center;}
	.caption { display:block; width:100%; background:#16211e; padding:2px 0  0px 0; text-align:center;   }
	.caption a {  color:#fff; display:block; text-align:center; width:100%; margin:0 auto;   }
	.sssnext, .sssprev { width: 73px;
	height: 100%;
	margin: 0;
	position: absolute;
	top: 0; background: url('../sss/images/arr_mobile.png') no-repeat !important; }
	.sssprev {
	left: 3%;
	background-position: 0 50%  !important;
}.sssnext {
	right: 3%;
	background-position: -72px 50% !important;
}
	.slider h3 a{ font-family: 'tfarrowmedium'; font-size:1em;  }
	.slider a  {font-size:1em; }
	
	.resort_title { display:none !important;}

.full_width_cont,.resort_cont{ text-align:center; width:90%; margin:0 auto; color:#111b20; font-size:1em !important;   }
.resort_cont h2 { font-size:1.7em !important;   }
.full_width .half_content { width:100% !important; margin:0 auto;  font-size:1.05em !important; text-align: justify; }
.full_width_half  {width:90%; margin:0 auto; }


}	

/* 480px */

@media screen and (min-width:361px) and (max-width:600px) {
	#header, #topnav, #container, #footer{max-width:95%; margin:0 auto;}
	#topnav ul{display:none;}
	#footer p{float:none;}
	#footer p:first-child{margin-bottom:8px;}
	
	#footer h3 {float:none !important; text-align: center;}
	.caption { display:block; width:100%; background:#16211e; padding:2px 0  0px 0; text-align:center;   }
	.caption a {  color:#fff; display:block; text-align:center; width:100%; margin:0 auto;   }
	.sssnext, .sssprev { width: 73px;
	height: 100%;
	margin: 0;
	position: absolute;
	top: 0; background: url('../sss/images/arr_mobile.png') no-repeat !important; }
	.sssprev {
	left: 3%;
	background-position: 0 50%  !important;
}.sssnext {
	right: 3%;
	background-position: -72px 50% !important;
}
	.slider h3 a{ font-family: 'tfarrowmedium'; font-size:1em;  }
	.slider a  {font-size:1em; }
	
	.resort_title { display:none !important;}

.full_width_cont,.resort_cont{ text-align:center; width:90%; margin:0 auto; color:#111b20; font-size:1em !important;   }
.resort_cont h2 { font-size:1.7em !important;   }
.full_width .half_content { width:100% !important; margin:0 auto;  font-size:1.05em !important; text-align: justify; }
.full_width_half  {width:90%; margin:0 auto; }
	



}

/* 768px */

@media screen and (min-width:601px) and (max-width:800px) {
	#header, #topnav, #container, #footer{max-width:95%; margin:0 auto;}
}

/* 960px */

@media screen and (min-width:960px) {
	#header, #topnav, #container, #footer{max-width:95%; margin:0 auto;}
}

/* 1028px */

@media screen and (min-width:1028px) {
	#header, #topnav, #container, #footer{max-width:95%; margin:0 auto;}
}

/* 1200px */

@media screen and (min-width:1200px) {
	#header, #topnav, #container, #footer{max-width:1130px; margin:0 auto;}
	.caption { display:block; text-align:center; margin-top:-140px; margin-bottom:70px;   }
	.caption a {background:#fff;  padding:0.1em 0.3em 0;  color:#d9445f; opacity:0.9 }
	a.button { color:#fff!important; background:#e7a02e !important; font-size:1.3em !important;  padding:0.5em 0.6em;  }
	
}

/* Hide The Jquery Generated Navigation Form from 601px upwards */

@media screen and (min-width:601px) and (max-width:1920px) {
	#topnav form{display:none;}
}