@media only screen and (max-width:1440px){
	#projectbanner .wrap{padding-left:50px; padding-right:50px;}
}

@media only screen and (max-width:1366px){
	header #logo{margin-right:15px;}
	#contactinfo h2, #contactinfo i{font-size:3em;}
}

@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){
	nav li{padding:0 10px;}
	
}
@media only screen and (max-width:1100px){
}

@media only screen and (max-width:1024px){
	header #logo{margin-top:20px;}
	header #logo img{height:80px;}
	header .info h2{margin-right:0; font-size: 1.8em;}
	header .social li:first-child{font-size:1em;line-height: 2.4em;}
	nav li{font-size:1em;}
	nav>ul li a, nav>ul li span{padding:10px 0;}

	.package { min-width: 190px;}
	.package .details { min-height: 500px;}

	
}
@media only screen and (max-width:980px){
	#testimonialbanner .message{max-width:none;}
	.wrap, #testimonialbanner .wrap{padding-left:30px; padding-right:30px;}
}

@media only screen and (max-width:960px){
	#map{height:400px;}
	#contactinfo .span5{padding-top:40px;}
	#contactinfo h2, #contactinfo i{font-size:2.5em;}
}

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

@media only screen and (max-width:935px){
	#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}
	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; background: #016dbc;}
	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{max-width:none;vertical-align: center;line-height: auto;}
	header nav li a:focus,header nav li a:hover{background:rgba(0,0,0,.3)}
	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:before{display:none;}
	nav ul ul{position:relative; top:auto; background: rgba(0,0,0,.2); box-shadow: none;width:100%; display: block; }
	nav ul ul ul{display:none!important}
	header nav.open{right:0}
	header nav li a,header nav li span{padding:18px 0;display:block;line-height:20px;color:#FFF!important}
	header nav ul ul li a{padding:18px 0;}

	#mobile{position:absolute;right:40px;top:35px;color:#FFF; background:#016dbc; -webkit-border-radius: 5px; border-radius: 5px; padding:10px;font-family: 'Montserrat';cursor:pointer; text-transform:uppercase;}
	
	#cta .cta img{max-width: 120px;}
	 
	 .thumb, #content .testimony{width:48%;}
	 .quote{display:none;}
	 footer nav{display:none;}
}

@media only screen and (max-width:800px){
	#cta{text-align: center;}
	#cta .cta{float:none; width:49%; display: inline-block; margin-bottom:30px;}
}

@media only screen and (max-width:768px){
	header .info h2{font-size:1.4em;margin-top:5px; }
	header .social li:first-child{display: none;}
	#secondary #hero h1{font-size:4em;}

	
	#content .image, #content .content{width:auto; float:none; position:relative; min-height:0; z-index:1; top:0}	
	#content .content{padding:0 30px 30px;}
	#content .content.empty{top:0; height:0; display:none;}
	#content .image .inner{position:relative; top:0; left:0; right:0; width:100%; height:100%;}
	#content .image, #content .image:nth-child(6n+3){float:none;margin:30px;}
	#content .image img, #content .image iframe, #content .image:nth-child(6n+3) img{position:relative; top:auto; left:auto; right:auto;width:100%; z-index:1;}
	#content .image iframe{width:100%; height:auto;}
	
	#contactinfo h2, #contactinfo .divider{margin-bottom:20px;}
	#contactinfo h3{font-size:1.3em;}
}

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

@media only screen and (max-width:680px){
	footer ul{display:none;}
	.team{padding:30px !important;}
	.team .img{position:relative; margin:0 auto; left:auto !important; right:auto !important;}
}

@media only screen and (max-width:600px){
	header .social{display: none;}
	#map{height:360px;}
	#secondary #hero:after{ border-left-width:600px; }
	#content .testimony{width:98%;}
	#contactinfo{background-position: center bottom;}
	#contactinfo .span5{padding-bottom:40px;}
}

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

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

@media only screen and (max-width:434px){
	.team .img img{max-height:200px;}
}

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

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

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