/* MEDIA QUERIES // ------------------------ // */
@media handheld, only screen and (max-width: 980px) {
#navBlock.main-menu { width: auto; padding: 0px 10px; }
.mainMenu { width: auto; }
#headerBlock { width: auto; margin: 0px 10px; }
#mainBlock { width: auto; height: auto; padding: 10px 10px 0px 10px; }
#contentBar { width: auto; }
#animatedBanner,
#contentBanner { width: auto; height: auto; margin: -15px -15px 20px -15px; }
#contentBanner img { max-width: 100%; width: auto; height: auto; }
#footerBlock { width: auto; padding: 10px 10px; }
}
@media handheld, only screen and (max-width: 960px) {
.mainMenu li a {
	font: 300 14px/50px 'Open Sans', sans-serif; }
}
@media handheld, only screen and (max-width: 840px) {
.mainMenu li a {
	font: 300 14px/50px 'Open Sans', sans-serif;
	padding: 0px 0px 0px 2px; }
.mainMenu li a:after { content: '|'; width: 3px; padding-left: 2px; overflow: hidden; color: #ff9933; }
#logoBar { width: 360px; height: auto; }
#logoBar img { max-width: 100%; width: auto; height: auto; }
}
@media handheld, only screen and (max-width: 650px) { 
/* PUSHY MENU */
#navBlock.pushy { z-index: 90; position: absolute; top: 0; }
button.menu-btn { 
	display: block;
	color: #fff;
	padding: 5px;
	background: #464646;
	line-height: 20px;
	border: none;
	padding: 5px;
	margin: 0px;
	cursor: pointer;
	z-index: 99; }
button.menu-btn:hover { background: #000; }
button.menu-btn strong { font-size: 16px; line-height: 20px; }
html, body { overflow-x: hidden; -webkit-tap-highlight-color: rgba(0,0,0,0); /* height: 100%; */ }
.pushy {
	position: fixed;
	width: 200px;
	height: 100%;
	top: 0px;
	z-index: 9999;
	background: #333332;
	-webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
	-moz-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
	box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
	overflow: auto;
	-webkit-overflow-scrolling: touch; }
.pushy ul { display: block; width: 200px; margin: 0px; padding: 0px; list-style: none; }
.pushy li a {
	display: block;
	color: #b3b3b1;
	font-weight: 700;
	padding: 15px 10px 15px 10px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	border-top: 1px solid rgba(255, 255, 255, .1);
	text-decoration: none; }
.pushy a:hover { background: #1b90c6; color: #FFF; }
.pushy li li a { padding: 10px 10px 10px 20px; font-weight: 300; }
.pushy-open {
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0); }
.container-push, .push-push {
	-webkit-transform: translate3d(200px,0,0);
	-moz-transform: translate3d(200px,0,0);
	-ms-transform: translate3d(200px,0,0);
	-o-transform: translate3d(200px,0,0);
	transform: translate3d(200px,0,0); }
.pushy, #container, .push {
	-webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
	-moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
	-o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
	transition: transform .2s cubic-bezier(.16, .68, .43, .99);
	/* improves performance issues on mobile*/
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000; }
.site-overlay { display: none; }
.pushy-active .site-overlay {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 200px;
	z-index: 9999; }
/* PUSHY MENU */
#headerBlock { min-height: 0; margin: 0px 10px 0px 10px; }
#logoBar { width: 50%; }
#headerLinks { margin: 0px 0px 0px 0px; top: -30px; position: absolute; right: 0px; border-bottom: none; }
#headerLinks ul li { padding: 0px 0px; }
#headerBookings { width: 50%; margin: 20px 0px 20px 0px; text-align: right; }
#headerNewsletter { width: 210px; }
#headerNewsletter label { text-align: right; float: right; }
#mainBlock { padding: 10px 10px 0px 10px; }
#leftBar, 
#rightBar { width: auto; float: none; }
#commSupport .commSupportContent, 
#commSupport .commSupportCounter { width: auto; float: none; padding: 2% 2% 0 2%; }
#commSupport .commSupportCounter { padding: 2%; }
#footerBlock { font-size: 11px; line-height: 14px; }
#footerBlock h3 { font-size: 13px; }
}
@media handheld, only screen and (max-width: 520px) {
#rightBar.articleFeed article { width: 80%; margin: 0 auto 15px auto; float: none; }
}
@media handheld, only screen and (max-width: 360px) {
#logoBar { width: 100%; }
#headerLinks ul { font: normal 10px/10px 'Open Sans', sans-serif; }
#headerBookings { width: auto; margin: 0px 0px 20px 0px; text-align: center; float: none; }
#headerNewsletter { width: 210px; margin: 0px auto 10px auto; float: none; }
#headerNewsletter label { text-align: center; width: 210px; }
#animatedBanner { display: none; }
#rightBar.articleFeed article { width: 96%; margin: 0 1% 15px 1%; }
#footerBlock .footerLinks { width: 48%; margin: 0 1% 15px 1%; }

#contentBar td { display: block; width: auto !important; }
#contentBar td img,
#contentBar img { max-width: 100%; width: auto; height: auto; }

}