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

}

/* desktops tela pequena */
@media only screen and (max-width : 1024px) {
  #wrap-topo { width: 40%;height: 499px;}
  #box-menu {
    width: 77%;
    margin: 0 auto;
    height: 174px;
}
  .qd-menu {
    border: 3px solid #000;
    width: 45%;
    margin: 4px 4px;
    float: left;
    padding: 10px 0px;
    text-align: center;
    border-radius: 7px;
  }
  .qd-menu p {
    font-size: 16px;
    color: #000;
    text-align: center;
    font-weight: bold;
  }
     

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

   #div-logo-topo {
    width: 49%;
    height: 95px;
    text-align: left;
   margin-top: -19px;
    float: left;
       
}
  #box-geral-tools {min-height: 585px;}
  #box-tools-direito {width: 100%;border-right: none;}
  #bt-documento{display: none;}
#full-slider-wrapper {
    min-height: auto;
    background: #fff;
}
  
  #office {width: 65%;min-height: 150px;float: right;background: #ededed;padding: 20px;margin-top: 54px;margin-right: 15%;}
  #box-menu{display: none;}
  #menu-lateral{display: block;}

  .atendimento h2 {font-size: 2.2em;margin-bottom: 10px;color: #cb4607;margin-top: 42px;}
  #box-tools h2{font-size: 1.5em;}
  #box-tools-esquerdo {width: 100%;float: none;margin: 5px auto;}
  .tools{margin: 5px auto;}

 /* #box-tools-direito {display: none; }*/

  .atendimento p{font-size: 1.2em;}
  #box-atendimento{min-height: 188px;}
  
  /*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-ferramentas img {
    width: 16%;
}
    
    #box-tools-direito {
    width: 100%;
    border-right: none;
    margin-bottom: 60px;
}
    
  #wrap-topo{
  padding: 1% 0% 1% 0%;
  }      
  #div-logo-topo {width: 229px;height: 95px;text-align: left;float: left;margin-top: 0px;}
  .atendimento {
      width: 100%;
      text-align: center;
      float: none;
  }

  .ferramenta {
      float: none;
      width: 80%;
      margin: 15px auto;
      text-align: center;
  }

  #box-geral-tools {width: 100%;}
  #icalendario table {width: 91%;}
  #office {
    width: 80%;
    min-height: 150px;
    float: none;
    background: #ededed;
    padding: 40px;
    margin-top: 54px;
    margin-right: 0%;
    margin: 0 auto;
    display: flow-root;
}
    
    
  #box-noticias-contabeis{display: none;}
  #box-news-calen {
    width: 100%;
    margin: 0 auto;
    padding: 5% 0% 9% 0%;
}
      
  #box-newsletter { width: 90%; float: none; margin: 5px auto;}
  #inewsletter input { width: 90%;}
  #inewsletter button { width:65%;}
  
  #rodape{height: 210px;}
  #rodape-esquerdo {float: none;width: 100%;}
  #rodape-direito {float: none; width: 100%;}
  #final-meio {width: 50%;float: left;text-align: center;font-size: 0.9em;}  
  #final-meio p {font-size: 0.9em;}

  /*padrão da estrutura*/
  #div-logo-topo_sec {width: 211px;margin-top: 4%;}
  #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 : 450px) {
    
    #box-geral-sobre {
    width: 80%;
    margin: 0 auto;
    /* min-height: 226px; */
    text-align: center;
    padding: 12% 0% 12% 0%;
}
    
    #box-geral-sobre h2 {
    font-size: 25px;
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
}
    
}