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

     

}

/* celulares */
@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; background: #585858;} 
   #barra-topo {min-height: 130px; width: 90%; margin: 0px auto;}
	
   #div-logo-topo {
    width: 198px;
    height: 100px;
    text-align: left;
    margin: -11px;
    float: left;
    padding-top: 3px;
}
	#box-geral-tools {
    width: 82%;
    margin: 0 auto;
    min-height: 300px;
    padding-top: 50px;
}

	.tools-txt {
    float: left;
    font-size: 1.1em;
    width: 104%;
    text-align: center;
    height: 25px;
    margin-left: 0%;
    color: #313131;
    padding: 20px 0px;
    font-family: Calibri;
    text-transform: uppercase;
    margin-top: 9px;
    border-radius: 66px;
    border: 1px solid #888888;
}

	#box-atendimento{display:none;}
	
	#titulo-newsletter h2 {
    font-size: 1em;
    margin-bottom: 10px;
    color: #313131;
    font-family: Calibri;
}

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

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

  .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;}

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

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

  #rodape{height: 210px;}
  #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%;}
    .galeria-fotos, .galeria-videos { width:100%;}

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

     #mapa-vendas{display: none;}

   /*padrão da estrutura*/ 
}

@media only screen and (max-width : 621px) {
    #box-tools-direito {width: 100%;float: left;text-align: center; border-left:none;}
    #box-tools-esquerdo {width: 98%;float: left;margin-left: 7%;}
    #box-tools {min-height: 722px;}

}