@media (max-width: 767px) {
  .header-area {
    background: rgba(19, 30, 48, .88) !important;
    backdrop-filter: blur(8px);
  }

  .header-area .main-nav .logo {
    background: transparent;
    padding: 0;
    border-radius: 0;
    max-height: none;
  }

  .header-area .main-nav .menu-trigger span,
  .header-area .main-nav .menu-trigger span::before,
  .header-area .main-nav .menu-trigger span::after {
    background-color: #fff !important;
  }
}