/* "Shri Ganga Depot / Since 1905" beside the logo in the desktop header (local-brand.js),
   large, bold and in gold, lined up with the logo's height. */
.gt-by { display: none; }
@media (min-width: 1025px) {
  .header-advanced .header__heading { display: flex !important; align-items: center; gap: 20px; }
  .gt-by { display: grid; align-content: center; gap: 4px; min-height: 56px; padding-left: 20px; border-left: 1px solid rgba(231, 183, 95, .55);
    line-height: 1.1; white-space: nowrap; }
  .gt-by b { font-family: Georgia, "Times New Roman", serif; font-size: 24px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase;
    background: linear-gradient(180deg, #FBE7B0 0%, #F0C873 50%, #DDA846 100%); -webkit-background-clip: text; background-clip: text;
    color: transparent; -webkit-text-fill-color: transparent; }
  .gt-by span { font-size: 14px; font-weight: 900; letter-spacing: .26em; text-transform: uppercase; color: #F0C873; }
}
@media (min-width: 1025px) and (max-width: 1239px) {
  .gt-by b { font-size: 19px; }
  .gt-by span { font-size: 12px; letter-spacing: .24em; }
}

/* the header bar (logo + menu + icons; gem-theme.css): the same lines, smaller */
@media (min-width: 1025px) {
  .header-navigation .header-logo { width: auto !important; max-width: none !important; flex: none !important; }
  .header-navigation .header__heading { display: flex !important; align-items: center; gap: 12px; }
  .header-navigation .gt-by { min-height: 50px; padding-left: 12px; gap: 4px; }
  .header-navigation .gt-by b { font-size: 20px; letter-spacing: .05em; }
  .header-navigation .gt-by span { font-size: 13px; letter-spacing: .24em; }
}
/* Below 1536px they shrink with the menu's room (gem-theme.css works out each band), and below 1280px
   there is no room for them beside the eight menu items. */
@media (min-width: 1025px) and (max-width: 1279px) {
  .header-navigation .gt-by { display: none; }
}
@media (min-width: 1280px) and (max-width: 1365px) {
  .header-navigation .gt-by { min-height: 42px; gap: 3px; }
  .header-navigation .gt-by b { font-size: 15px; }
  .header-navigation .gt-by span { font-size: 10px; letter-spacing: .22em; }
}
@media (min-width: 1366px) and (max-width: 1535px) {
  .header-navigation .gt-by { min-height: 46px; gap: 3px; }
  .header-navigation .gt-by b { font-size: 16px; }
  .header-navigation .gt-by span { font-size: 10.5px; letter-spacing: .22em; }
}