/* Hide Boom theme logo completely on mobile */
@media (max-width: 768px) {
  .header_logo,
  #header_logo,
  #_mobile_logo,
  #_desktop_logo {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Optional: center or adjust header items after logo removal */
  header .header-container,
  .header-top {
    justify-content: center !important;
  }
}