/*	Width < 1250
************************************************************ */

@media (max-width: 1250px) {

	#submenu ul li a {
		padding-left: .25em;
		padding-right: .25em;
	}

}

/*	Width < 1200
************************************************************ */

@media (max-width: 1200px) {

	#submenu ul {
		font-size: 15px;
	}

}

/*	Width < 1100
************************************************************ */

@media (max-width: 1100px) {

	#submenu ul li:first-child {
		margin-left: 0;
	}

}


/*	Width < 950
************************************************************ */

@media (max-width: 950px) {

	#pagehead #mainmenu {
		font-size: 16px;
	}

	#pagehead #mainmenu li a {
		padding-left: .2em;
		padding-right: .2em;
	}

		#pagehead #mainmenu li.active {
			padding-top: 41px;
			padding-bottom: 41px;
			margin-top: -41px;
			margin-bottom: -41px;
		}

	#submenu ul {
		font-size: 13px;
	}

	#submenu ul li a {
		padding-left: .2em;
		padding-right: .2em;
	}

	#about #aboutwrap2 {
		width: 490px;
	}

}


/*	Width < 850
************************************************************ */

@media (max-width: 850px) {

	#pagehead #logo {
		height: 60px; width: auto;
		margin: 20px 0 0 13px;
	}

	#pagehead #aprlogo {
		height: 55px; width: 55px;
		margin: 22px 25px 0 0;
	}

	#about #aboutwrap2 {
		padding-left: 90px;
	}

	#pagefoot #footcopy {
		margin-right: 25px;
	}

	#findistyle {
		margin-left: 25px;
	}

	#submenu ul {
		font-size: 12px;
	}

}


/*	Width < 800
************************************************************ */

@media (max-width: 800px) {

	#pagehead #mainmenu li a {
		padding-left: .1em;
		padding-right: .1em;
	}

	#about #aboutwrap2 {
		width: 80%;
		padding-left: 10%;
		padding-right: 10%;
	}

}


/*	Width < 760
************************************************************ */

/* iPhone landscape: */

@media (max-width: 760px) {

	#pagehead {
		height: 85px;
	}

		#pagehead #logo {
			margin-top: 4px;
			margin-left: 0px;
		}

		#pagehead #aprlogo {
			margin-top: 7px;
			margin-right: 10px;
		}

		#pagehead #mainmenu {
			height: 70px;
			line-height: 70px;
			font-size: 12px;
			-webkit-tap-highlight-color: rgba(0,0,0,0);
		}

				#pagehead #mainmenu li a {
					padding-left: .5em;
					padding-right: .5em;
				}

				#pagehead #mainmenu li.active {
					padding: 30px 40px 28px 50px;
					margin: -30px -40px -28px -50px;
				}

				#pagehead #mainmenu li.active:before {
					border: 0;
				}

		#submenu.on {
			top: 85px;
		}

		#submenu ul {
			line-height: 30px;
		}

	#footcopy {
		display: none;
	}

	#about h1 {
		font-size: 32px;
		padding-bottom: 10px;
	}

	#about p {
		font-size: 14px;
		line-height: 18px;
		padding-bottom: 12px;
	}

	#about #closeabout {
		right: 10px;
	}

		#about.on #closeabout {
			top: 130px;
		}

	#about #aboutwrap1 {
		top: 85px;
		bottom: 40px;
	}

	.tooltip {
		width: 239px;
		margin-left: 130px;
	}

	.tooltip .details {
		float: none;
		width: 100%;
	}

	.tooltip .timetable {
		display: none;
	}

	#map {
		top: 85px;
		bottom: 0;
	}

	#pagefoot {
		background: none;
		overflow: visible !important;
		box-shadow: 0;
		height: 0;
	}

	#findistyle {
		-webkit-transform: translateY(-50px);
		   -moz-transform: translateY(-50px);
		        transform: translateY(-50px);
		margin-left: 10px;
	}

}


/*@media (max-width: 650px) {
	#pagehead #mainmenu li[data-submenu="online_store"] {
		display: none;
	}
}*/

@media (max-width: 550px) {
	#pagehead #mainmenu li[data-submenu="about"],
	#pagehead #mainmenu li[data-submenu="training"]:after {
		display: none;
	}
}


/* iPhone portrait: */

@media (max-width: 667px) {

	#pagehead {
		height: 115px;
		text-align: center;
		overflow: hidden;
	}

		#pagehead #logo {
			height: 75px;
			float: left;
			margin: -1px 0 0 4px;
		}

		#pagehead #aprlogo {
			margin: 9px 15px 0 0;
		}

	#pagehead #mainmenu {
		margin-top: 75px;
		height: 50px;
		line-height: 20px;
		width: 100%;
		position: absolute;
		z-index: 200;
	}

		#pagehead #mainmenu li.active {
			padding: 10px 40px 8px 50px;
			margin: -10px -40px -8px -50px;
		}

	#pagehead #mainmenu li[data-submenu="about"],
	#pagehead #mainmenu li[data-submenu="training"]:after {
		display: none;
	}

		#submenu.on {
			top: 115px;
		}

	#submenu ul {
		margin-top: 22px;
	}

	#aboutbtn {
		display:none;
	}

	#map {
		top: 115px;
	}

	#about #aboutwrap1 {
		top: 115px;
	}

	#about #aboutwrap2 {
		width: 70%;
		padding-left: 15%;
		padding-right: 15%;
		margin: 25px auto;
	}

.tooltip {
	display: none;
}

#iphone_tooltip.on {
	height: 100%;
	opacity: 1;
}

#iphone_tooltip .tooltip {
	display: block;
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	min-height: 0;
	padding: 0; margin: 0;
	z-index: 5000;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	opacity: 1;
}

	#iphone_tooltip .tooltip header {
		position: fixed;
		top: 0; left: 0;
		width: 90%;
		padding: 20px 5%;
		margin: 0;
	}

	#iphone_tooltip .tooltip .details,
	#iphone_tooltip .tooltip .timetable {
		display: block;
		float: none;
		width: 90%;
		padding: 35px 5%;
	}

		#iphone_tooltip .tooltip .details {
			padding-top: 95px; /* 35+60 */
		}

	#iphone_tooltip .tooltip header,
	#iphone_tooltip .tooltip .details {
		border-bottom: 1px solid #bbb;
		border-bottom: 1px solid rgba(0,0,0,.2);
	}

	#iphone_tooltip .tooltip:after {
		border: 0;
	}

}


/* iPhone/Smartphones in landscape: */

@media (max-device-width: 320px) and (max-device-height: 480px) and (min-width: 321px),
(max-device-width: 640px) and (max-device-height: 960px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 641px) {

	body:before {
		content: "";
		display: block;
		position: absolute;
		top: 0; left: 0;
		width: 100%; height: 100%;
		background: #fff url(../img/iphone_landscape.png) center center no-repeat;
		background-size: 250px 80px;
		z-index: 10000;
	}

}