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

	html {-webkit-text-size-adjust: none;}
	
	a[href^="tel"]{color:inherit; text-decoration:none;}
	a[href^="http://www.sitesign.co.uk/cookies/cookie_settings.html"]{display: none; visibility: hidden;}
	
	#cookie-div {display: none; visibility: hidden;}
	
	#portfolio_title, #portfolio_text {padding: 0;}
	
	#home #project_blog .athCmsEntry {float: none; width: auto; text-align: center;}
	#home .projectPhoto .athCmsMainImageBox {float: none; width: auto;}
	#home .projectPhoto .cmsImageSmall {width: 100%; height: auto;}
	
	#sectors_blog .athCmsEntry, #project_blog .athCmsEntry {float: none; width: auto; text-align: center;}
	#sectors_blog .athCmsMainImageBox, #project_blog .athCmsMainImageBox {float: none; width: auto; margin: 0;}
	#sectors_blog .cmsImage, #project_blog .cmsImage {width: 100%; height: auto; margin: 0 0 30px 0;}
	
	.athCmsGalleryBox {float: none; width: auto;}
	.athCmsImageBox {width: auto; height: auto; max-height: none; overflow: visible;}
	.athCmsGalleryImage {width: 100%; height: auto;}

	iframe {width: 100% !important;}
	
	a.cmsDocument:link {float: none; padding: 0;}
	a.cmsDocument:hover {float: none; padding: 0;}
	
	input, textarea {width: 90%;}
	input.short, input.admin {width: 90%;}
	select {width: 90%; background: url(../images/arrow.png) right center no-repeat #EEEEEE;}
	
	#wrapperHeader {width: auto; height: auto;}
	#wrapperNav {width: auto; height: auto; background: none;}
	#wrapperHeaderImage {width: auto; height: auto;}
	#wrapperMain {width: auto; height: auto;}
	#wrapperFooter {width: auto height: auto;}
	
	table.main {width: 100%;}
	
	td.header {width: auto; height: auto; text-align: center;}
	#logo {float: none; width: auto; height: auto; padding: 20px 0 0 0;}
	#logo img {width: 50%; height: auto;}
	#telephone {float: none; width: auto; height: auto; text-align: center; padding: 20px 0 0 0;}
	.tel {font-size: 20px; line-height: 22px;}
	
	#nav {width: auto; height: auto;}
	#nav li a:link {height: auto; color: #999999; display: block; background: #EEEEEE; padding: 10px 0 10px 0; margin: 0 0 5px 0; border: none;}
	#nav li a:visited {height: auto; color: #999999; display: block; background: #EEEEEE; padding: 10px 0 10px 0; margin: 0 0 5px 0; border: none;}
	#nav li a:active {height: auto; color: #999999; display: block; background: #EEEEEE; padding: 10px 0 10px 0; margin: 0 0 5px 0; border: none;}
	#nav li a:hover {height: auto; color: #FFFFFF; display: block; background: #333333; padding: 10px 0 10px 0; margin: 0 0 5px 0; border: none;}
	body#home a#navhome, body#about a#navabout, body#portfolio a#navportfolio, body#sectors a#navsectors, body#project a#navproject, body#health a#navhealth, body#contact a#navcontact {height: auto; color: #FFFFFF; display: block; background: #333333; padding: 10px 0 10px 0; margin: 0 0 5px 0; border: none;}
	
	#nav .subNav {position: relative; top: 0; left: 0; height: auto; background: none; width: auto !important; display: block; padding: 0 !important;}
	#nav .subNav li {height: auto; width: auto; text-align: center;}
	#nav .subNav li a {height: auto; float: none; width: auto; color: #858585; background: #FFFFFF; line-height: normal;}
	#nav .subNav li a:hover {background:  #333333; color: #FFFFFF;}
	
	.nav-toggle {-webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 70px; height: 44px; text-indent: -9999px; overflow: hidden; background: url(../images/menu.gif) 50% 48% no-repeat #000000; position: relative; display: block;}
	
	.mosaic-block {float: none !important; width: 100% !important; height: 189px !important; margin: 0 !important; max-width: 100% !important; background: #333333 !important;	margin: 15px auto !important;}
	.mosaic-block-middle {float: none !important; width: 100% !important; height: 189px !important; margin: 0 !important; max-width: 100% !important; background: #333333 !important; margin: 15px auto !important;}
	.mosaic-backdrop img {width: 100% !important; height: auto !important;}
	
	td.mainText {width: auto; padding: 30px;}
	td.mainTextNoPadding {width: auto; padding: 30px 30px 0 30px;}
	
	#latestProject {float: none; width: auto; height: auto; text-align: center; margin: 30px 0 0 0;}
	.projectText {float: none; width: auto; height: auto; padding: 35px 40px 35px 40px;}
	.projectPhoto {float: none; width: auto; height: auto; max-height: none; overflow: visible;}
	
	td.footer {width: auto; text-align: center;}
	#footerText {float: none; width: auto;}
	#footerLogo {float: none; width: auto; padding: 40px 0 0 0;}
	#footerLogo img {width: 60%; height: auto;}
	#copyright {float: none; width: auto;}
	.telFooter {font-size: 20px; line-height: 22px;}
	
	td.formTitle {display: block; width: auto;}

}

img {max-width: 100%; height: auto; width: auto\9; /* ie8 */}