/* desktops tela pequena */
@media only screen and (max-width : 1200px) {

   #box-bts-extras { background: url('../img/linha.png') repeat-y left; width: 100%; margin: 0px auto ; height: 190px; position: static; }
    #geral-bts-extra { width: 70%; float: none; min-height: 190px;  margin: 0px auto; padding: 10px 0px; }
    .bts-extra { width: 31%; float: left; margin:0px 1%; text-align: center;}

    .tools{padding: 10px 4%;}
    .tools-4{min-height: 190px;}

    #bloco-parceiros{ min-height: 140px;}
    .bx-parceiro{min-height: 90px;}
    #box-sobre {
        width: 100%;
        margin: 0px auto;
        padding: 0% 0% 5% 0%;
        background: url(../img/linha.png) repeat-y left;
        height: 440px;
    }
}
/* tablets */
@media only screen and (max-width : 992px) {

    #box-sobre-direito {
        width: 90%;
        float: none;
        min-height: 440px;
        margin-left: 0%;
        clear: both;
        margin: 0 auto;
    }

    #box-sobre-esquerdo h2 {
        color: #6b0404;
        font-size: 2.5em;
        margin-bottom: 30px;
        text-align: center;
        font-family: 'Noto Serif', serif;
        letter-spacing: -1px;
    }

    #box-sobre-esquerdo {
        width: 90%;
        float: none;
        min-height: 585px;
        border-right: none;
        padding-right: 0%;
        text-align: center;
        clear: both;
        margin: 0 auto;
    }

    #box-sobre {
        width: 100%;
        margin: 0px auto;
        padding: 0% 0% 5% 0%;
        background: url(../img/linha.png) repeat-y left;
        height: 1050px;
    }

    .bts-extra p {
        font-size: 1.15em;
        text-align: center;
        padding-left: 0px;
    }

    .bts-extra h2 {
        font-size: 1.8em;
        font-family: 'Noto Serif', serif;
        text-align: center;
        padding-left: 0%;
        padding-bottom: 4px;
        padding-top: 8px;
        color: #fff;
    }

    .bts-extra {
        width: 48%;
        float: left;
        margin: 6px;
        text-align: center;
        padding: 16px 0px;
    }
    #box-geral-sobre{width: 90%;min-height: 460px;}
    #box-tools-esquerdo{width: 100%; float: none;}
    #box-tools-direito{display: none;}

   #box-tools{ min-height: 457px; padding: 0px 0px;}
   .tools{width: 40%;}

   #box-tools-2{min-height: 560px;}
   #box-artigos{width: 100%; margin: 5px auto;}
   #box-calendario { width: 100%;}

   #box-galeria {width: 95%;}

   #box-letter { width: 90%;}

   #tools-4 {width: 90%;}

   #bloco-parceiros {width: 100%;}

   #rodape-rede-social { width: 100%;}
   #rodape ul li a img{width: 50%;}

   #box-newsletter{background: none;}
   #inewsletter input { width: 100%;}
   #inewsletter button {
    width: 30%;
    height: 2.5em;
    font-size: 1.0em;
}

   #bt-artigo{width: 90%;}

   #contato { width: 85%; border: 0px;}
   #mapa-vendas{display: none;}

}    
/* celulares */
@media only screen and (max-width : 768px) {
	
	#rodape {
    width: 100%;
    height: 430px;
    clear: both;
    margin: 0px auto;
    padding: 0% 0% 1% 0%;
}

    #box-sobre-direito ul li {
        line-height: 32px;
        font-size: 1.35em;
    }

    #box-sobre-direito {
        width: 90%;
        float: none;
        min-height: 440px;
        margin-left: 0%;
        clear: both;
        margin: 0 auto;
        padding-top: 6%;
    }

    #box-sobre-direito h2 {
        color: #6b0404;
        font-size: 2.25em;
        margin-bottom: 30px;
        text-align: left;
        font-family: 'Noto Serif', serif;
        letter-spacing: -1px;
    }

    #box-bts-extras {
        width: 100%;
        margin: 0px auto;
        height: 265px;
        position: static;
    }

    #div-logo-topo {
        float: left;
        text-align: left;
        padding-top: 13px;
        width: 303px;
    }

    #box-tools-4 {
        background: none;
        min-height: 875px;
    }

    .tools-4 {
        width: 26%;
        float: left;
        margin: 5px 1%;
        padding: 4% 2%;
        text-align: center;
        min-height: 194px;
        border-right: none;
    }

    .tools-4 p {
        font-size: 1.35em;
        margin-bottom: 0px;
        font-family: calibri;
        line-height: 21px;
        padding-top: 3%;
        width: 50%;
        clear: both;
        margin: 0 auto;
        text-align: center;
    }

    .tools-4 h2 {
        font-size: 1.85em;
        font-family: 'Noto Serif', serif;
        padding-bottom: 3%;
    }

    #box-newsletter {
        width: 100%;
        background: url(../img/linha.png) repeat-y left;
        min-height: 100px;
        padding: 5% 0% 5% 0%;
    }

    #box-tools {
        min-height: 400px;
        padding: 5% 0% 5% 0%;
    }

    #box-sobre {
        width: 100%;
        margin: 0px auto;
        padding: 0% 0% 5% 0%;
        background: url(../img/linha.png) repeat-y left;
        height: 370px;
    }

    #box-sobre-esquerdo a {
        text-align: center;
        float: none;
        margin: 10px 0px;
    }

    #texto-conteudo {
        width: 100%;
        text-align: justify;
    }

    #box-sobre-esquerdo {
        width: 47%;
        float: left;
        min-height: 335px;
        border-right: none;
        padding-right: 5%;
        text-align: center;
    }
    #box-sobre-esquerdo h2 {
        color: #6b0404;
        font-size: 2.25em;
        margin-bottom: 30px;
        text-align: center;
        font-family: 'Noto Serif', serif;
        letter-spacing: -1px;
        padding-top: 5%;
    }

    .bts-extra p {
        font-size: 1.15em;
        text-align: center;
        padding-left: 0px;
    }

    .bts-extra h2 {
        font-size: 1.6em;
        font-family: 'Noto Serif', serif;
        text-align: center;
        padding-left: 0%;
        padding-bottom: 4px;
        padding-top: 8px;
        color: #fff;
    }

    #geral-bts-extra {
        width: 70%;
        float: none;
        min-height: 352px;
        margin: 0px auto;
        padding: 10px 0px;
    }

    #wrap-topo{background: none;}
    #box-bts-extras{background: none;}

    #box-sobre{background: none;height: 965px;}
    #box-sobre-esquerdo{width: 90%; float: none; margin:5px auto;}
    #box-sobre-meio{display: none;}

    .bts-extra {
        width: 100%;
        margin-bottom: 10px;
    }

    #box-geral-tools {
        min-height: 445px;
    }
    #box-tools {min-height: 345px;}
    .tools{min-height: 120px; width: 37%;}

    .box-galeria {width: 100%;}
    #box-galeria { min-height: 215px;}

    #box-tools-3 { min-height: 370px;}

    #box-tools-4{background: none;min-height: 600px;}
    #tools-4{margin:0px auto;}
    .tools-4 { width: 96%; margin:5px auto;}
    
    #fundo-depoimento,#box-depoimento,#box-parceiros{display: none;}

    #topo-rodape ul{display: none;}

    #rodape-info {width: 95%; min-height: 150px;}

    #rodape-esquerdo{width: 90%; border: 0px}
    #rodape-direito{width: 90%;}

    #social-meio{width: 100%;}

    #social-meio ul li{width: 60px;}

    #seta-up{display: none;}
	
    /*BOTÃO AJUDA CHAT*/
    #fecha-tudo{display: none;}
    /*BOTÃO AJUDA CHAT*/

    .box-parceiro {
      margin: 20px 2%;
      float: none;
      width: 98%;
      min-height: 305px;
      text-align: center;
    }

    #idocumentos {width: 85%;}
    #abertura, #migracao{width:90%;}

    .galeria-fotos, .galeria-videos { width:100%;   }
    #rodape-rede-social {
        width: 27%;
    }

}

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

    #div-logo-topo {
        float: left;
        text-align: left;
        padding-top: 13px;
        width: 220px;
    }
    #wrap-topo {
        background: none;
        height: 110px;
    }
    #barra-topo {
        min-height: 115px;
        width: 90%;
        margin: 0px auto;
        border-bottom: 1px solid #ccc;
    }
    #menu-lateral {
        float: right;
        width: 15%;
        text-align: right;
        margin-top: 33px;
        cursor: pointer;
    }
    #box-sobre-esquerdo h2 {
        color: #6b0404;
        font-size: 1.85em;
        margin-bottom: 30px;
        text-align: center;
        font-family: 'Noto Serif', serif;
        letter-spacing: -1px;
        padding-top: 5%;
    }
    .bts-extra {
        width: 100%;
        float: none;
        margin: 0px;
        clear: both;
        text-align: center;
        padding: 0px 0px;
        margin-bottom: 10px;
    }
    .bts-extra h2 {
        font-size: 1.4em;
        font-family: 'Noto Serif', serif;
        text-align: center;
        padding-left: 0%;
        padding-bottom: 0px;
        padding-top: 11px;
        color: #fff;
    }
    #box-bts-extras {
        width: 100%;
        margin: 0px auto;
        height: 183px;
        position: static;
    }
    #box-sobre {
        background: none;
        height: 1220px;
    }
    #box-sobre-direito h2 {
        color: #6b0404;
        font-size: 1.7em;
        margin-bottom: 19px;
        text-align: left;
        font-family: 'Noto Serif', serif;
        letter-spacing: -1px;
    }
    #box-tools h1 {
        width: 100%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        color: #fff;
        font-size: 2em;
        font-family: 'Noto Serif', serif;
        padding-top: 5%;
    }
    .tools h2 {
        margin-bottom: 3px;
        font-size: 1.45em;
        padding-top: 11px;
        font-family: 'Noto Serif', serif;
        color: #d5ad60;
    }
    .tools p {
        margin-top: 0px;
        font-size: 1em;
    }
    #box-geral-tools {
        min-height: 400px;
    }
    #box-tools-4 h1 {
        width: 100%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        font-size: 2em;
        color: #6b0404;
        padding-bottom: 6%;
        font-family: 'Noto Serif', serif;
        padding-top: 5%;
    }
    .tools-4 h2 {
        font-size: 1.65em;
        font-family: 'Noto Serif', serif;
        padding-bottom: 2%;
    }
    .tools-4 p {
        font-size: 1.2em;
        margin-bottom: 0px;
        font-family: calibri;
        line-height: 18px;
        padding-top: 3%;
        width: 90%;
        clear: both;
        margin: 0 auto;
        text-align: center;
    }
    .tools-4 {
        min-height: 147px;
    }
    #box-tools-4 {
        background: none;
        min-height: 510px;
    }
    #rodape-titulo {
        font-size: 1.8em;
        font-family: 'Noto Serif', serif;
        color: #d5ad60;
        width: 100%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        padding-bottom: 6%;
        padding-top: 7%;
    }
    #rodape-rede-social {
        width: 50%;
    }
    #layerslider p{display: none!important;}

}


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

    #geral-bts-extra {
        width: 90%;
        float: none;
        min-height: 352px;
        margin: 0px auto;
        padding: 10px 0px;
    }
    .bts-extra h2 {
        font-size: 1.2em;
        font-family: 'Noto Serif', serif;
        text-align: center;
        padding-left: 0%;
        padding-bottom: 0px;
        padding-top: 11px;
        color: #fff;
    }
    #box-sobre-esquerdo h2 {
        color: #6b0404;
        font-size: 2em;
        margin-bottom: 24px;
        text-align: center;
        font-family: 'Noto Serif', serif;
        letter-spacing: -1px;
        padding-top: 5%;
        line-height: 29px;
    }
    #box-sobre {
        background: none;
        height: 1520px;
    }
    #box-tools h1 {
        width: 100%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        color: #fff;
        font-size: 2.2em;
        font-family: 'Noto Serif', serif;
        padding-top: 5%;
    }
    .tools {
        min-height: 161px;
        width: 90%;
    }
    #box-tools {
        min-height: 885px;
    }
    .tools h2 {
        margin-bottom: 3px;
        font-size: 1.65em;
        padding-top: 11px;
        font-family: 'Noto Serif', serif;
        color: #d5ad60;
    }
    .tools p {
        margin-top: 0px;
        font-size: 1.15em;
    }
    #box-tools-4 h1 {
        width: 80%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        font-size: 2em;
        color: #6b0404;
        padding-bottom: 11%;
        font-family: 'Noto Serif', serif;
        padding-top: 11%;
        line-height: 28px;
    }
    #rodape-titulo {
        font-size: 1.8em;
        font-family: 'Noto Serif', serif;
        color: #d5ad60;
        width: 90%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        padding-bottom: 6%;
        padding-top: 11%;
        line-height: 25px;
    }
    #rodape p {
        font-size: 1.1em;
        color: #fff;
        padding-bottom: 1%;
        font-family: 'Noto Serif', serif;
    }
    #rodape-rede-social {
        width: 60%;
    }
    

}