/*
 * Copyright 2018, Tag Web Design
*/
@media screen and (max-width: 1120px) {
	/* Topo */
	header {
		width: 964px;
	}
	header h1 {
		margin: 37px 0 0;
	}
	header p {
		width: 490px;
		margin: 43px 0 0;
	}

	/* Conteudo */
	#venda {
		width: 964px;
	}
	#venda a.foto {
		float: left;
		width: 350px;
		height: 350px;
	}
	#venda .bloco {
		float: right;
		width: 590px;
	}
	#venda p.btWhats {
		top: 135px;
	}
	#fotosVenda {
		width: 964px;
		max-width: 100%;
	}
	#fotosVenda ul {
		grid-template-columns: repeat(6, 1fr);
	}
	#container {
		width: 964px;
		max-width: 100%;
	}
	#container.construcao {
		width: 964px;
		height: auto;
		margin: 40px auto 0 auto;
		background: none;
		background: url(../imagens/bgBodyMobile.jpg) no-repeat center top;
	}
	#container.construcao #fotos {
		float: none;
		margin: 45px auto 90px auto;
	}
	#container.construcao #fotos ul {
		padding: 45px 0;
	}
	#container.construcao #construcao {
		float: none;
		width: 100%;
		background: #bf0000;
		text-align: center;
		margin: 0;
		padding: 26px 0 32px;
	}
	#container.construcao #construcao p {
		width: 780px;
		margin: 12px auto 0 auto;
	}
	#qualidade {
		width: 770px;
		text-align: center;
	}
	#container.seguranca {
		width: 964px;
		height: auto;
		margin: 40px auto 0 auto;
		background: none;
	}
	#container.seguranca #seguranca {
		float: none;
		width: 100%;
		background: #bf0000;
		text-align: center;
		margin: 0;
		padding: 26px 0 32px;
	}
	#container.seguranca #seguranca p {
		width: 780px;
		margin: 12px auto 0 auto;
	}
	#container.seguranca #seguranca #faceSeguranca {
		display: none;
		visibility: hidden;
	}
	#container.seguranca #equipamentos {
		float: none;
		width: 100%;
		margin: 0 auto;
		text-align: center;
		padding: 26px 0 32px;
		background: url(../imagens/bgBodyMobile.jpg) no-repeat;
	}
	#container.seguranca #equipamentos p {
		float: none;
		width: 780px;
		margin: 12px auto 0 auto;
	}
	#container.seguranca #equipamentos ul {
		float: none;
		text-align: center;
	}
	#container.seguranca #equipamentos ul li {
		display: inline-block;
		*display: inline; /*IE7*/
		*zoom: 1; /*IE7*/
		margin: 10px 0 0 10px;
		float: none;
	}
	#container.seguranca #equipamentos ul li:first-child {
		margin-left: 0;
	}
	#container.seguranca #faceMobile {
		width: 308px;
		margin: 30px auto 0 auto;
		display: block;
		visibility: visible;
	}
	#contato {
		width: 964px;
		margin: 25px auto 0 auto;
	}
	#contato #facebook {
		width: 340px;
		margin: 0 auto;
	}
	#contato #atendimento {
		width: 390px;
	}
	#contato #formulario form #camposInput {
		width: 380px;
	}
	#contato #formulario form #campoMensagem {
		width: 575px;
	}
	#contato #formulario form input {
		width: 350px;
	}
	#contato #formulario form textarea {
		width: 545px;
		min-width: 545px;
		max-width: 545px;
	}
}
@media screen and (max-width: 992px) {
	/* Topo */
	header {
		width: 100%;
	}
	header h1 {
		float: none;
		margin: 35px auto 0 auto;
	}
	header p {
		float: none;
		width: 708px;
		margin: 35px auto 0 auto;
	}

	/* Conteudo */
	#venda {
		width: 100%;
	}
	#venda a.foto {
		display: none;
		visibility: hidden;
	}
	#venda .bloco {
		float: none;
		width: 708px;
		margin: 0 auto;
		text-align: center;
	}
	#venda .bloco img.fotoMobile {
		width: 100%;
		display: block;
		visibility: visible;
		margin: 10px auto 0 auto;
	}
	#venda p.btWhats {
		position: inherit;
		right: inherit;
		top: inherit;
		margin: 15px auto 0 auto;
	}
	#fotosVenda {
		width: 745px;
	}
	#fotosVenda ul {
		grid-template-columns: repeat(6, 1fr);
		width: 100%;
		list-style: none;
		padding: 0;
		margin: 0;
	}

	#container {
		width: 100%;
	}
	#container.construcao,
	#container.seguranca {
		width: 100%;
		height: auto;
		margin: 40px auto 0 auto;
	}
	#container.construcao #construcao p,
	#container.seguranca #seguranca p,
	#container.seguranca #equipamentos p,
	#qualidade,
	#contato {
		width: 708px;
	}
	#contato #atendimento {
		float: none;
		width: 550px;
		margin: 20px auto 0 auto;
		text-align: center;
	}
	#contato ul#infos {
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	#contato ul#infos li {
		float: none;
		margin: 0;
		text-align: center;
	}
	#contato #formulario {
		width: 708px;
		margin: 0 auto;
		padding-top: 15px;
	}
	#contato #formulario form #camposInput {
		width: 310px;
	}
	#contato #formulario form #campoMensagem {
		width: 390px;
	}
	#contato #formulario form input {
		width: 280px;
	}
	#contato #formulario form textarea {
		width: 360px;
		min-width: 360px;
		max-width: 360px;
	}
	#contato #formulario form input,
	#contato #formulario form textarea {
		border-radius: 0;
		-webkit-appearance: none;
		-moz-appearance: none;
	}
	#contato #formulario form input.btEnviar {
		border-radius: 0 !important;
		-webkit-appearance: none;
	}
}
@media screen and (max-width: 767px) {
	/* Topo */
	header p {
		width: 92%;
	}

	/* Conteudo */
	#venda {
		width: 92%;
	}
	#venda .bloco {
		width: 92%;
	}
	#fotosVenda {
		width: 90%;
	}

	#fotosVenda ul {
		grid-template-columns: repeat(4, 1fr);
	}

	#container.construcao #construcao p,
	#container.seguranca #seguranca p,
	#container.seguranca #equipamentos p,
	#qualidade,
	#contato {
		width: 92%;
	}
	#contato #formulario {
		width: 100%;
	}
	#contato #formulario form #camposInput,
	#contato #formulario form #campoMensagem {
		float: none;
		width: 100%;
	}
	#contato #formulario form input {
		width: 96%;
		padding: 0 2%;
	}
	#contato #formulario form textarea {
		width: 96%;
		min-width: 96%;
		max-width: 96%;
		padding: 2% 2% 45px 2%;
	}
}
@media screen and (max-width: 630px) {
	header h1 {
		width: 298px;
		height: 82px;
		background: url(../imagens/logoSGVmobile.png) no-repeat;
		background-size: 100%;
	}
	header h1 img.logoFakeCelular {
		width: 100%;
		height: auto;
		display: block;
		visibility: visible;
	}
	#fotosVenda ul {
		grid-template-columns: repeat(3, 1fr);
	}
	#container.construcao #fotos {
		width: 477px;
		height: 237px;
		margin-bottom: 0;
	}
	#container.construcao #fotos ul li {
		width: 150px;
	}
	#contato #atendimento {
		width: 100%;
	}
	#contato #atendimento p.fone {
		line-height: 1em;
	}
	#contato #atendimento p.fone span.blocoFone {
		display: block;
	}
}
@media screen and (max-width: 520px) {
	#container.construcao #fotos {
		width: 297px;
		height: 150px;
	}
	#container.construcao #fotos ul {
		padding-top: 30px;
	}
	#container.construcao #fotos ul li {
		width: 90px;
	}
	#contato ul#infos li.emailGeral {
		display: none;
		visibility: hidden;
	}
	#contato ul#infos li.emailMobile {
		display: block;
		visibility: visible;
	}
}
@media screen and (max-width: 400px) {
	header h1 {
		width: 260px;
		height: 70px;
	}
	#container.seguranca #faceMobile,
	#container.seguranca #faceMobile .fb-page {
		width: 100%;
	}
}
@media screen and (max-width: 330px) {
	#container.construcao #fotos {
		width: 251px;
		height: 135px;
	}
	#container.construcao #fotos ul li,
	#container.seguranca #equipamentos ul li {
		width: 75px;
	}
}
@media screen and (max-width: 310px) {
	header h1 {
		width: 250px;
		height: 68px;
	}
}
@media screen and (max-width: 300px) {
	#geral {
		width: 300px;
	}
}
/*----------------------------------------------------------------------------------*/
/*---------------> ERRO 404 <-------------------------------------------------------*/
@media screen and (max-width: 1120px) {
	#container.erro {
		width: 964px;
	}
}
@media screen and (max-width: 1000px) {
	#container.erro {
		width: 708px;
	}
	#container.erro h2 {
		text-align: center;
	}
	#container.erro #erro {
		width: 708px;
		margin: 0 auto;
		text-align: center;
		padding: 0;
		background: none;
	}
}
@media screen and (max-width: 767px) {
	#container.erro {
		width: 92%;
	}
	#container.erro #erro {
		width: 100%;
	}
}

/*----------------------------------------------------------------------------------*/
/*---------------> NAVEGADOR <------------------------------------------------------*/
@media screen and (max-width: 1120px) {
	#container.navegador {
		width: 964px;
	}
}
@media screen and (max-width: 1000px) {
	#container.navegador {
		width: 708px;
	}
	#container.navegador h2 {
		text-align: center;
	}
	#container.navegador #navegador {
		width: 708px;
		margin: 0 auto;
		text-align: center;
		padding: 0;
		background: none;
	}
	#container.navegador #navegador ol li {
		display: block;
		width: 160px;
		text-align: left;
		margin: 15px auto 0 auto;
	}
}
@media screen and (max-width: 767px) {
	#container.navegador {
		width: 92%;
	}
	#container.navegador #navegador {
		width: 100%;
	}
}

/*----------------------------------------------------------------------------------*/
/*---------------> RODAPE <---------------------------------------------------------*/
@media screen and (max-width: 1257px) {
	p.logoTag {
		left: 50%;
		margin-left: 500px;
	}
	p.logoTag a {
		background: url(../imagens/logoTagMobile.png) no-repeat;
	}
	p.logoTag a:hover {
		opacity: 1;
	}
}
@media screen and (max-width: 1120px) {
	#rodape {
		width: 964px;
	}
	p.logoTag {
		margin-left: 430px;
	}
}
@media screen and (max-width: 1000px) {
	#rodape {
		width: 100%;
	}
	p.logoTag {
		left: inherit;
		right: 0;
		margin-left: 0;
		margin-right: 10px;
	}
}