@media (max-width:1050px){
	#header{ padding: 20px 10px; }
		#header #logo{ left: 10px; }
	#mainnav>li>a{ font-size: 14px; }
	#testimonialsslider div.content p.testimonial{ font-size: 14px; }
	#projectslist a{ height: 200px; }
}
@media (max-width:768px){
	.mobile{ display: block; }
	.lcol,
	.rcol,
	.mobileblock{ float: none !important; clear: both !important; display: block !important; width: 100% !important; }
	#socialnav{ display: none; }
	#topnav{ display: none; }
	#mainnav{ display: none; }
	#mobilenavlink{ display: block !important; }
	/*#header #logo img{ height: 30px; }*/
	.padder{ padding: 10px; }
	.doublebar .panel{ clear: both; float: none !important; display: block; width: 100% !important; height: auto !important; margin: 0 0 30px !important; }
	#projectslist a{ width: 30%; margin: 1.49%; }
	#slider div.content{ left: 0; bottom: 0; right: 0; width: 100%; background-color: rgba(255,255,255,0.75); }
	#slider .cycle-pager{ bottom: 10px; width: 100%; text-align: center; }
	#servicesbar>div{ float: none !important; clear: both !important; display: block !important; width: 100% !important; margin: 0 0 50px !important; padding: 0 0 50px !important; border-bottom: dashed 1px #333333; }
		#servicesbar>div:last-child{ border-bottom: none; }
		#servicesbar>div p.icon span{  }
}
@media (max-width:740px){
	.doublebar .panel h2{ text-align: center; }
		.doublebar .panel h2 a{ position: relative; display: block; margin: 10px auto 20px; text-align: center; }
	#projectsslider{ height: 300px; }
		#projectsslider li{ height: 300px; }
			#projectsslider div.content p.summary{ display: none; }
#projectslist a{ float: none !important; clear: both !important; display: block !important; width: 100% !important; margin: 0 0 15px !important; }
#projectpane div.content div.left{ float: none !important; clear: both !important; display: block !important; width: 100% !important; height: 25% !important; margin: 0 0 30px !important; }
#projectpane div.content div.right{ float: none !important; clear: both !important; display: block !important; width: 100% !important; height: auto !important; margin: 0 0 15px !important; text-align: center; }
	#projectpane div.content div.right h2{ margin: 0 0 15px; }
}