/* Mobile */
@media screen and (max-width:47em) {

	#filter .category-name { width:100% !important; display:block !important; }
	#filter .category-name a{ padding:10px 0 !important; }
	#filter .category-name a.active{ padding:10px 0 !important; }
	#footer h3{ font-size: 1em; font-weight:300; }

}

/* >= 0 XS */
@media screen and (min-width:0) {
	
	#hellobar { display: none; }

	#header{ height:50px; }
	#header #title{ padding:9px; }
	#header #title img{ height:30px; }
	#header #menu-mobile { display: block; }
	#header .menu-mobile { display: block; }
	
	#header ul#menu { position:absolute; top:50px;left:0;width:100%;text-align:center; border-top:1px solid #d6d7d8; display:none; padding:20px 0;z-index:99; }
	#header ul#menu { border-bottom: 1px solid #dddddd; }
	#header ul#menu li{ display: block; }
	#header ul#menu li a{ top: auto; padding:12px; display:block; }
	
	#header #social { display:none !important; }
	#filter{ display:table; }
	#filter .category-name{ font-size:0.6em; }

	#primary_nav_wrap ul li:hover > ul { display:none }
	.panel-listing .padding{ padding-right: 0px; }

}

/* >= 568 SM */
@media screen and (min-width:35.5em) {
	
}

/* >= 768 MD */
@media screen and (min-width:48em) {
	#filter .category-name{ font-size:0.6em; }
	.panel-listing .padding{ padding-right: 50px; }

}

/* >= 1024 LG */
@media screen and (min-width:64em) {

	#filter{ display:table; }
	#filter .category-name{ font-size:0.8em; }

}

/* >= 1280 XL */
@media screen and (min-width:80em) { 

	#header #title{ padding:19px; }
	#header #title img{ height:80px; }
	

	#hellobar { display: block; }

	#header{ height:134px; }
	#header #title{ padding:18px; }
	#header #menu-mobile { display: none; } 
	#header .menu-mobile { display: none !important; }
	#header ul#menu { border-bottom: 0; }

	#header ul#menu { position:relative; width:auto;text-align:left; top: inherit; border-top:0; padding:0; float:right; display:block !important; }
	#header ul#menu li{ display:table-cell; }
	#header ul#menu li a{ padding:25px 20px 25px 20px; margin: 30px 0 20px 0; height:100%;display:block; }
	
	#header #social { display:block !important; }

	
	#primary_nav_wrap ul li:hover > ul { display:block }

}