@media (max-width: 767.98px) {
  body.bt-header-responsive-active.responsive-menu-position-right .site-header-responsive {
    z-index: 12;
    background-color: transparent;
    pointer-events: none;
    transform: none !important;
  }

  body.bt-header-responsive-active.responsive-menu-position-right .site-header {
    left: 0;
    right: 0;
    max-width: 100%;
    transform: none;
    opacity: 0;
    pointer-events: none;
    transition: 300ms ease opacity;
    box-shadow: none;
  }

  body.bt-header-responsive-active.responsive-menu-position-right .site-header .site-branding .site-branding-inner,
  body.bt-header-responsive-active.responsive-menu-position-right .site-header .main-navigation .main-navigation-inner,
  body.bt-header-responsive-active.responsive-menu-position-right .site-header .site-menu-responsive-widgets .site-menu-responsive-widgets-inner {
    max-width: var(--responsive-menu-max-width);
    margin-left: auto;
    margin-right: auto;
  }

  body.bt-header-responsive-active.responsive-menu-position-right .site-header .site-menu-responsive-widgets {
    margin-top: auto;
  }

  body.bt-header-responsive-active.responsive-menu-position-right.bt-responsive-menu-visible .site-header {
    opacity: 1;
    pointer-events: initial;
  }
}