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

     

}
  
/* celulares */
@media only screen and (max-width : 990px) {
 #wrap-topo{
    height: 100px;
    position: static;
    margin: 0px auto;
    left: 0px;
    background: #dcdcdc;
}
   #barra-topo {min-height: 130px; width: 90%; margin: 0px auto;}

   #div-logo-topo {
      width: 230px;
      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;}

  .atendimento {
      width: 100%;
      text-align: center;
      float: none;
  }

  .ferramenta {
    width: 24%;
    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;}
     #chat{display: none;}
	 
}	 

@media only screen and (max-width: 700px){	 
	 .ferramenta p {
    font-size: 1.25em;
    margin: 5px auto;
    color: #2f2f2f;
}


}

@media only screen and (max-width: 550px){
	.ferramenta {
    width: 49%;
    margin: 15px auto;
    text-align: center;
}

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


}

@media only screen and (max-width: 415px){
	.ferramenta {
    width: 34%;
    margin: 15px 26px;
    text-align: center;
}

	#box-ferramentas {
    width: 90%;
    margin: 30px auto;
    min-height: 855px;
}
    
    .ferramenta p {
    font-size: 1.25em;
    margin: 5px auto;
    color: #2f2f2f;
}
        
    #icalendario table {
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #00b49e;
}


}


@media only screen and (max-width: 360px){
    
    .ferramenta {
    width: 32%;
    margin: 15px 26px;
    text-align: center;
}
    
}


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


    .ferramenta {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
    
    #box-ferramentas {
    width: 90%;
    margin: 30px auto;
    min-height: 1450px;
}
    
}