/* Para dispositivos maiores que 768px (tamanhos desktop) */
.g_ .logo a > img {
  max-height: 400px !important;
}

/* Para dispositivos menores ou iguais a 768px (tamanhos mobile) */
@media only screen and (max-width: 768px) {
  .g_ .logo a > img {
    max-width: 400px !important;
    max-height: 400px !important;
  }
}

/* Esconde os ícones na versão desktop */
@media only screen and (min-width: 769px) {
  .icon-off-label {
    display: none !important;
  }
}

/* Mostra os ícones e rótulos na versão mobile */
@media only screen and (max-width: 768px) {
  .icon-off-label {
    display: block !important;
    text-align: center;
    margin-top: 5px;
  }

  .icon-off-label i {
    display: block;
    margin-bottom: 5px;
  }
}