.post img, #logo { max-width: 100%; height: auto; width: auto; }

#mobile_nav { display: none; padding: 5px 15px; position: relative; padding: 10px 20px 10px 50px; color: #fff; background: #111; line-height: 40px; text-transform: uppercase; font-family: 'Titillium Web', Arial, sans-serif; font-size: 1.3em; }
#mobile_nav:hover { color: #fff; text-decoration: none; }
	#mobile_nav > span { display: block; width: 26px; height: 22px; background: url(../images/responsive_arrow.png) no-repeat; position: absolute; top: 50%; left: 50%; margin: -11px 0px 0px -62px; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
	#mobile_nav.opened > span { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }
#mobile_menu { position: absolute; top: 50px; left: 50%; width: 460px; margin-left: -230px; text-align: center; z-index: 1000; padding: 15px 0 9px; display: none; }
	#mobile_menu li { line-height: 1.44em; font-size: 20px; }
	#mobile_menu ul { display: block !important; visibility: visible !important; }
#mobile_nav, #mobile_menu { background: #111; }

#mobile_menu a { font-style: normal; color: #fff; }
#mobile_menu li.current-menu-item > a, #mobile_menu a:hover { color: #fff; text-decoration: none; }

nav#top-menu ul.mobile_nav { width: 320px; border: 1px solid #d6d6d6; background: #fafafa; display: none; }
.mobile_nav li ul { position: relative; top: 0; width: auto; display: block !important; visibility: visible !important; }

ul#top-menu ul { display: none; }

.wp-caption { max-width: 96%; padding: 8px; }
embed, iframe, object, video { max-width: 100%; }


body {
    text-shadow: 0px 0px 1px rgba(0,0,0,0.01);
}





@media only screen and ( min-width: 1160px ) and ( max-width: 1460px ) {
	.container { width: 1160px; }
	#home-main { margin-bottom: -110px; top: -110px; }
		#home-main h1 { font-size: 3.2rem; }
}



@media only screen and ( min-width: 768px ) and ( max-width: 1160px ) {
	body { font-size: 1.1rem; }
	.container { width: 750px; }
	
	#home-main, #home-second-section, #home-project-man, #home-enquiries { padding: 50px 0px; }
	#home-main .entry { width: 60%; }
		#home-main h1 { font-size: 1.8rem; line-height: 1.8rem; padding-bottom: 10px; width: auto; }
	#home-main div.main-img { width: 40%; }
	#home-project-man ul li { padding: 0 20px 0 36px; line-height: 60px; background-position: 0px 13px; }
	
}





@media only screen and ( max-width: 767px ) {
	body { font-size: 1.1rem; }
	.container { width: auto; padding: 0px 20px; }
	#header { display: block; }
	#homepage-slider { display: none; }
	#slider-zoom-mobile { display: block; width: 30%; }
	#mobile-adzy { display: block; }
	#page-header { display: none; }
	
	#home-main, #home-second-section, #home-project-man, #home-enquiries { padding: 50px 0px; }
	#home-main .entry { width: auto; float: none; text-align: center; }
		#home-main h1 { font-size: 1.8rem; line-height: 1.8rem; padding-bottom: 10px; width: auto; }
	#home-main div.main-img { display: none; }
	#home-project-man ul li { padding: 0 20px 0 36px; line-height: 60px; background-position: 0px 13px; }
	h2 { font-size: 2.2rem; line-height: 2rem; }
		#home-enquiries .gform_wrapper .form-comments textarea { height: 240px !important; }
	
	#footer { padding: 10px 0px 70px; font-size: 90%; line-height: 1.6rem; }
	#footer-left, #footer-right { width: auto; float: none; text-align: center; }
	#footer-toggle-menu { display: block; }
	
}





@media only screen and ( max-width: 479px ) {
	body { font-size: 1.0rem; }
	.container { width: auto; padding: 0px 20px; }
	#header { display: block; }
	#homepage-slider { display: none; }
	#slider-zoom-mobile { display: block; width: 60%; }
	#mobile-adzy { display: block; }
	#page-header { display: none; }
	
	#home-main, #home-second-section, #home-project-man, #home-enquiries { padding: 30px 0px; }
	#home-main .entry { width: auto; float: none; text-align: center; }
		#home-main h1 { font-size: 1.8rem; line-height: 1.8rem; padding-bottom: 10px; width: auto; }
	#home-main div.main-img { display: none; }
	#home-project-man ul li { padding: 0 20px 0 36px; font-size: 1.2rem; line-height: 40px; min-height: auto; background-position: 0px 5px; }
	h2, h3 { font-size: 2.6rem; line-height: 2.6rem; }
	#home-second-section h2, #home-second-section h3 { padding-bottom: 20px; font-size: 2rem; line-height: 2.6rem; }
		#home-enquiries .gform_wrapper li.gfield { width: 100% !important; }
	#home-enquiries .gform_wrapper .form-comments { width: 100% !important; position: relative; top: 0px; }
		#home-enquiries .gform_wrapper .form-comments textarea { height: 140px !important; }
	.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"] { line-height: 4rem !important; }
	#footer { padding: 10px 0px 70px; font-size: 90%; line-height: 1.6rem; }
	#footer-left, #footer-right { width: auto; float: none; text-align: center; }
	#footer-toggle-menu { display: block; }
	
	.et-protected { width: auto !important; }
		.et-protected-form { background: none !important; }
			.et-protected-form p input { margin: 0 !important; }

}