/* Custom overrides - mobile logo left-alignment */
@media screen and (max-width: 767.98px) {
  /* Outer header logo (visible top bar, before opening menu) */
  .header-four .container-fluid {
    padding-left: 15px;
  }
  .site-branding .brand-logo,
  .theme-menu-top .site-branding .brand-logo {
    margin-left: -3px;
  }

  /* Logo inside the mobile offcanvas menu panel */
  .tripex-offcanvas-panel {
    padding-left: 15px;
  }
  .tripex-offcanvas-panel .panel-header a {
    margin-left: -8px;
    display: inline-block;
  }
}