Tarja no mobile em duas linha

Olá lojista, tudo bem?
O nossa “banner tarja” padrão fica em apenas uma linha, seja ela no desktop ou no mobile, como pode ser visto em:

image

Caso queira quebrar ele em duas linhas apenas no mobile, pode ser feito a seguinte inserção em seu Editor de CSS:

@media(max-width: 575.98px) {
  .info-bar__nav {
    flex-wrap: wrap;
    justify-content: space-around
  }
  .info-bar__nav .col-auto {
    max-width: 50%;
    padding-left: 0;
    padding-right: 0;
  }
  .info-bar__title, .info-bar__text {
    font-size: 12px !important;
  }
}

E ficará da seguinte forma:

image

Ou sem deixar itálico os títulos:

@media(max-width: 575.98px) {
  .info-bar__nav {
    flex-wrap: wrap;
    justify-content: space-around
  }
  .info-bar__nav .col-auto {
    max-width: 50%;
    padding-left: 0;
    padding-right: 0;
  }
  .info-bar__title, .info-bar__text {
    font-size: 12px !important;
    font-style: unset !important;
  }
}

Ficando assim:

image