@media only screen and (max-width:1440px){
	#projectbanner .wrap{padding-left:50px; padding-right:50px;}
	header nav { width: 48%;}
    nav li {padding: 0 15px;}
}



@media only screen and (max-width:1366px){
	header #logo{margin-right:15px;}
	header nav{width:40%;}
	header h6{padding:30px 15px;}
	header h6 a{font-size:1.2em;}
	nav li {padding: 0 8px;}
}

@media only screen and (max-width:1200px){
	 html{-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;}
	 input{-webkit-appearance:none;}
}

@media only screen and (max-width:1190px){
header h6 {display: none;}
header nav {width: 50%;}
}

@media only screen and (max-width:1100px){
	header .wrap{padding:0}
}

@media only screen and (max-width:1048px){
	header h6{display:none;}
}

@media only screen and (max-width:1024px){
	#mobile,header nav>ul li{font-size:1em;display:block}
	#mobile,header .mobilenav,header nav>ul li,nav>ul>li:nth-child(1),nav>ul>li:nth-child(2),nav>ul>li:nth-child(9){display:block}
	#mobile:hover,header nav{background:#123361;color:#FFF}
	header nav{width:100%;margin-top:0;float:none;position:fixed;top:0;right:-100%;height:100%;overflow:hidden;transition:ease-in .5s;-webkit-transition:ease-in .5s;-moz-transition:ease-in .5s;z-index:999;overflow-y:scroll}
	header nav .wrap{width:auto;margin:0}
	header nav ul{padding:0;float:none}
	header nav>ul{padding-bottom:30px}
	header nav>ul li{padding:0;margin:0;float:none;border:none;text-align:center;width:100%}
	nav>ul li a,nav>ul li span{padding:12px 0;color:#FFF}header nav a:after{display:none}
	nav>ul>li a:hover{border:none}
	header nav li a:focus,header nav li a:hover{background:#3a54a5}
	header nav>ul>li:first-child{margin-bottom:40px}header nav li:hover{background:0 0}
	header.fixed nav>ul ul li a,header.fixed nav>ul ul li span,nav>ul ul li a,nav>ul ul li span{text-align:center;padding:0 10px}
	nav ul ul ul{display:none!important}header nav.open{right:0}
	header nav li a,header nav li span{padding:10px 20px 10px 30px;display:block;line-height:20px;color:#FFF!important}
	header nav ul ul li a{color:#ffc000!important}
	header nav ul ul li a:hover{color:#FFF!important}
	#mobile{position:absolute;left:250px;top:30px;color:#123361;padding:10px;font-family:gilroyextrabold;border:1px solid #123361;cursor:pointer}

	 #content .image,  #content .image + .content,  #content .image.right,  #content .image:nth-child(4n) {width: auto;float: none; min-height: 1px;}
	 #content .image .inner, #content .image img,  #content .image:nth-child(4n) img {height: auto;width: 100%; position:relative;}
	 #content .image + .content {padding: 50px 5%;}
	#content .image:nth-child(6n+3){float:none;}
	 .thumb, .mix{width:50% !important; margin:0 !important;}
}

@media only screen and (max-width:820px){
}

@media only screen and (max-width:800px){
	#cta .cta{float:none; width:auto;}
}

@media only screen and (max-width:768px){
    .team { width: 31%;}
}

@media only screen and (max-width:700px){
}

@media only screen and (max-width:680px){
	footer ul{display:none;}
}

@media only screen and (max-width:600px){
	#map{height:360px;}
	#secondary #hero:after{ border-left-width:600px; }
}

@media only screen and (max-width:550px){
	header .social{padding:30px 20px; margin-right:0;}
}

@media only screen and (max-width:475px){
}

@media only screen and (max-width:434px){
    .team { width: 48%;}
}

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

}

@media only screen and (max-width:395px){
    .team {width: 98%;}
}

@media only screen and (max-width:320px){
}