/* desktops tela pequena */
@media only screen and (max-width : 1200px) {
    #div-logo-topo {width: 28%;}
   #img-links { width: 40%; margin-top: 125px;}
   #txt-links{ width: 60%;}
   #txt-links h2 { font-size: 2.5em;}
   #bt-links{font-size: 1.2em; }

   .tools h3 {  margin-bottom: 10px;  font-size: 1.19em;  color: #000;}

   #bt-msg-rodape{width: 70%; font-size: 1.0em;}

     

}

@media only screen and (max-width : 1040px) {
  #geral-bts-extra h2 {font-size: 1.5em;color: #fff;margin-bottom: 10px;text-align: center;}  
  #geral-bts-extra {width: 30%;float: left;margin: 0 0 0 3%;margin-top: 95px;}    
  #box-sobre-esquerdo h2 {color: #fff;font-size: 2.5em;margin-bottom: 10px;text-align: center;margin-top: -48px;}    
  .tools h3 {margin-bottom: 10px;font-size: 1.4em;color: #000;}   
  .tools {color: #fff;  text-align: center;  width: 13%;  float: left;  margin: 5px;  padding: 30px 5%;  min-height: 188px;} 

}

/* tablets */
@media only screen and (max-width : 997px) {
  #menu-lateral_mn{display: none;}
  #div-menu-topo{display: block!important;}
  #div-menu-topo {display: none;width: 100%;height: 48px;margin: 0px auto;background: #134188;position: absolute;top: 155px;z-index: 99999;}
  #div-logo-topo {  width: 47%;  height: 45px;  float: left;  text-align: left;}
  #box-acesso-rapido {width: 40%;}
  
  #geral-bts-extra { width: 35%;}

  #box-sobre-direito{width: 90%; float: none;}
  #box-sobre-esquerdo{width: 90%; float: none; margin: 0px auto;}

  #box-tools-direito{display: none;}
  #box-tools {min-height: 1118px;width: 100%;margin: 0px auto;padding: 50px 0px;background: #134188;}

  #box-tools-esquerdo {
    width: 100%;
    float: none;
    margin: 0px auto;
  }

  .tools{width: 36%;}
  .tools h3{font-size: 1.5em;}

  #box-news-calen{min-height: 380px;}

  #noticias-contabeis h2 { font-size: 2.0em;}
  #bt-ver-news{font-size: 1.0em;}
    
  #bt-parceiros {text-align: center;width: 48%;}
    #icalendario h3 {font-size: 1.5em;}
    

  #inews .slide a{font-size: 1.2em;}
  .bx-bts-news { width: 85%;}
  #box-noticias-contabeis img{display: none;}
  #box-noticias-contabeis{min-height: 200px;}

  .box-galeria{ font-size: 1.5em;}
  #txt-galeria { width: 65%;}
  #img-galeria { width: 35%; margin-top: 60px;}

  #img-links{display: none;}
  #txt-links{width: 100%; text-align: left; }
  #txt-links ul li { background: none; padding-right: 0px;}
  #bt-links{width: 100%;}

  #rodape{height: 340px;}

  #rodape-esquerdo {
      float: none;
      width: 100%;
      height: 190px;
      padding: 0px 0px;
  }

  #rodape-direito {
      float: none;
      width: 100%;
      height: 100px;
      padding: 0px 0px;
  }

 
  
  /*padrão da estrutura*/
  #contato { width: 85%; border: 0px;}
  #mapa-vendas{display: none;}
  .box-parceiro{width: 90%;}
  /*padrão da estrutura*/
  
  #geral-bts-extra h2 {
    font-size: 1.5em;
    color: #fff;
    margin-bottom: 11px;
}

	#banner-contato {
    margin-top: 10px;
}

	#banner-contato a p {
    font-size: 1.1em;
    color: #fff;
}

	.bts-extra {
    padding: 9px 23px;
    color: #fff;
    text-align: center;
    width: 100%;
    margin: 5px auto;
    min-height: 20px;
    background: #134188;
    font-size: 0.9em;
}

	#full-slider-wrapper {
    min-height: 397px;
    padding-top: 49px;
}

}    


/* celulares */
@media only screen and (max-width : 768px) {
    
    

   #box-acesso-rapido {display: none;}
   #div-logo-topo {
      width: 364px;
      height: 65px;
      text-align: center;
      margin: -10px auto;
      float: none;
  }
   #full-slider-wrapper{display: none;}

   #box-sobre-direito{display: none;}
   #texto-conteudo{font-size: 1.0em;}
   .tools h3 {font-size: 1.5em;}


  #box-bts-extras {
    width: 100%;
    margin: 5px auto;
    height: 250px;
    position: static;
    background: #FB4E19;
  }
  #geral-bts-extra {
    width: 90%;
    float: none;
    min-height: 265px;
    margin: 0px auto;
  }

  #box-geral-sobre {
    min-height: 580px;
    padding-top: 40px;
}

  #titulo-newsletter h2 {font-size: 2.0em;}
  #box-sobre-esquerdo {width: 90%;float: none;margin: 0px auto;padding-top: 59px;}    

  #box-newsletter {
      width: 90%;
      min-height: 100px;
      border-right: 0px;
      float: none;
      margin: 0px auto;
  }
  #inewsletter input{width: 100%;}
  #inewsletter button { width: 90%;  height: 1.5em;}

  #icalendario h3 {font-size: 1.5em;}
  #box-calendario {
      width: 90%;  
      text-align: center;
      float: none;
      margin: 44px auto;
  }

  #box-tools h2{font-size: 2.2em;}
  #box-tools p{font-size: 1.0em;}

  #banner-contato{display: none;}

  .box-galeria{ font-size: 1.0em;}
  #box-galeria { width: 85%;}
  #box-tools-3 h2{font-size: 2.0em;}
  #box-tools-3 p{font-size: 1.0em;}
  #txt-galeria { width:100%;}
  #img-galeria { display: none;}

  #txt-links h2 { font-size: 1.8em;}
  #txt-links ul li {font-size: 1.0em;}

  #box-depoimento{display: none;}
  #box-parceiros{display: none;}

  #rodape{background: none; height: 385px;}

  #rodape-esquerdo{height: 220px;}
  #bt-msg-rodape { width: 100%;}

  #final-meio {width: 100%; float: none;}
  #rodape-info {  width: 100%;  margin: 0px auto;  min-height: 100px;}

#geral-bts-extra h2 {
    font-size: 1.2em;
    color: #fff;
    margin-bottom: 7px;
}

	#geral-bts-extra {
    width: 25%;
    float: left;
    margin: 0 0 0 6%;
    margin-top: 75px;
}



  /*padrão da estrutura*/
    #menu-lateral{width: 35px;}
    #fecha-tudo{display: none;}
    #idocumentos {width: 85%;}
    #abertura, #migracao{width:90%;}
    .galeria-fotos, .galeria-videos { width:100%;}
   /*padrão da estrutura*/ 
   
   #final-direito, #final-esquerdo{display: none;}
}

@media only screen and (max-width : 420px) {
    .tools h3 {font-size: 1.3em;} 
    .tools {width: 37%;}
    #div-logo-topo {width: 100%;  }
    
}

@media only screen and (max-width : 380px) {
    .tools {width: 86%;}
    #box-tools {min-height: 2248px;}
    #div-logo-topo {width: 364px;height: 65px;text-align: left;float: left;margin-left: -25px;}
    #rodape-final {width: 100%;  height: 83px;  margin: 0px auto;  padding: 5px 0%;  background: #203248;}
    
    #box-geral-sobre {  min-height: 649px;  padding-top: 40px;}


    
}