/* desktops tela pequena */
@media only screen and (max-width : 1200px) {
  #wrap-topo { width: 40%; margin-top: 6px; }
  .ferramenta p {font-size: 0.9em;}

     

}
/* tablets */
@media only screen and (max-width : 992px) {
   #wrap-topo {
      width: 100%;
      height: 615px;
      padding: 10px 0px;
      position: absolute;
      left: 0px;
      z-index: 9999;
      border-right: 0px;
      margin: 6px auto;
  } 

  .qd-menu{ width: 43%;}

  #bt-documento{width: 90%; margin: 5px auto; }

  #box-tools h2{font-size: 1.5em;}
  #box-tools-esquerdo {
      width: 100%;
      float: none;
      margin: 5px auto;
  }

  .tools{margin: 5px auto;}

   .ferramenta {float: left;width: 26%;margin: 30px 12%;text-align: center;}    
  .atendimento p{font-size: 1.2em;}
   #box-ferramentas {width: 100%;margin: 30px auto;min-height:744px;padding-bottom: 150px;}    
  
  /*padrão da estrutura*/
  #contato { width: 85%; border: 0px;}
  .box-parceiro{width: 90%; float: none; margin: 5px auto;}
  #mapa-vendas{min-height: 600px; width: 90%; float: none; margin: 2% auto; }
  /*padrão da estrutura*/

}    
/* celulares */
@media only screen and (max-width : 768px) {
    
    .ferramenta p {
    font-size: 1rem;
}
    
    .ferramenta h1 {
    font-size: 1.4rem;
    margin: 7px auto;
    color: #212844;
    font-weight: 600;
}
    
    #box-ferramentas h2 {
    width: 70%;
    clear: both;
    margin: 0 auto;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 2.25rem;
    color: #1f3384;
    font-weight: 600;
}
    
    #box-ferramentas {
    width: 100%;
    margin: 0 auto;
    min-height: auto;
    padding: 5% 5%;
    display: table-cell;
}

   #wrap-topo{height: 100px; position: static; margin: 0px auto; left: 0px; border-bottom: 2px solid #ddd;} 
   #barra-topo {min-height: 130px; width: 90%; margin: 0px auto;}

   #div-logo-topo {
      width: 324px;
      height: 95px;
      text-align: left;
      margin: 0px;
      float: left;
  }

  
  #bt-documento{display: none;}

   #full-slider-wrapper p{display: none;}
   #full-slider-wrapper {
    min-height: auto;
    background: #ffffff;
}
#box-geral-sobre {
    width: 100%;
    margin: 0px auto;
    min-height: auto;
    text-align: center;
    border-top: 20px solid #2d3e8b;
    padding: 6% 0%;
}

#box-geral-sobre h2{
        margin: 0;
    font-size: 30px;
    font-weight: 600;
    font-family: sans-serif;
}
#texto-conteudo {
    width: 90%;
    text-align: center;
    font-size: 1.2em;
    clear: both;
    margin: 0 auto;
    padding-top: 16px;
}
#box-geral-tools {
    width: 90%;
    float: none;
    height: auto;
    padding-top: 40px;
    margin: 0 auto;
}
#box-geral-tools2 {
    width: 100%;
    float: none;
    min-height: auto;
    padding-top: 0px;
    margin: 0 auto;
    padding: 1% 0% 11% 0%;
}

  #box-menu{display: none;}
  #menu-lateral{display: block;}

    #icalendario table {width: 100%;margin: 0 auto;background-color: #fff;height: 260px;}
  .atendimento {
      width: 100%;
      text-align: center;
      float: none;
  }

  .ferramenta {
    width: 50%;
    margin: 15px auto;
    text-align: center;
}
  #box-noticias-contabeis{display: none;}

  #box-newsletter { width: 90%; float: none; margin: 5px auto;}

  #icone-newsletter { float: none; text-align: center;  width: 100%;}

  #inewsletter input { width: 90%;}
  #inewsletter button { width: 40%;}

  #rodape{
    height: auto;
    padding: 5% 0% 0% 0%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
  #rodape-esquerdo {float: none; width: 100%;}
  #rodape-direito {
        float: none;
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 1.5rem;
    padding: 10px 0px;
}

#rodape-final {
    width: 90%;
    height: auto;
    margin: 0px auto;
    padding: 5% 0%;
    background: #1b2031;
    display: flow-root;
}

  /*padrão da estrutura*/
  
  #menu-lateral_secundario{width: 40px;}


    #menu-lateral{width: 35px;}
    #fecha-tudo{display: none;}
    #idocumentos {width: 85%;}
    #abertura, #migracao{width:90%;}
    .galeria-fotos, .galeria-videos { width:100%;}

    .galeria-box{width: 100%; float: none; margin: 10px auto;}

     #mapa-vendas{display: none;}
     #chat{display: none;}

   /*padrão da estrutura*/ 
}

@media only screen and (max-width: 550px){
    
    #box-ferramentas h2 {
    width: 90%;
    clear: both;
    margin: 0 auto;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 1.8rem;
    color: #1f3384;
    font-weight: 600;
}
    #div-logo-topo_sec {
    float: left;
    width: 290px;
    margin-top: 25px;
}

	.ferramenta {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 30px;
}

    .ferramenta img{
      width: 80px;
    }
    
    #rodape-esquerdo {
    float: none;
    width: 100%;
    display: inline-table;
}

	#box-ferramentas {
    width: 90%;
    margin: 30px auto;
    min-height: 816px;
}

    #box-tools {min-height: 463px;width: 100%;margin: 0px auto;background: #1b2031;}
}

@media only screen and (max-width: 415px){
	
	#box-ferramentas {
    width: 90%;
    margin: 30px auto;
    min-height: 980px;
}


}

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

#div-logo-topo {
    width: 214px;
    height: 95px;
    text-align: left;
    margin: 0px;
    float: left;
}
#texto-conteudo {
    width: 90%;
    text-align: center;
    font-size: 1rem;
    clear: both;
    margin: 0 auto;
    padding-top: 16px;
}
#icalendario h3 {
    font-size: 1rem;
    margin-bottom: 10px;
    color: #fff;
    text-transform: uppercase;
}
.atendimento p {
    font-size: 1rem;
    width: 70%;
    margin: 0 auto;
}

}