/*-----------------------------------------------------------------------------------*/
/*	CSS3 Media Queries for Responsiveness (mobile-first, from small to big)
/*-----------------------------------------------------------------------------------*/
/* Minimum width of 500 pixels (small tablets)
------------------------------------------------------------------------------------ */
@media screen and (max-width: 400px) {

/* #General Layout Changes
================================================== */
#content .left-sidebar {
	display: none;
}
#header .slider {
	display: none;
}

/* #Text Layout Changes (css/default/style.css)
================================================== */

/* #Page Specific Changes
================================================== */


/* #Font Changes
================================================== */


/* #Widget Changes
================================================== */


/* #Footer Layout Changes
================================================== */

}

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

/* #General Layout Changes
================================================== */
#content .left-sidebar {
	display: none;
}
#header .slider {
	display: none;
}

/* #Text Layout Changes (css/default/style.css)
================================================== */

/* #Page Specific Changes
================================================== */


/* #Font Changes
================================================== */


/* #Widget Changes
================================================== */


/* #Footer Layout Changes
================================================== */

}

/* Minimum width of 768 pixels (tablets portrait)
------------------------------------------------------------------------------------ */
@media screen and (min-width: 768px) {

/* #General Layout Changes
================================================== */
#crumbs{
	display: block;
}
#content .right-sidebar { 
	padding: 30px;
}
#content .padding-main-content { 
	padding: 30px 30px 30px 30px;
}
#content .left-sidebar {
	padding: 30px;
}

/* #Text Layout Changes (css/default/style.css)
================================================== */
p, ul { 
	margin-bottom: 20px;
}

/* #Page Specific Changes
================================================== */


/* #Font Changes
================================================== */


/* #Widget Changes
================================================== */


/* #Footer Layout Changes
================================================== */

}

/* Minimum width of 1024 pixels (tablets landscape)
------------------------------------------------------------------------------------ */
@media (min-width: 768px) and (max-width: 991px) {

/* #General Layout Changes
================================================== */


/* #Text Layout Changes (css/default/style.css)
================================================== */
p, ul { 
	margin-bottom: 24px;
}

/* #Page Specific Changes
================================================== */


/* #Font Changes
================================================== */


/* #Widget Changes
================================================== */


/* #Footer Layout Changes
================================================== */

}

/* Minimum width of 1100 pixels (15' laptops + desktops)
------------------------------------------------------------------------------------ */
@media (min-width: 992px) {

/* #General Layout Changes (style.css)
================================================== */
#footer { 
}

#page {
margin: 40px 0px 0px;
}

#content {
}

/* #Text Layout Changes (css/default/style.css)
================================================== */
p, ul { 
	margin-bottom: 30px;
}

/* #Page Specific Changes
================================================== */

/* --- Header --- */

/*For fixed Header - look at custom.js */
#header .f-nav{ 
	z-index: 9999; 
	position: fixed; 
	left: 0; 
	top: 0;
	width: 100%;
	background: url(../img/bg_metall.png) repeat -100px center;
}

.zorn_logo {
	min-width: 940px;
	min-height: 93px;
	background: url(../img/bg_logo_non_retina_940.png) no-repeat;
	float: right;
	margin: 0px auto;	
}

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	.zorn_logo {
	background: url(../img/bg_logo_retina_940.png) no-repeat;
	-webkit-background-size: 940px 93px;
	background-size: 940px 93px;
	}
}

#header a#mobile-menu-btn, 
#header a#mobile-search-btn { 
	display: none; 
}

#site-title { 
	max-width: 100%;
	display: inline-block; 
	padding: 30px 0; 
	float: left; 
}

#site-title h1, #site-title h2{
	text-align: left;
} 

#site-title a { 

}
#site-title h1 {
	font-size:24px;
	font-size:1.5rem;
	padding-bottom: 0px;
}
#site-title h2 {
	font-size:18px;
	font-size:1.125rem;
}

a#desktop-search-btn, .header-widget-wrap { 
	display: block; 
}



/* --- Header Widget Area --- */ 
#header ul.headerinfo-text { 
	position: absolute; 
	top: 0; 
	right: 65px; 
	float: right; 
	display: block; 
	padding: 16px 16px 16px 0; 
	text-align: right;
} 

#header  ul.headerinfo-text li { 
	margin: 0px 0px 7px; 
	padding: 0; 
	font-size: 14px; 
	font-size: 0.875rem; 
	color: #3f3f3f; 
	font-style: italic; 
	clear: both; 
	list-style: none; 
} 

#header  ul.headerinfo-text li span { 
	display: inline-block; 
	padding: 4px 10px; 
	color: #3f3f3f;
} 
	

/* --- Main Nav + Sub-Menus --- */
#mainnav { 
	display: block !important; 
	background: url(../img/bg_metall.png) repeat -100px center; 
	position: relative; 
	padding: 0; 
}

#mainnav ul { 
	margin: 0; 
	padding: 0; 
	max-width: 1180px; 
	overflow: visible; 
	line-height: normal;
	text-align: center;
} 

#mainnav ul li { 
	position:relative; 
	display: inline-block;  
	text-align: Center;
	padding: 0px;
	
}

#mainnav ul ul{
	margin-top: 0px;
}
#mainnav ul .current-menu-parent ul.sub-menu{ 
	border-left: 0px solid #ff0000 !important;
}

#mainnav li a { 
	font-size: 14px; 
	font-size: 0.875rem; 
	color: rgba(0, 0, 0, 0.7); 
	font-weight: 400;
	width: 156.5px;
	background: url(../img/bg_mainNav1box_li.png) no-repeat right bottom;
	padding: 15px 0px; 
}
 
#mainnav li.menu-item-last a:first-child {
	background: none; 
	}  

#mainnav ul.sub-menu, #mainnav ul.children { 
	display: none; 
	position: absolute; 
	top: 46px; 
	left: 0; 
	width: 220px; 
	border: none;
	padding: 0;
	text-align: left; 
	background: url(../img/bg_metall.png) repeat scroll center top; 
}

#mainnav li.current_page_item a, #mainnav li.current-menu-item a {
	color: rgba(0, 0, 0, 0.5); 
}
 
#mainnav ul.sub-menu ul, #mainnav ul.children ul { 
	display: none; 
	top: 0; 
	left: 220px; 
	z-index: 99999; 
} 

#mainnav li li { 
	position:relative; 
	display: block; 
	float:none; 
	margin: 0; 
	padding: 0; 
	font-weight: 400;
} 

#mainnav li li a { 
	font-weight: 400; 
	letter-spacing: 0; 
	color: rgba(0, 0, 0, 0.6); 
	display: block; 
	margin: 0; 
	padding: 15px 20px;
	background: url(../img/bg_mainNav1box_mainNav1_1_li.png) no-repeat center bottom; 
	width: 100%; 
	text-align: left;
} 

#mainnav li li a:hover { 
	color: #3f3f3f; 
} 

#mainnav li li li { 
	display: block; 
	padding: 0; 
} 

#mainnav ul li:hover > ul { 
	display: block; 
	-webkit-transition: all 0.5s ease-in-out; 
	-moz-transition: all 0.5s ease-in-out; 
	-o-transition: all 0.5s ease-in-out; 
	transition: all 0.5s ease-in-out; 
} 

#mainnav li:hover > a { 
	color: #FFF;
} 

#mainnav li:hover, #mainnav li a.menu-item-act { 
	color: #FFF;
	background: #04345C url(../img/bg_mainNav1box_li.png) no-repeat right bottom; 
}
#mainnav li li a.menu-item-act { 
	color: #990000;
	background: url(../img/bg_mainNav1box_mainNav1_1_li.png) no-repeat center bottom;  
}  


#mainnav li li:hover > a { 
	color: #990000 !important;
	background: url(../img/bg_metall.png)!important;
}

/* ---  Sub-Menus --- */
#subnav1 { 
	background: url(../img/bg_metall.png) repeat -100px center; 
	position: relative; 
	padding: 0;
	margin-top: 20px; 
}

#subnav1 ul { 
	margin: 0; 
	padding: 0; 
	line-height: normal;
} 

#subnav1 ul li { 
	position:relative; 
	display: inline-block;  
	text-align: Center;
	min-width: 20%;
	background: url(../img/bg_mainNav1box_mainNav1_1_li.png) no-repeat center bottom;
	
}

#subnav1 li a { 
	font-size: 14px; 
	font-size: 0.875em; 
	color: rgba(0, 0, 0, 0.7); 
	font-weight: 400;
	padding: 10px;
	display: inline-block;
	min-width: 100%;
	
}
 
#subnav1 li.menu-item-last a:first-child {
	background: none; 
}  

#subnav1 li.current_page_item a, #subnav1 li.current-menu-item a {
	color: rgba(0, 0, 0, 0.7); 
}

#subnav1 li:hover > a { 
	color: #FFF;
} 

#subnav1 li:hover { 
	color: #FFF;
	background: #04345C url(../img/bg_mainNav1box_li.png) no-repeat right bottom; 
}
#subnav1 li a.menu-item-act {
	color: #FFF;
	background: #04345C url(../img/bg_mainNav1box_mainNav1_1_li.png) no-repeat right bottom; 
}  

/* --- Header Search --- */ 
a#desktop-search-btn { 
	position: absolute;
	top: 15px; 
	right: 0; 
	width: 58px; 
	height: 58px; 
	display: inline-block; 
	background: #f4f4f4; 
	z-index: 10000; 
	text-align: center; 
} 

a#desktop-search-btn:before, a#desktop-search-btn.btn-open:before { 
	content: '\f400'; 
	display: inline-block; 
	-webkit-font-smoothing: antialiased; 
	font: normal 28px/1 'Genericons'; 
	vertical-align: top; 
	color: #bbb;
	padding-top: 15px; 
} 

a#desktop-search-btn.btn-open:after { 
	content: '\f503'; 
	display: inline-block; 
	-webkit-font-smoothing: antialiased; 
	font: normal 15px/1 'Genericons'; 
	vertical-align: bottom; 
	padding: 0; 
	position: absolute; 
	top: 23px; 
	right: 57px; 
	z-index: 10000; 
} 

a#desktop-search-btn.btn-open:before, a#desktop-search-btn:hover:before { 
	color: #fff !important; 
} 

a#desktop-search-btn span { 
	display: none; 
} 

#search-wrap {
	position: relative; 
	display: block !important; 
	width: 20%; 
	margin: 15px 52px 15px 0; 
	padding: 0; 
	background: none; 
	float: right; 
} 

#search-wrap #s { 
	display: none; 
	width: 220px; 
	background: #efefef !important; 
	padding: 0 66px 0 16px; 
	height: 58px; 
	float: right; 
	color: #a3a3a2; 
}


/* #Font Changes
================================================== */


/* #Widget Changes
================================================== */


/* #Footer Layout Changes
================================================== */



}
/* Minimum width of 1170 pixels (tablets landscape)
------------------------------------------------------------------------------------ */
@media (min-width: 1200px) {

/* #General Layout Changes
================================================== */
.zorn_logo {
	min-width: 1140px;
	min-height: 113px;
	background: url(../img/bg_logo_non_retina_1140.png) no-repeat;
	margin: 0px auto;	
}

@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
	.zorn_logo {
	background: url(../img/bg_logo_retina_1140.png) no-repeat;
	-webkit-background-size: 1140px 113px;
	background-size: 1140px 113px;
	}
}

/* #Page Specific Changes
================================================== */
#mainnav li a{ 
	width: 187px;
}

/* #Font Changes
================================================== */


/* #Widget Changes
================================================== */


/* #Footer Layout Changes
================================================== */

}



}