/*
 * Ajustes responsivos do cabeçalho.
 * A fonte equivalente também está em assets/styles/layouts/_header.scss.
 */
@media (min-width: 577px) {
  header.banner .tae-banner-principal .tae-navigation .tae-pre-topo ul .tae-tel-br,
  header.banner .tae-banner-principal .tae-navigation .tae-pre-topo ul .tae-tel-pt {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
  }
}

@media (min-width: 992px) and (max-width: 1536px) {
  header.banner .tae-banner-principal .tae-navigation .tae-pre-topo .fluid-container > .col-lg-3 {
    width: 16.666667%;
  }

  header.banner .tae-banner-principal .tae-navigation .tae-pre-topo .fluid-container > .col-lg-7 {
    width: 66.666667%;
  }

  header.banner .tae-banner-principal .tae-navigation .tae-pre-topo ul .tae-tel-br,
  header.banner .tae-banner-principal .tae-navigation .tae-pre-topo ul .tae-tel-pt {
    font-size: 14px;
    margin-left: 3px;
    margin-right: 3px;
  }

  header.banner .tae-banner-principal .tae-navigation .tae-pre-topo ul li.tae-telefone {
    font-size: 14px;
    letter-spacing: 0;
    padding-left: 4px;
    padding-right: 4px;
  }
}