@media (max-width: 767px) {
  .header-area {
    background: #f7f7f7 !important;
    backdrop-filter: none;
  }

  .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: #1e1e1e !important;
  }
}