@media only screen 
and (min-width : 1000px) {
	
}

@media only screen 
and (max-width : 1200px) {
	
	.content {
		padding: 5% 20px 5% 210px !important;
	}
}

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

	#page-1 p {
		display: none;
	}
	
	#page-1 p.first {
		display: block;
	}

	#logo {
		height: 140px;
		width: 140px;
		border-radius: 140px;
		background-color: #fff;
	}

	#page-2 ul li label {
		width: 50%;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
	
	#page-2 ul li.box {
		max-width: 90%;
	}
	
	#page-2 ul li.before label {
		width: 100%;
	}
	
	.col {
		float:none;
		width:100%;
	}
}
	
	
@media only screen 
and (max-width : 600px) {

	.hide-mobile,
	.mobile_overlay p {
		display: none;
	}

	.show-mobile {
		display: block;
	}
	
	.mobile_overlay p.first {
		display: block !important;
	}

	#toplink {
		text-align: right;
		width: 70%;
		padding-left: 25%;
		padding-right: 5%;
	}

	#logo {
		height: 100px;
		width: 100px;
		border-radius: 60px;
		background-color: #fff;
	}
	
	#page-1 .info {
		max-width: 50%;
	}
	
	#menu {
		width: 100%;
		height: auto;
		padding: 50px 0 0 0;
		background: #fff;
	}
	
		#menu ul {
			top: auto;
			position: relative;
		}
	
		#menu ul li a {
			font-size: 80%;
			padding: 10px;
		}
		
		#menu ul li {
			float: left;
		}
		
	#page-5,
	.slider {
		height: 75%;
	}
	
	.slider li img {
		height: 100%;
		width: auto;
		min-width: 100%;
	}
	
	.content {
		padding: 5% 20px !important;
	}
	
	.slider .nav .left {
		margin: 0 0 0 15px;
	}	
	
	.slider .nav a {
		padding: 20px 15px;
	}
	
	.slider .nav a,
	.slider .nav abbr {
		width: 20px;
		height: 30px;
	}
	
		.slider .nav abbr > div {
			width: 175px !important;
			height: 115px !important;
		}
			
		.slider .nav .right abbr > div {
			left: -20px !important;
		}

	.ui-datepicker {
		width: 100% !important;
	}
		
	.ui-datepicker-calendar td,
	.ui-datepicker-calendar th {
		padding: .5em;
	}
	
	#map-switch {
		width: 80%;
		padding: 10px 5%;
		margin: 0 5% 5% 5%;
		overflow: hidden;
	}
	
	#map-switch li {
		float: left;
		width: 50%;
	}
	#map-switch a {
		min-width: auto;
	}
	
	#radial-loader {
		width: 60px;
		height: 60px;
	}
	
	#radial-loader .sprite {
		width: 30px;
		height: 20px;
		margin: -10px 0 0 -15px;
	}
	
	#radial-loader .sprite > div {
		top: -50px;
		width: 260px;
		height: 175px;
	}
	
	#radial-loader .sprite.pause > div {
		left: -60px;
	}
}

@media only screen 
and (max-width : 600px)
and (orientation: landscape) {
	#page-5,
	.slider {
		height: 100%;
	}
}