/* =========================================================
   10. Responsive
   ========================================================= */

@media (max-width: 1024px) {
  .elementor .mlb-split {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  :root {
    --mlb-gutter-x: 1.25rem;
    --mlb-section-y: clamp(3rem, 12vw, 5rem);
  }

  .elementor .mlb-header-inner,
  .elementor .mlb-footer-inner {
    align-items: flex-start;
    flex-direction: column;
  }

  .elementor .mlb-header-inner {
    min-height: 72px;
  }
}