/* 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 : 1024px) {
    #geral-bts-extra{width: 90%;}
    #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;}
   
   #box-aplicativo {
    padding: 1% 3% 5% 3%;
}

#box-aplicativo .box-direito {
    width: 50%;
    float: left;
}

#box-aplicativo .box-esquerdo {
    width: 50%;
    float: left;
    padding: 5% 0% 1% 0%;
}

#box-aplicativo .box-direito-desk {
    width: 50%;
    float: left;
    visibility: visible;
}


}    
/* celulares */
@media only screen and (max-width : 768px) {
	
	#aplicativo .img-topo {
    height: 150px;
}
	
	#box-aplicativo .box-direito {
    width: 40%;
    float: left;
}
	
	#box-aplicativo .box-direito-desk {
    width: 40%;
    float: left;
	visibility: hidden;	
	display:none;
}

#box-aplicativo .box-direito-mob {
    width: 40%;
    float: left;
	visibility:visible;
	display:block;
}
	
	#box-aplicativo .bloco1 img {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
}
	
	#box-aplicativo .box-esquerdo {
    width: 100%;
    float: left;
    padding: 5% 0% 1% 0%;
}
	
	#box-aplicativo .bloco1 {
    width: 100%;
    margin: 0px auto;
    padding: 1% 0% 5% 0%;
    display: grid;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    justify-items: center;
}

    #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;
        border-bottom: 1px solid #ccc;
    }

    .tools-4 p {
        color: #000;
        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 {
        color: #000;
        font-size: 1.85em;
        font-family: 'Noto Serif', serif;
        padding-bottom: 3%;
    }

    #box-newsletter {
        width: 100%;
        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%;
        height: 1070px;
    }

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

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

    #box-sobre-esquerdo {
        width: 47%;
        float: left;
        min-height: 335px;
        border-right: none;
        padding-right: 5%;
        text-align: center;
    }

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

    #box-sobre-esquerdo h2 {
        color: #000;
        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;
    }
    #box-bts-extras{background: none;}

    #box-sobre{background: none;}
    #box-sobre-esquerdo{
		width: 90%;
    float: none;
    margin: 5px auto;
    padding-right: 0%;
    padding-bottom: 50px;
}

    #box-sobre-meio{display: none;}

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

    #box-geral-tools {
        min-height: 400px;
    }
    #box-tools {min-height: 345px; margin-top:200px;}
    .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: 750px;}
    #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-esquerdo, #social-direito{display: none;}
    #social-meio{width: 100%;}

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

    #seta-up{display: none;}
	
	#rodape {
    width: 80%;
    height: 290px;
    clear: both;
    padding: 20px 10%;
    margin: 0px auto;
    }   
   
    /*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%;   }


}

@media only screen and (max-width : 450px) {
	
	#box-aplicativo .box-direito-mob {
    width: 70%;
    float: left;
    visibility: visible;
    display: block;
}
	
	#box-aplicativo .box-direito {
    width: 70%;
    float: left;
}
	
	#box-aplicativo {
    padding: 2% 8% 10% 8%;
}
	
	#box-aplicativo .bloco1 a {
    text-align: center;
    float: none;
    margin: 20px auto;
    background-color: #e83255;
    padding: 10px 30px;
    color: #fff;
    border-radius: 90px;
    font-size: 1.1rem;
    transition: 0.3s;
    clear: both;
    text-align: center;
    display: block;
    width: 52%;
}
	
	#box-aplicativo .bloco1 p {
    text-align: left;
    font-size: 1rem;
    font-family: 'Noto Serif';
    color: #000;
    font-weight: 500;
}
	
	#box-aplicativo .bloco1 ul li {
    text-align: left;
    font-size: 1rem;
    font-family: 'Noto Serif';
    color: #000;
    font-weight: 500;
    padding-bottom: 18px;
}
	
	#box-aplicativo .bloco1 h2 {
    color: #000;
    font-size: 1.75rem;
    margin-bottom: 30px;
    text-align: left;
    font-family: 'Noto Serif', serif;
    letter-spacing: -1px;
}
	
	#aplicativo h1 {
    font-size: 2rem;
    padding-top: 7%;
}
	
	#aplicativo .img-topo {
    height: 110px;
}
	
	#wrap-topo {
    width: 100%;
    height: 75px;
    padding: 8px 0px;
}
	
	#menu-lateral {
    float: right;
    width: 15%;
    text-align: right;
    margin-top: 14px;
    cursor: pointer;
}
	
	#div-logo-topo {
    float: left;
    width: 50%;
}
	
	#div-logo-topo img {
    width: 100%;
}


    .tools {
        min-height: 120px;
        width: 90%;
    }

    #box-sobre {
        width: 100%;
        margin: 0px auto;
        padding: 0% 0% 5% 0%;
        height: 515px;
    }
    #box-tools-4 {
        background: none;
        min-height: 560px;
        padding: 15% 0% 10% 0%;
    }
    #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%;
    }
    #box-tools-4 h1 {
        width: 100%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        font-size: 2.2em;
        color: #000;
        padding-bottom: 3%;
        font-family: 'Noto Serif', serif;
    }
    #box-newsletter {
        width: 100%;
        min-height: 0px;
        padding: 5% 0% 5% 0%;
    }
    .tools-4 h2 {
        color: #000;
        font-size: 1.6em;
        font-family: 'Noto Serif', serif;
        padding-bottom: 3%;
    }
    .tools-4 p {
        color: #000;
        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;
    }
    #box-tools-3 h1 {
        width: 100%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        color: #fff;
        font-size: 2em;
        font-family: 'Noto Serif', serif;
        padding-bottom: 7%;
        padding-top: 10%;
    }
    #geral-bts-extra {
        width: 90%;
        float: none;
        min-height: 352px;
        margin: 0px auto;
        padding: 10px 0px;
    }
    #box-geral-sobre {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    float: none;
    height: 1060px;
}
    #box-sobre-esquerdo h2 {
        color: #000;
        font-size: 2em;
        margin-bottom: 30px;
        text-align: center;
        font-family: 'Noto Serif', serif;
        letter-spacing: -1px;
        padding-top: 5%;
        line-height: 30px;
    }
    #box-sobre {
            width: 100%;
    margin: 0px auto;
    padding: 0% 0% 5% 0%;
    min-height: 800px;
}
	#box-sobre-direito {
    width: 100%;
    float: left;
    min-height: auto;
    margin-left: 0%;
    margin: 0 auto;
    text-align: center;
}
#box-sobre-direito h2 {
    color: #000;
    font-size: 2em;
    margin-bottom: 30px;
    text-align: center;
    font-family: 'Noto Serif', serif;
    letter-spacing: -1px;
}

}

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

    #box-sobre {
        width: 100%;
        margin: 0px auto;
        padding: 0% 0% 5% 0%;
    }

}


@media only screen and (max-width : 380px) {
	
	#div-logo-topo {
    float: left;
    width: 70%;
}

    .tools {
        min-height: 120px;
        width: 90%;
    }
    #box-geral-tools {
        min-height: 830px;
    }
    #box-newsletter {
        width: 100%;
        min-height: 100px;
        padding: 10% 0% 5% 0%;
    }
    #titulo-newsletter h2 {
        margin-bottom: 0px;
        font-size: 1.45em;
        padding-top: 11px;
        font-family: 'Noto Serif', serif;
        color: #fff;
    }
    #inewsletter button {
        width: 59%;
        height: 2.5em;
        font-size: 1.1em;
    }
    #box-tools-4 h1 {
        width: 100%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        font-size: 1.85em;
        color: #000;
        padding-bottom: 3%;
        font-family: 'Noto Serif', serif;
    }
    #box-tools-3 h1 {
        width: 100%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        color: #fff;
        font-size: 1.6em;
        font-family: 'Noto Serif', serif;
        padding-bottom: 7%;
        padding-top: 10%;
    }
    #box-tools-3 h2 {
        font-size: 1.35em;
        color: #fff;
        font-family: 'Noto Serif', serif;
    }
    .txt-galeria {
        width: 85%;
        border: 1px solid #fff;
        margin: 0 auto;
        padding: 4%;
        text-align: center;
        float: none;
        transition: 1s;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -ms-transition: 1s;
        -o-transition: 1s;
        margin-bottom: 10px;
    }
    #box-tools-3 {
        min-height: 280px;
    }
    #rodape-titulo {
        font-size: 1.45em;
        font-family: 'Noto Serif', serif;
        color: #fff;
        width: 100%;
        clear: both;
        margin: 0 auto;
        text-align: center;
        padding-bottom: 7%;
        padding-top: 3%;
    }
    #rodape-info {
        width: 95%;
        min-height: 190px;
    }

}

@media only screen and (max-width : 375px) {
    #box-geral-tools {
        min-height: 300px;
    }	
}