@media only screen 
and (min-device-width : 200px) 
and (max-device-width : 799px) {
	#header{ height: auto; padding: 10px 20px; }
	#header #logo{ float: none; display: block; margin: 0 auto; padding: 5px; }
		#header #logo img{ display: block; margin: 0 auto; }
	#header div.social{ position: relative; right: auto; top: auto; display: block; padding: 5px 0px; text-align: center; }
		#header div.social a{ display: inline-block; margin: 0 3px 0 0; padding: 5px; background-color: transparent; color: #333333; border-radius: 3px; font-size: 28px; font-weight: normal; text-decoration: none; vertical-align: middle; }
			#header div.social a.home{ font-size: 24px; }
			#header div.social a.pixons{ font-family: 'pixons'; }
			#header div.social a:hover{ background-color: #e91212; color: #ffffff; }
	#header #___gcse_0{ position: relative; right: auto; top: auto; display: block; margin: 0 auto; width: 280px; }
	#header>#mainnav{ display: none !important; visibilility: hidden !important; }
	#header>#mobilenav{ display: block; visibility: visible; }
	#lcoltri{ display: none !important; visibilility: hidden !important; }
	#mcoltri{ float: none; display: block; width: 100% !important; }
	#rcoltri{ display: none !important; visibilility: hidden !important; }
}

@media only screen 
and (min-device-width : 800px) 
and (max-device-width : 999px) {
	#header>#mainnav li a{ padding: 15px 5px 10px; font-size: 13px; }
	#lcoltri{ display: none !important; visibilility: hidden !important; }
	#mcoltri{ width: 70%; }
	#rcoltri{ width: 30%; }
}

@media only screen 
and (min-device-width : 1000px) 
and (max-device-width : 1120px) {
	#header>#mainnav li a{ padding: 15px 10px 10px; }
}