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

     

}

/* tablets */
@media only screen and (max-width : 992px) {
  #wrap-topo{width: 100%; height: 124px; position: static;  background: #001f31; margin: 0px auto; left: 0px; border-bottom: 2px solid #ddd;} 
   #barra-topo {min-height: 130px; width: 90%; margin: 0px auto;}

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

  
  #bt-documento{display: none;}

   #full-slider-wrapper{display: none;}

  #box-menu{display: none;}
  #menu-lateral{display: block; margin-top: 39px;}
  #box-tools h2{font-size: 1.5em;}
  #box-tools-esquerdo {
      width: 100%;
      float: none;
      margin: 5px auto;
  }

  .tools{margin: 5px auto;}
  #box-tools {display: none;}    

  #box-tools-direito {display: none; }
  #box-ferramentas {min-height: 370px;    }

  .atendimento p{font-size: 1.2em;}
  #box-atendimento{min-height: 117px;}
    #box-noticias-contabeis {width: 81%;margin: 95px auto;}
 
  
  /*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) {
   
  #box-geral-sobre {width: 90%;margin: 38px auto;min-height: 324px;text-align: center;}
  #box-ferramentas {width: 100%;margin: 9px auto;min-height: 428px;background: #001f31;}
  .atendimento {
      width: 100%;
      text-align: center;
      float: none;
  }

  .ferramenta {
    float: none;
    width: 80%;
    margin: 0 auto 10%;
    text-align: center;
    min-height: 280px;
}

  #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: 125px;}
  #rodape-esquerdo {float: none; width: 100%;}
  #rodape-direito {float: none; width: 100%;}

  /*padrão da estrutura*/
  #div-logo-topo_sec{width: 180px; margin-top: 2%;}
  #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;}

   /*padrão da estrutura*/ 
}