@media (max-width: 1380px) {
	header nav ul li a {
		font-size: 17px;
		margin-left: 30px;
		letter-spacing: -0.5px;
	}
	header h1 {
		background: url(../imagens/logicaassessoriaambiental.png) no-repeat;
		width: 209px;
		height: 44px;
		margin-top: 24px;
		background-size: 209px 44px;
		-moz-background-size: 209px 44px;
		-webkit-background-size: 209px 44px;
		margin-left: 45px;
	}
}
@media (max-width: 1150px) {
	.content{
		width: 100%;
	}
	header nav ul li a{
		display: none;
	}
	#banner .left{
		margin-left: 40px;
	}
	#banner .right{
		margin-right: 40px;
	}
}
@media (max-width: 950px) {
	#servicos ul li p{
		font-size: 14px;
		line-height: 16px;
		padding-top: 0;
		margin-top: -20px;
		max-width: 150px;
	}

	ul.menu_mobile .botoes li a{
		padding-top: 8%;
	}
	html{
		padding-top: 80px;
	}
	header{
		padding: 0;
		padding-right: 20px;
		height: 80px;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99999999999999999999999;
		width: 95%;
		background: #fff;
	}
	header h1{
		background: url(../imagens/logicaassessoriaambiental.png) no-repeat;
		width: 184px;
		height: 39px;
		margin-top: 20px;
		background-size: 184px 39px;
		-moz-background-size: 184px 39px;
		-webkit-background-size: 184px 39px;
		margin-left: 20px;
	}
	header nav ul li a.bt_mobile{
		display: block;
		margin-top: 25px;
	}
	#banner{
		margin: 0;
	}
	#banner .right{
		max-width: 160px;
		margin-left: 20px;
		float: none;
		clear: both;
	}
	#banner .left{
		max-width: 240px;
		margin: 30px 0 40px 20px;
		float: none;
		clear: both;
		position: static;
	}
	#banner .right img{
		max-height: 160px;
		position: static;
	}
	span.lig {
		font-size: 36px;
	}
	#banner h2 {
		font-size: 30px;
		line-height: 28px;
		margin: 14px 0 25px;
		position: relative;
	}
	span.big {
		font-size: 28px;
		font-weight: 700;
		color: #fff;
		text-transform: uppercase;
		background: #329a3e;
			padding:10px 20px;
			position: relative;
	}
	#banner a.bt_banner{
		top: 159px;
		left: 55%;
		margin-left: 80px;
	}
	#conteudo p.desc{
		padding-left: 20px;
		padding-right: 20px;
		font-size: 20px;
		line-height: 32px;
	}
	ul.negocio{
		width: auto;
		padding-left: 20px;
		margin-top: -80px;
	}
	ul.negocio li{
		max-width: 280px;
		height: auto;
		margin-bottom: 20px;
	}
	ul.negocio li.zeroum{
		height: 165px;
		margin-bottom: 45px;
	}
	ul.negocio li.zerodois{
		height: 85px;
		margin-bottom: 50px;
	}
	ul.negocio li.zerotres{
		height: 110px;
		margin-bottom: 60px;
	}
	ul.negocio li h6{
		margin-top: 20px;
		padding-bottom: 10px;
	}
	#page_sobre ul.negocio li.zeroum{
		background-size: 21px 200px;
		-moz-background-size: 21px 200px;
		-webkit-background-size: 21px 200px;
	}
	#page_sobre ul.negocio li.zerodois{
		height: 110px;
		background-size: 21px 155px;
		-moz-background-size: 21px 155px;
		-webkit-background-size: 21px 155px;
	}
	#page_sobre ul.negocio li.zerotres{
		height: 135px;
		background-size: 21px 155px;
		-moz-background-size: 21px 155px;
		-webkit-background-size: 21px 155px;
	}
	#servicos ul{
		width: 100%;
	}
	#servicos ul li:first-child{
		margin-left: 0;
	}
	#servicos  h3{
		font-size: 30px;
	}
	#servicos ul{
		width: 208px;
		margin: 0;
		margin-top: 10px;
		text-align: center;
		float: none;
		clear: both;
		margin: 10px auto;
	}
	#servicos ul li{
		display: block;
		width: 200px;
		height: 200px;
		border: 4px solid #fff;
		margin-bottom: 10px;
	}
	#servicos .content ul li h2{
		position: relative;
		top: -30px;
		font-size: 18px;
	}
	#servicos {
		height: 1260px;
	}
	#servicos .bg{
		background: url(../imagens/bg_servicos.jpg) top center repeat-y;
		height: 1260px;
		width: 100%;
		position: absolute;
	}
	#servicos ul li.bt_servicos{
		width: 208px;
		height: 208px;
		background: none;
		border: 4px solid #fff;
	}
	#servicos ul li.bt_servicos h4{
		font-size: 22px;
		font-weight: 700;
		color: #fff;
		margin-top: 50px;
		line-height: 26px;
		display: block;
	}
	#servicos ul li.bt_servicos a{
		background: url(../imagens/seta_left.png) center 90px no-repeat;
		background-size: 40px 40px;
		-moz-background-size: 40px 40px;
		-webkit-background-size: 40px 40px;
		display: block;
	}
	#blog{
		padding-left: 20px;
		padding-right: 20px;
	}
	ul.blog_t li{
		width: 100%;
		padding-bottom: 20px;
	}
	ul.blog_t li a img{
		width: 100%;
	}
	ul.blog_t li a img[src=fotos/produtos/md_sem_imagem.png]{
		display: none;
	}
	ul.blog_t a p{
		font-size: 14px;
		line-height: 18px;
	}
	ul.blog_t a h2{
		min-height: 0;
	}
	body #blog .content h3{
		font-size: 36px;
		padding: 0;
		margin: 0;
		height: 100px;
	}
	#news{
		height: auto;
		padding-bottom: 20px;
	}
	#news p.novidades{
		padding: 20px;
		line-height: 20px;
	}
	#news form input{
		margin-left: 20px;
		margin-bottom: 5px;
		width: 84%;
	}
	#news form button{
		float: right;
		clear: none;
		margin-right: 16px;
	}
	#mapa_site{
		width: auto;
		padding-left: 20px;
	}
	footer .contato_rodape{
		width: auto;
		padding-left: 20px;
		height: auto;
	}
	.contato_rodape .right{
		width: 100%;
		float: none;
		clear: both;
		display: table;
		padding-top: 25px;
	}
	.contato_rodape form input, .contato_rodape form textarea{
		width: 86%;
		float: none;
		clear: both;
	}
	.contato_rodape input[type=submit]{
		margin-right: 20px;
	}
	p.copyright{
		padding: 20px;
	}
	#banner a.bt_banner{
		top: 170px;
		margin-left: 75px;
		background: url(../imagens/seta_left.png) no-repeat;
		width: 40px;
		height: 40px;
		background-size: 40px 40px;
		-moz-background-size: 40px 40px;
		-webkit-background-size: 40px 40px;
	}
	#blog a.bt_blog, #conteudo #page_cases_interno a.bt_blog, #conteudo #page_blog_interno a.bt_blog {
		font-size: 20px;
		background: url(../imagens/seta_verde.png) right no-repeat;
		height: 32px;
		float: right;
		padding-right: 45px;
		line-height: 25px;
		margin: 0;
		margin-bottom: 30px;
		background-size: 32px 32px;
		-moz-background-size: 32px 32px;
		-webkit-background-size: 32px 32px;
	}
	#conteudo #page_blog_interno a.bt_blog{
		margin-right: 10px;
	}
	#banner_interno .right{
		display: none;
	}
	#banner_interno .bg_lig {
		width: 310px;
		height: 84px;
		position: absolute;
		left: 0;
		bottom: 123px;
	}
	#banner_interno .bg_lig span.lig{
		font-size: 30px;
	}
	#banner_interno .bg_h2 {
		width: 310px;
		height: 123px;
		position: absolute;
		left: 0;
		bottom: 0px;
	}
	#banner_interno .bg_h2 h2 {
		font-size: 30px;
		line-height: 32px;
	}
	.box_one, .box_two{
		position: static;
		max-width: 350px;
	}
	.box_two{
		padding-bottom: 40px;
	}
	.box_one p{
		font-size: 15px;
		line-height: 22px;
	}
	.box_two p{
		font-size: 15px;
		line-height: 20px;
		position: relative;
		left: -10px;
	}
	#conteudo #page_sobre p.desc {
		font-size: 22px;
		font-weight: 300;
		color: #1e4456;
		line-height: 30px;
		margin: 20px 0 120px 0;
	}
	#page_servicos ul.toggle .um_lado{
		width: 74%;
		padding-left: 20px;
	}
	#conteudo #page_servicos p.desc {
		margin: 20px 0;
		line-height: 32px;
	}
	ul.equipe{
		margin: 0;
	}
	ul.equipe li{
		width: 98%;
	}
	ul.equipe li p{
		padding-left: 20px;
	}
	#conteudo .atuacao{
		height: auto;
		padding-top: 40px;
	}
	#conteudo .atuacao ul{
		position: relative;
		overflow: hidden;
	}
	#conteudo .atuacao ul li.cor1{
		width: auto;
		height: auto;
		position: static;
		margin-top: 40px;
	}
	#conteudo .atuacao ul li.cor2{
		width: auto;
		height: auto;
		position: static;
	}
	#conteudo .atuacao ul li.cor3{
		width: auto;
		height: auto;
		position: static;
	}
	#conteudo .atuacao h3{
		width: 290px;
		display: table;
		font-size: 32px;
		letter-spacing: 0;
		padding-left: 20px;
	}
	#banner_interno .bg_h2_case{
		width: 310px;
		padding-left: 20px;
		padding-right: 20px;
	}
	#banner_interno .bg_h2_case h2{
		font-size: 26px;
		line-height: 28px;
		font-size: 22px;
		line-height: 26px;
	}
	#banner_interno span.categoria_b{
		left: 0;
		bottom: 60px;
	}
	#banner_interno .bg_h2_case span.categoria_b{
		margin-bottom: 70px;
		margin-left: 20px;
	} 
	#page_cases{
		padding-left: 20px;
		width: 90%;
	}
	#page_cases h4{
		font-size: 28px;
		line-height: 30px;
		margin-top: 22px;
		padding-right: 20px;
	}
	#conteudo #page_cases .lista-cat a{
		display: inline-block;
		height: 40px;
	}
	#conteudo #page_cases span.categoria_b{
		margin-bottom: 0;
	}
	#conteudo #page_cases .lista-cat{
		padding-bottom: 40px;
	}
	#banner_interno .bg_h2_blog, #banner_interno .bg_h2_interno{
		width: 310px;
		padding-left: 20px;
		padding-right: 20px;
	}
	#banner_interno .bg_h2_blog h2, #banner_interno .bg_h2_interno h2{
		font-size: 26px;
		line-height: 28px;
	}
	#page_cases, #page_blog{
		padding-left: 20px;
		width: 90%;
	}
	#conteudo #page_cases .lista-cat a, #conteudo #page_blog .lista-cat a{
		display: inline-block;
		height: 44px;
	}
	#conteudo #page_cases span.categoria_b, #conteudo #page_blog span.categoria_b{
		margin-bottom: 0;
	}
	#conteudo #page_cases .lista-cat, #conteudo #page_blog .lista-cat{
		padding-bottom: 44px;
	}
	#page_cases_interno .left,
	#page_blog_interno .left{
		width: auto;
		padding-left: 20px;
		padding-right: 20px;
	}
	#page_cases_interno .right .lista-cat{
		padding-left: 0;
		max-width: 90%;
		position: relative;
		overflow: hidden;
		margin-top: 10px;
	}
	#page_cases_interno .left p img,
	#page_blog_interno .left p img{
		display: block;
		max-width: 100%;
		height: auto;
	}
	#page_cases_interno .right,
	#page_blog_interno .right{
		float: none;
		clear: both;
		max-width: 360px;
		position: relative;
		overflow: hidden;
	}
	#page_cases_interno .right ul li,
	#page_blog_interno .right ul li{
		max-width: 92%;
		width: 92%;
		margin-left: 20px;
	}
	#page_cases_interno .right ul li img,
	#page_blog_interno .right ul li img{
		max-width: 100%;
		width: 100%;
	}
	#page_cases_interno .lista-cat a{
		position: relative;
		left: 20px;
	}
	#page_cases_interno .left p,
	#page_blog_interno .left p{
		font-size: 16px;
		line-height: 22px;
	}
	#page_cases_interno .left .legenda, #page_blog_interno .left .legenda{
		line-height: 14px;
	}
	.banner_servicos{
		background: url(../imagens/banner_servicos_mobile.jpg) right top no-repeat;
		background-size: 380px 675px;
		-moz-background-size: 380px 675px;
		-webkit-background-size: 380px 675px;
	}
}
@media (max-width: 350px) {
	.box_one, .box_two{
		max-width: 310px;
	}
	.box_two{
		padding-bottom: 40px;
	}
	ul.negocio li{
		max-width: 240px;
	}
	#banner_interno .bg_h2_case{
		width: 295px;
		padding-left: 20px;
		padding-right: 20px;
	}
	#page_cases_interno .left,
	#page_blog_interno .left{
		width: 280px;
	}
	#page_cases_interno{
		width: 280px;
		position: relative;
		overflow: hidden;
	}
	.box_two{
		padding-bottom: 40px;
	}
}















