@media screen and (max-width: 8000px) {
.destaque h1 {
  padding-top:280px;
}

.meusite {
  padding:50px 0 50px 0;
}

.heightService{height: 76vh;}

}

@media screen and (max-width: 1600px) {
.meusite {
  padding:220px 0;
}

}

@media screen and (max-width: 1480px) {
.destaque h1 {
  padding-top:80px;
}
.meusite {
  padding:200px 0;
}
}

@media screen and (max-width: 1366px) {
  .meusite {
  padding:40px 0;
  min-height: 600px;
}
.destaque-inscricao {
  min-height: 200px; padding:50px 0; margin-top:80px;
}
.proposicoes {
  font-size:25px;
}
.align-items-center {height: 80vh;}
.align-items-center-economia {height: 72vh; margin-bottom: 0vh;}
.heightService {height: 70vh;}
form.formContato {margin: 8px 0 10px 0;}
}

@media screen and (max-width: 1350px) {
  .destaque {min-height: auto !important;}
}

@media screen and (max-width: 1200px) {
  .logotipo {width:25%;}
  nav {width:75%; margin-right:-4px;}
  .align-items-center {height: auto;}
.align-items-center-economia {height: auto;}
.heightService {height: auto;}
.telaEconomia {height: auto; padding-bottom: 15px;}
.filhoFlex-30 {margin-bottom: 35px;}
.telaContato{min-height:auto;}
}

@media screen and (max-width:1048px) {
.destaque h1 {
  font-size:60px;
}
.destaque h2 {
  font-size:40px;
}
.filhoNone1048 {display: none;}
 .ajusteServceAte1048 {height: auto;}
 .filhoFlex-30 {width:40%;}
 .justify-content-space-between {justify-content: space-between;}
 .filhoFlex-25 {width: 31%; padding: 2% 0;}
}

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

.filhoFlex-30 {
  width: 46%;
  padding: 0.2% 2%;
  justify-content: center;
}
}

@media screen and (max-width: 991px) {
  .SJ-Faixa-Azul h1, .SJ-Faixa-Azul h2, .SJ-Faixa-Azul h3, .SJ-Faixa-Azul p {text-align: center;}
.logotipo img {
  max-width: 220px !important;
}
.noMobile991 {display: none;}
.itensProjetos h3, .itensProjetos h4, .itensProjetos p, .itensProjetos b {text-align: left !important;}
.telasProjsModal {display: initial;}
}

@media screen and (max-width: 900px) {
.Input-2 {
  float:right;
}
.Select-1 {
  float:right !important;
}

.left-center {text-align: center !important;}
footer span.inputsForm {max-width: 70% !important;}
.logotipo {width:32%; padding-top:0em;}
    .logotipo a:link {line-height: 2.5em;}
    .destaque {margin-top:0em;}
    .menu { position: relative;}
    .SJ-MT-Destaque {margin-top:20em;}

    .menu {background-color:#333; background-image:linear-gradient(90deg, #555, #111, #000);}
    
   /*menu expansível */
    .SJ-acoraDetalhes {position: relative !important; top:0px !important;}
    nav.menuTopo {width: 68%; margin-top:20px; display: inline-block; vertical-align: top;}
    nav.menuTopo ul {display: none;}  
    nav.menuTopo a#pull {display: block;}
    nav.menuTopo li {display: block; float: none; width:100%; padding:0 0 0 0; text-align: center; margin-bottom: 1px;}
    nav.menuTopo li:hover {}
    nav.menuTopo a:link, nav a:visited {text-decoration: none; text-align: center; width:100%; float:none; margin:0; padding:6px 0; height: auto; border-radius: 0; }
    nav.menuTopo ul li a:link, nav ul li a:visited  {background-color:#333; background-image:linear-gradient(90deg, #555, #111, #000); color:#fff; padding:16px 0; border-radius:4px; }
    nav.menuTopo ul li a:hover, nav.menuTopo a.ativado, nav.menuTopo ul li a.ativo:link, nav ul li a.ativo:visited  {
      box-shadow: none; color:#fff; background-color:#F58634; background-image:linear-gradient(90deg, #F58634, #F47B21, #F36F0C); 
    }
    div.a-pull {display:block;  width:100%; text-align: right; color: #fff;}
    a#pull {width:100%; text-align: right; height:auto;}

    nav.menuTopo ul.menuDeslizante {position: absolute; z-index: 99999; width:340px; margin:0 0 0 auto; margin-top:1px !important; top:40px; right:2%;}

nav ul li a {
padding: 0.3em 0.6em;
font-size: 1.7em !important;
}
nav ul li.sepHifen {
display: none;
}
.sy-pager {margin-top:-40px !important;}

.bk-nav {
  background-image:none;
  }
.gridContato {width: 100%;}
}

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

.fixaButtonBottom {position: relative; bottom: auto; margin:16px 0 0 0;}
        .SJ-MH-460 {min-height: auto;}

.proposicoes {font-size: 25px;}
.OMandato {min-height: auto !important;}
.titulosH2 {font-size:3em !important;}
.numerosConquistados {flex-flow: row wrap;}
.carousel-lp .carousel-control.left, .carousel-lp2 .carousel-control.left, .carousel-lp .carousel-control.right, .carousel-lp2 .carousel-control.right {
  display: none;
}
.depoimentos-lp, .depoimentos-lp2 {padding:0;}
.telaQuemSomos .objetivoQS {font-size: 18px; text-align: center; margin-bottom: 15px;}
.telaQuemSomos .tab-content .tab-pane .iconsQSTab {float: none; margin-right: 0; display: block;}
.noMobile767 {display: none;}
.widthPanel767 {width:100%;}
 .boxDados {justify-content: space-between; height: auto;}
 .boxDados a:link, .bodDados a:visited {font-size: 16px; width: 49.6%; margin-bottom: 18px;}
}

@media screen and (max-width: 700px) {
  .destaque {
}
.destaque h1 {padding-top:30px;}
.tabsProp {display: none !important;}
.inputDiv input, .inputDiv textarea {
  background: rgba(255,255,255.1);
}
.telaQuemSomos, .tela2, .telaProjetos, .tela1, .telaContato, .tela5 {background: #333;}
.telaEconomia {background: #E7F4FA;}
 .filhoFlex-25 {width: 48%;}

}

@media screen and (max-width: 639px) {
.meusite {
  padding:10px 0;
}
.filhoFlex-30 {
  width: 96%;
  padding: 0.2% 2%;
  justify-content: center;
}

.gridContato {
        -ms-grid-columns:1fr;
        grid-template-columns:1fr;
        grid-template-areas:"gridNome"
                            "gridEmail"
                            "gridTelefone"
                            "gridContaLuz"
                            "gridMensagem";
        width:68%;
        margin:0 auto;
    }
    .gridNome, .gridEmail, .gridTelefone, .gridContaLuz, .gridMensagem {margin:10px 0 !important;}
    .gridMensagem {min-height: 100px;}
    .gridContato .gridContaLuz {padding: 16px 15px;}
    .fileUpload label span {margin-top: -16px;}
 .boxDados a:link, .bodDados a:visited {font-size: 18px; width: 99.6%;}
}

@media screen and (max-width: 520px) {
  .destaque h1 {
  font-size:36px;
}
.destaque h2 {
  font-size:22px;
}
html {
  overflow: auto !important;
}
.telaQuemSomos .tab-content .tab-pane ul.listaQS li {font-size: 15px;}
.widthAntesDepois {width:100%; text-align: center; margin:0 auto;}
 .filhoFlex-25 {width: 99.6%; padding:3% 0;}
 .paddingZero520 {padding: 0;}
 .gridContato {width:98%;}
}

@media screen and (max-width:  410px) {
  span.textoLogotipo {
    display: none;
  }
}

@media screen and (max-width: 379px)  {
    nav.menuTopo ul.menuDeslizante {width:256px; right:1%;}
    span.inputSubmit input {font-size:20px !important; width:200px !important;}
    .boxDados i {font-size: 14px;}
    .boxDados a:link, .bodDados a:visited {font-size: 16px;}
  }
@media screen and (max-width: 314px)  {
    .boxDados i {display: none;}
    .boxDados a:link, .bodDados a:visited {line-height: 18px;}
  }
@media screen and (min-width: 1510px) and (max-width: 3000px) {
  body {
    height: 100vh;
  }
}