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

     

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

  #menu-lateral {margin-top: 32px;}
  #div-logo-topo {width: 180px;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;}

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

  .tools{margin: 5px auto;}

  .tools-txt {margin-left: 7%;    }
  #box-tools-direito {width: 80%;margin: 98px auto;text-align: center;border-left: none;float: none;}

  .atendimento p{font-size: 1.2em;}
  #box-atendimento{min-height: 117px;}

  /*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) {
   .atendimento {width: 100%;text-align: center;float: none;}
  .ferramenta {float: none;width: 80%;margin: 15px auto;text-align: center;}
  /*#box-noticias-contabeis{display: none;}*/

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

  .atendimento h2 {font-size: 2.04em;}
  #icone-newsletter { float: none; text-align: center;  width: 100%;}

  #inews .data-cad {width: 37%;}
  .bx-wrapper .bx-prev {left: 80%;}
  .bx-wrapper .bx-controls-direction a {position: absolute;top: -20%;outline: 0;width: 30px;}
  .bx-wrapper .bx-next {right: -23px;}

  #rodape{height: 130px;}
  #rodape-esquerdo {float: none; width: 100%;}
  #rodape-direito {float: none; width: 100%;}

  /*padrão da estrutura*/
  #div-logo-topo_sec{width: 130px; margin-top: 2%;}
  #menu-lateral_secundario{width: 40px;}

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

     #mapa-vendas{display: none;}

   /*padrão da estrutura*/ 
}

@media only screen and (max-width : 600px) {
  .bx-wrapper .bx-prev {margin-left: -15%;}
  #icalendario table {width: 100%;}
  #rodape-final{height:81px;}

}