/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

@import url(../warp/css/responsive.css);


/* Breakpoints
----------------------------------------------------------------------------------------------------*/

/* All except large Screens */
@media (max-width: 1220px) {

	/*#headerbar .homeBanner { background: url(../images/header.jpg) no-repeat center; width: 100%; box-shadow: 1px 0 0 0 #FFFFFF inset, 0 1px 0 0 #FFFFFF inset, -1px 0 0 0 #FFFFFF inset; border-bottom: none; height: 147px}
	#headerbar .homeBanner p, #headerbar .homeBanner img { display: none}

	.topheader, #headerbar .homeBanner, #headerbar { height: 144px; padding-top: 0}*/
	#headerbar #logo { top:-15px}
}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {
	.menubg #logo { bottom: 40px; width: 200px; left: 40px; }
	.menu-dropdown a.level1 > span { padding: 0 8px; }
	.homePorts, #footer-base, #google_translate_element, .prevEvent, .nextEvent {display: none}

	.width75, .width25 { width: 100%;}

	#headerbar .homeBanner { box-shadow: none}

	#menu { float: none}
	#menu ul.menu { float: none; width: 100%; text-align: center;}
	#menu ul.menu li { display: inline-block; float: none}
	.menu-dropdown a.level1, .menu-dropdown span.level1 { font-size: 15px}
	.wk-slideshow img { width: 100%; }
		#footer { text-align: center}
	#footer .module { margin:10px 0;}
	.float_div { width: 100%!important; padding: 0!important; }
	.float_div h3 { min-height: initial; }
}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {

}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

	/* Layout */
	#search, #headerbar .homeBanner p { display: none; }



}

/* Only Phones */
@media (max-width: 767px) {

	/* Layout */
	#toolbar,
	#headerbar,
	#menubar,
	#breadcrumbs,
	#totop-scroller,
	#breadcrumb,
	.homeEvents .prevEvent,
	.homeEvents .nextEvent,
	.menubg #logo,
	.wk-content-div,
	.upcomingLink { display: none; }

	#header, .topheader { height: 154px; overflow: hidden;}
	/*#header-responsive {background: url(../images/header.jpg) no-repeat center; width: 100%; border-bottom: none; height: 104px}*/
	#header-responsive .logo { top:-8px; text-align: center; width: 250px; display: block; position: absolute; z-index: 3}
	#header-responsive .logo img { float: none; width: 58%;}
	#header-responsive .searchbox { display: none}

	.menu-responsive { position: absolute; top: 104px; left: 0; z-index: 6}

	.menu-responsive {
	border:none;
	width:100%;
	padding: 15px;
	height: 50px;
	-webkit-appearance: none;
	border-radius: 0;
	font-family:"myriad-pro";
	text-shadow:0 1px 0 rgba(255,255,255,0.8);
	font-size: 18px;
	background:url(../images/mobile-menu-icon@2x.png) no-repeat 98% center;
	background-size: 19px 19px, 100%;
	}

	.wk-slideshow-showcasebox, .quickAccess ul { height: auto;}
	.quickAccess ul li a { padding: 13px 15px;}



	.menubg { position: absolute; top: 104px; width: 100%; z-index: 2; left: 0; }

	.menu-responsive:hover { color:#8b0e04}

	.module h3.module-title { display: none}
	.module.showTitle h3.module-title { display: block}

	#homeEvents { padding: 10px 0}



}

@media (min-width: 960px) and (max-width: 980px) {
	.homePorts .module, #bottom-a .width25 .module { margin-left: 0; }

}


/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {



}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

	/* System */
	#system .items .item,
	#system .items .item:first-child {
		margin-top: 12px;
		padding-top: 18px;
		border-top-width: 1px;
	}

	#system .items :first-child .item:first-child {
		margin-top: 0;
		padding-top: 0;
		border-width: 0;
	}

	#system .items .leading .item {
		margin-bottom: 0;
		padding-bottom: 0;
		border-width: 0;
	}

}

/* Custom */
@media (min-width: 379px) (max-width: 650px) {

	.wk-zoo-item div.media-left { margin:0; width: 50%; margin-bottom: 10px; margin-right: 20px;}
	.wk-zoo-item div.media-left img { width: 100%}

}

@media (max-width: 379px) {

	.wk-zoo-item div.media-left { margin:0; width: 100%; margin-bottom: 10px;}
	.wk-zoo-item div.media-left img { width: 100%}

}