/* HLB V5.4.2g - Lower mobile header slightly */
@media (max-width: 820px) {
  /*
   * Move the whole mobile header content down 8px without using transform,
   * so the layout below also moves naturally and there is no overlap.
   */
  .topbar {
    height: 66px !important;
    padding-top: 8px !important;
    box-sizing: border-box !important;
  }

  .topbar-inner {
    height: 58px !important;
  }
}

@media (max-width: 560px) {
  .topbar {
    height: 66px !important;
    padding-top: 8px !important;
  }

  .topbar-inner {
    height: 58px !important;
  }
}