﻿@media only screen and (max-width:1920px)  { 
#home2Left  {background-position: left top; }
}

@media only screen and (max-width:1398px)  { 
  
 /*#banner{background-position:150%  }*/
 #bannerRight{ background-position:30% }


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




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

#home2RightTexto {max-width:550px;width:90%;float:none!important;margin:0 auto!important;margin-left:0px;margin-top:20px;  }
#home2RightTexto h2 , #home2RightTexto h2 span {font-size:50px; line-height: 60px; }
#home2RightTexto h2 span {margin-top:8px;font-size:35px;}
#home2RightTexto p {width:90%; font-size:22px;color:#FFF;text-align: right;line-height: 33px;}
#home2RightTexto small {padding:4px 8px;font-size:25px;  }




#home4In , #home5In {width:98%;}

 #home7 , #home8  , #rodapeIn ,#finalPgIn , #allBairrosIn {width:98%;}

#home4In section {width:328px}
#home4In section h2 {margin-left:2%;font-size:24px;}
#home4In section p {margin-left:2%;font-size:18px;}

 #allBairrosIn ul {width:18%; display: inline-block;margin-left:2%;}
  /* #allBairrosIn ul:nth-child(3) {float:left; background: #F0585B }
 #allBairrosIn ul:nth-child(7) {margin-left:0%;float:right;}*/
#allBairrosIn ul  h4 {font-size:22px;}
} @media only screen and (max-width:1222px)  {

#bannerRight{width:55%; background-position:50% }
#bannerLeft {width:560px; float:left; position: relative; }
#bannerIn{width:100%;margin-left:30px;  } 
#bannerTexto {width:550px;float:left;margin-left:10px;margin-top:100px;margin-bottom:86px;  }

#home5RightIn {width:500px;}

} @media only screen and (max-width:1202px)  {
#home1 , #home3In , #home4In,  #topoLogoMenuIn , #bannerPgsIn,  #texto1BairrosIn , #pgsTextosIn , #bairrosServicosIn , #pgsTextos2In , .width1200   , #galleria100In , #pgBox2In{width:96%; } 

.pgEmpresa1200 , #pagBairrosGalleriaIn   {width:98%;  } 
#home1 {margin-top:40px;display: inline-block;}
.pgsTextosImg {width:75%;} /*ajust bt Zap*/


} @media only screen and (max-width:1198px)  {
/*
#home3InTexto {width:60%; }
#home3InTexto h4 , #home3InTexto span{font-size:70px}
#home5In section {width:300px;display: inline-block;}
#home5In section span , #home5In section span small {font:100px Oswald, Roboto, Arial; font-weight: 700;}
#home5In section span small {float:none;font-size:36px;}
#home5In section h3 {width:100%;font-size:33px;}
#home5In section:nth-child(3) h3 { font-size:28px;}
#home5In section p {width:90%; display: inline-block;font-size:18px; text-align: center;}
*/
}  @media only screen and (max-width:1150px)  { 


#home2RightTexto {max-width:550px;width:90%;float:none!important;margin:0 auto!important;margin-left:0px;margin-top:20px; }
#home2RightTexto h2 , #home2RightTexto h2 span {font-size:45px; line-height: 60px; }
#home2RightTexto h2 span {margin-top:8px;font-size:35px;}


#texto1BairrosTexto {width:500px;}

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

#fechaDetalhesIn{width:98%;}
#fechaDetalhes section {margin-left:0px;margin-top:3px;}

.imgHome1 {width:90%;}
#texto1BairrosTexto {width:500px;}
#texto1BairrosTexto h1 , #texto1BairrosTexto h1 span , #texto1BairrosTexto h1 small{font-size:60px; }
 #texto1BairrosTexto h1 span{float:left;margin-top:-5px;font-size:80px; line-height: 68px;  }
 #texto1BairrosTexto h1 small{margin-top:20px;margin-bottom:10px;font-size:20px;}
 #texto1BairrosTexto p{font-size:18px;line-height: 25px; }
 #home5RightIn {width:460px; float:left; margin-left:20px;}
#home5RightIn h2 {font-size:40px;}
 
#bairrosServicosIn  section:nth-child(odd)  .pgsServicos  ,#bairrosServicosIn  section:nth-child(even)  .pgsServicos {width:60%;}
#bairrosServicosIn section:nth-child(odd) .pgsServicos p , #bairrosServicosIn section:nth-child(even)  .pgsServicos p {width:98%; float:none; display: inline-block; text-align: left; }
#bairrosServicosIn section:nth-child(odd)  .pgsServicos p {width:98%; float:none; display: inline-block; text-align: right; }


#pgBox2InTexto {width:530px;}

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

#home1Texto {width:96%;float:none; display: inline-block;}
#home1Texto h2 {margin-bottom:20px; font-size:55px;line-height:50px; }
#home1Texto p {font-size:18px;} 

.imgHome1 {float:none;display: inline-block;margin-top:30px;padding:10px;}

#formHome , .formOrcaZap {display: none}

#home2Left  {width:100%; float: left;
    background-repeat: no-repeat; background-position: center top;    background-size:auto;}


#home2Right  {width:100%;min-height:700px;float:left; background: linear-gradient(20deg, #1A0097 40% ,  #13074e 90% );}

#home2RightTexto {max-width:none;width:94%;float:none; margin:0 auto;margin-left:0px;margin-top:20px;margin-right:0px;   }

#home2RightTexto h2 , #home2RightTexto h2 span {font-size:32px; text-align: left;line-height:45px;}
#home2RightTexto h2 span {margin-top:0px;margin-bottom:0px;font-size:26px;}
#home2RightTexto p {width:100%;font-size:18px;text-align: left;}



/*#home2RightTexto {max-width:550px;width:90%;float:none!important;margin:0 auto!important;margin-left:0px;margin-top:20px; }
#home2RightTexto h2 , #home2RightTexto h2 span {font-size:45px; line-height: 60px; }
#home2RightTexto h2 span {margin-top:8px;font-size:35px;}

*/



#divBtsZapOrcHome2 {width:auto;float:left;margin-top:30px; }

		#allBairrosIn{max-width:none;width:100%;margin:0 auto;margin-top:0px; text-align:center;} 		#allBairrosIn #rodapeInUlFirst{margin-left:0px;}	 #allBairrosIn h3{width:98%;float:none;display:inline-block;margin-top:40px;text-align:center; text-transform:uppercase;} 		 #allBairrosIn p {width:98%;float:none;display:inline-block;text-align:center; }		 #allBairrosIn ul {width:100%; float:left;margin-left:0%; margin-top:0px;margin-bottom:0px;padding:0px; }  		 #allBairrosIn ul:nth-child(2){margin-left:0px!important;}   		#allBairrosIn ul:nth-child(6) , #allBairrosIn ul:nth-child(8)  {margin-left:0px;}  		#allBairrosIn ul  h4 {font-size:40px!important;height:48px;line-height:40px;}  		#allBairrosIn li {margin-top:2px;}   	#allBairrosIn li a {width:100%;height:45px;float:left;margin:0; margin-top:6px;font-size:25px;text-align:left;text-indent:8px; line-height:45px; transition: all 1s ease; }#allBairrosIn li a:hover , #allBairrosIn  .rodapeAtivo {border-radius:0px; }

#pgsTextosIn {width:96%;float:none; display: inline-block;}

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

#texto1BairrosTexto {width:96%;float:none; display: inline-block;}
.imgTextoBairros {margin-top:30px;float:none; display: inline-block;border-radius: 10px;}
#texto1BairrosTexto h1 , #texto1BairrosTexto h1 span , #texto1BairrosTexto h1 small{font-size:60px; }
 #texto1BairrosTexto h1 span{margin-top:-5px;font-size:80px; line-height: 68px; }
 #texto1BairrosTexto h1 small{margin-top:20px;margin-bottom:10px;font-size:20px;}
  #texto1BairrosTexto p{font-size:18px;line-height: 25px; }

#home5 {height:inherit; }
#home5Left {width:100%; float:left; display:block;}
 .imgHome5 {width:94%;float:none;display: inline-block;margin-top:30px;}

#home5Right {width:100%;}
#home5RightIn {width:90%; float:none; display:inline-block;margin-left:0px; margin-bottom: 80px;}
#home5RightIn h2 {font-size:40px;}
 .pgsTextosImg {width:98% }

#pgsTextos2In   img {width:98%;float:none; margin-top:30px;}

.pgEmpresaTexto {width:96%;float:none; display: inline-block;}
.pgEmpresaTexto h1 {font-size:30px;}
.imgEmpresa {float:none;display: inline-block;margin-top:50px;}
.pgEmpresaTexto h2 {margin-top:30px;font-size:30px;}

#valoresEmpresa{width:300px; float: none; display: inline-block;margin-top:0px; }
#valoresEmpresa section {width:100%;height: 220px; font-size:0px;margin-top:0px;margin-left:0px;}


#pgBox2InTexto {width:98%;float:none;display: inline-block}
.imgBox2 {float:none; margin-top:30px;display: inline-block;}

#menu  {margin-top:114px;} 





}  /*@media only screen and (max-width:1928px) and (max-height:800px)*/
@media only screen and (max-height:800px)  {
#menuSpace {width:100%;height:30px;float:left;margin-bottom:300px!important;}
}


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

#topoLogoMenuRight {display: none;}

a .btZapBarraTop { float:none;margin:0 auto; margin-top:30px;margin-right:0px;}

#topoLogoMenuRight {width:480px;float:right; margin-right:45px;}
#topFoneZap {width:340px;margin-left:0px;margin-top:0px; }
#redesTopo {float:left;margin-left:15px}
a .btZapBarraTop {float:none;  display: inline-block;}


#menuFixoFinal {width:100%;float:left;bottom:0px; position:fixed; z-index: 99; text-align: center;background:#111;border-top:1px solid #5C5CA7; box-shadow: 2px 0px 10px #333 ;/*border-bottom:2px solid #054AEB;*/ display: none}

#menuFixoFinalIn {width:98%;height:38px; display: inline-block;}
#menuFixoFinalIn #finalZap {width:52px;height:52px;margin-left:-48px;margin-top:-12px; display:inline-block; background: #111 url("imgs/spriteGMVidracaria.png") no-repeat -189px -44px; border-radius:100px; position: relative;}

#menuFixoFinalIn  #finalFone {width:52px;height:52px;margin-top:-15px;margin-right:6px; float:right;background:#2d1afa url("imgs/spriteGMVidracaria.png") no-repeat -359px -15px; border-radius:88px;} /*#021C57 */

#menuFixoFinalIn  #finalFb , #menuFixoFinalIn  #finalTw {width:44px;height:38px;margin-left:0px;margin-top:2px;float:left;  background:  url("imgs/spriteGMVidracaria.png") no-repeat 14px -32px; border-radius:6px;}
#menuFixoFinalIn  #finalTw {margin-left:10px; background-position: -77px -31px; }

#menu  {margin-top:33px;} 


#pagamentoIn {max-width:none;width:100%;float:none;margin:0 auto;margin-top:40px;}
#pagamentoTextoLeft{max-width:none;width:90%;float:none;margin-top:90px;margin:0 auto;}
#pagamentoTextoLeft h3{font-size:30px;}
#pagamentoTextoLeft p{width:94%;margin-top:15px;font-size:16px;}

.imgPagamento {float:left;margin-top:110px;}
.imgCartao12x {width:98%;float:none;margin: 0 auto; margin-top:70px;}


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

  
 #bairrosServicosIn  section:nth-child(odd) img  , 
#bairrosServicosIn  section:nth-child(even) img {width:98%;float:none; display: inline-block;margin-top:20px; }
#bairrosServicosIn  section:nth-child(even) img {float:none; }
#bairrosServicosIn  section:nth-child(odd)  .pgsServicos  ,#bairrosServicosIn  section:nth-child(even)  .pgsServicos {width:100%; float:none; display: inline-block;}
#bairrosServicosIn  section:nth-child(even)  .pgsServicos  {float:none;}
#bairrosServicosIn section:nth-child(odd) .pgsServicos p , #bairrosServicosIn section:nth-child(even)  .pgsServicos p {width:98%; float:none; display: inline-block; text-align: left; }
#bairrosServicosIn section:nth-child(odd)  .pgsServicos p {width:98%; float:none; display: inline-block; text-align: left; }

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

#home4In h2{font-size:40px;}
#home4In h2 small {width:20px;height:6px;display: inline-block; margin:10px 0px;}
#home4In h2 i {margin:6px; font-size:25px;}


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

#rodape p  {width:90%;float:none; font-size:17px;display: inline-block;text-align: center;} 

 #desenvolvido   {width:92%;height:30px;float:none; display: inline-block;margin-top:40px;margin-bottom:100px;font-size:13px;color:#FFF;}
 #desenvolvido a  {color:#444;}#desenvolvido a:hover  { text-decoration:underline}

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

  #bannerRight {background-image: none;display:none}
  .bannerArrow {display: none;}
#topoLogoMenuRight { display: none;}
#pagamentoIn {width: 96%;}



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

#menuOpen { margin-top:28px;margin-right:10px; } 
#menu  {width:90%; right:-90%;}  

#home5RightIn h2 {font-size:40px; font-weight:500}

/*.imgPagamento , .imgCartao12x  {float:none; display:inline-block; margin-top:50px;}*/


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


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

#bannerPgsIn  {min-height: 36px; }

#breadcrumbs {margin-top:10px; margin-bottom:0px; }
.bread0 {margin-top:0px!important;}

#breadcrumbsIn {margin-top:0px; }
#breadcrumbsIn p , #breadcrumbsIn a  {margin-top:0px;font-size:17px; font-weight: 500;}
#topoLogoMenuRight {width:auto; margin-right:40px;}
#topoLogoMenu{margin-top:0px; } 
#foneTopMobile {display: none}

#topoLogo{width:200px;height:70px;float:left;margin-top:20px;} 

a .btZapBarraTop , #redesTopo , #topFoneZap { display: none} 

#bannerLeft {width:100%; position: relative; }
#bannerIn{width:100%;margin-left:0px;  } 

.bannerArrow {display: none;}

#bannerTexto {width:90%;float:none; display: inline-block;margin-left:0px;margin-top:55px;margin-bottom:46px;  }

#bannerTexto h1 , #bannerTexto h1 span {font-size:50px; line-height:60px;letter-spacing: 2px; }
#bannerTexto h1 span {margin-top:18px;margin-bottom:10px;font-size:20px;line-height: 30px;letter-spacing: 0px;} 
#bannerTexto p {font-size:20px; }


#home2Left  {min-height:400px;  background-image: url("imgs/manutencao-sacada-varanda-retratil-articulada-vidro-vidracaria-em-sp--taboao-serra-raposo-itapevi-jandira-osasco-morumbi--pinheiros-butanta-alphaville-tambore-barueri-granja-viana-cotia-lapa-m.jpg");
background-clip: content-box;
}

.duvidas {width:96%; float:none; display: inline-block;margin-top:40px;}
.tituloDuvida {font-weight: 700;}

.imgTextoBairros {width:96%;}


#menu  {margin-top:114px;}

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

#pgsTextosIn h1 , #pgsTextosIn h1 span { font-size:40px;text-align: left; line-height: 45px;}
#pgsTextosIn h1 span {margin-top:10px; font-size:24px;line-height: 30px;}
#pgsTextosIn p { font-size:18px;text-align: left; }

#pgsTextos2In section  {width:96%; float:none; display: inline-block;}

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

#texto1BairrosTexto h1 , #texto1BairrosTexto h1 span , #texto1BairrosTexto h1 small{font-size:40px; }
 #texto1BairrosTexto h1 span{float:left;margin-top:-5px;font-size:50px; line-height: 58px;  }
 #texto1BairrosTexto h1 small{margin-top:15px;margin-bottom:10px;font:15px Roboto; color:#333; font-weight: 600; letter-spacing: -0.2px;}


 #texto1BairrosTexto p{font-size:18px;line-height: 25px; }

#home5RightIn {margin-bottom:20px;}

#pgsTextosIn .vantagens {width:92%; float:none; display:inline-block;}
#pgsTextosIn .vantagens h2 {font-size:40px}

   #allBairrosIn h3  {width:98%;float:none; display: inline-block;margin-top:40px;margin-bottom: 45px; font-size:45px ;color:#FFF; text-align:center; }
 
 #allBairrosIn ul  h4 {width:96%;height:45px;display:inline-block;font-size:28px ;line-height: 40px; text-align:center; font-weight:100; text-transform:normal; letter-spacing: 1px; border-radius:6px /*10px 0px 0px*/;}

 /*
#home2RightTexto h2 , #home2RightTexto h2 span {font-size:45px;line-height:50px;}
#home2RightTexto h2 span {margin-top:30px;font-size:45px;}
*/
#divBtsZapOrcHome2 {width:auto;float:left;margin-top:30px;margin-bottom:50px; }

#finalPg {width:98%;float:none; display: inline-block;}
#finalPg #logoFinalAll {margin-left:50px;}

#finalServico {width:280px; }
#finalServico h5 {width:100%; float:right;margin-bottom:20px;font-size:40px; color:#032A85; font-weight: 700;}
#finalServico a {width:100%; height: 40px; float:left;margin-top:18px;font-size:18px ; text-align: left;line-height: 40px; }

#finalRight {width:250px; float:left;margin-right:0px;; }
#finalRight h6 {width:100%; float:left;text-align: left; }
#finalRight p {width:auto; float:left;font-size:18px;text-align: left; }
#finalHorario {width:100%;float:left;}
#finalHorario h6 {float:left;}
#finalHorario p {float:left;margin-top:0px; text-align: left;}


.imgBox2 {width:98%;float:none; display: inline-block;}


}

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

.formOrcaZap , .btClickZap , .btClickZapPgs  {width:96%;}
.btClickZap  { margin-top:-650px;}
.btClosedX  {right:-41px;margin-top:-16px;margin-right:30px;}
#emailErro{float:right;right:30px;margin-top:-8px;margin-left:0px;z-index:9999!important}


#texto1BairrosTexto p{font-size:17px;line-height: 24px; }
#bairrosServicosIn  section:nth-child(odd) img  , 
#bairrosServicosIn  section:nth-child(even) img {width:96%;float:none; display:inline-block;}

#bairrosServicosIn section:nth-child(odd)  .pgsServicos h2 , #bairrosServicosIn section:nth-child(even)  .pgsServicos h2    ,
#bairrosServicosIn section:nth-child(odd)  .pgsServicos h2  span ,#bairrosServicosIn section:nth-child(even)  .pgsServicos h2 span  {font-size:30px; text-align: center; }


#bairrosServicosIn section:nth-child(odd) .pgsServicos p , #bairrosServicosIn section:nth-child(even)  .pgsServicos p {font-size:16px;}

#allBairrosIn ul  h4 {width:98%;height:40px;display:inline-block;font-size:24px!important ;line-height:35px; text-align:center; text-transform:normal; letter-spacing: 1px; border-radius:10px 10px 0px 0px; }
 #finalPg #logoFinalAll {margin-left:12%;}
 
.pgEmpresa1200{margin-top:10px;}
 
 } @media only screen and (max-width:422px)  {
 
 #home1Texto h2 {margin-top: -20px; margin-bottom:20px; font-size:45px;line-height:65px; }
 
 #formHome {width:96%;border-radius:20px; }
#formHomeIn {width:92%; margin-top:12px;display: inline-block; }

#home4In section {width:320px;height: 450px;margin:0px;margin-top:20px; display: inline-block;border:1px solid #CCC; border-radius:8px; background: #FFF; overflow: hidden}

#allBairrosIn h3{width:292px; margin-bottom: -20px; font-size:40px;} 
#finalPg #logoFinalAll {margin-left:6%;}


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

#galleria100In h4::after {width:93%; }
 
 }
 
  @media only screen and (max-width:390px)  {
    
/*	
#home2RightTexto h2 , #home2RightTexto h2 span {font-size:45px;line-height:50px;}
#home2RightTexto h2 span {margin-top:12px;font-size:40px;}
*/	
 #home4In h2 small , #home4In h2 i {display:  none}
 
 
 .pgEmpresaTexto h1 {font-size:30px;}
.imgEmpresa {width: 98%; }
.pgEmpresaTexto h2 {margin-top:30px;font-size:30px;}

#valoresEmpresa{width:300px; }
#valoresEmpresa section {width:100%;height: 220px; font-size:0px;margin-top:0px;margin-left:0px;}
 
/* .imgCartao12x {width:300px;}*/
 
 #pagamentoTextoLeft h3{font-size:24px;}
#pagamentoTextoLeft p{margin-top:15px;font-size:15px;}

 } @media only screen and (max-width:360px)  {
 
#pagBairrosGalleriaIn section img {width:92px;margin:1.5%; } 
 
 
}  @media only screen and (max-width:350px)  {
 #home1Texto h2 {margin-top: -20px; margin-bottom:20px; font-size:35px;line-height:45px; }


 } 
   @media only screen and (max-width:345px)  {
   
#home2RightTexto h2 , #home2RightTexto h2 span {font-size:27px;line-height:35px;}
#home2RightTexto h2 span {margin-top:10px;margin-bottom:0px;font-size:23px;}
#home2RightTexto p {font-size:16px;}

#home4In section {width:290px;}   
#menuFixoFinalIn #finalZap {margin-left:-24px;} 
       
#galleria100In img {width:88px;height: 88px;margin:2px; }
   
 }   @media only screen and (max-width:330px)  {
    #menu li a  {width:94%; height:40px; margin-top:0px;margin-bottom: -2px;font-size:17px; line-height: 42px; text-indent: 4px; ;}
          #allBairrosIn li a {font-size:20px}
 #pagBairrosGalleriaIn section img {width:90px;margin:1%; } 
 }  /*impar e par  nth-child(even) ou odd */
  @media only screen and (max-width:320px)  {  a .btZapPgs , a .btZapPgsBairros { width:270px;}   .btClickZap  .formHomeImgAtendente {margin-top:-20px;}
.btEnviarWhats {width:230px;}

}  @media only screen and (max-width:315px)  {
   #home4In section {width:270px;}
.btClosedX  {width:40px;height:40px;right:-40px;margin-top:-16px;margin-right:30px;}
.btClosedX  p {margin-top:8px;text-align: center;}

 #pagBairrosGalleriaIn section img {width:87x;margin:0.5%; } 
}




