/* Add custom CSS styles below */ 
@media (max-width: 1023px) {
  body:has(#almerkaz-dynamic-banner)
  [data-testid="store-header-logo"],

  body:has(#almerkaz-dynamic-banner)
  [data-testid="store-header-mobile-toggle"] {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  [data-testid="store-header"] {
    display: flex;
    flex-direction: column;
  }

  #mainnav {
    order: 1;
  }

  .top-navbar {
    order: 2;
  }

  .top-navbar .container {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}