/* =========================================================
   Mart Multi Solution — Responsive Overrides
   ========================================================= */

/* Large desktops */
@media (max-width: 1399.98px) {
  .mp-hero { padding: 170px 0 100px; }
}

/* Laptops / small desktops */
@media (max-width: 1199.98px) {
  .section-pad { padding: 80px 0; }
  .mp-cta { padding: 48px; }
  .mp-mega { padding: 22px; }
}

/* Tablets */
@media (max-width: 991.98px) {
  .section-pad { padding: 64px 0; }
  .mp-hero { padding: 150px 0 80px; text-align: center; }
  .mp-banner { padding: 130px 0 70px; }
  .mp-hero-visual { margin-top: 40px; }
  .mp-stats-strip { padding: 34px 16px; }
  .mp-stat-num { font-size: 1.9rem; }
  .mp-toc { position: static; margin-bottom: 32px; }
  .mp-cta { padding: 40px 28px; text-align: center; }
  .navbar-collapse { display: none !important; }
}

/* Large mobile */
@media (max-width: 767.98px) {
  .section-pad { padding: 52px 0; }
  .section-title { font-size: 1.7rem; }
  .mp-hero { padding: 140px 0 60px; }
  .mp-card { padding: 26px; }
  .mp-footer { padding: 60px 0 0; }
  .mp-back-top { right: 16px; bottom: 16px; width: 44px; height: 44px; }
  .mp-404-code { font-size: 5rem; }
  .mp-testi, .mp-card { padding: 24px; }
}

/* Small mobile */
@media (max-width: 575.98px) {
  .eyebrow { font-size: .7rem; padding: 7px 14px; }
  .btn { padding: 12px 22px; font-size: .9rem; }
  .mp-cta { padding: 32px 20px; }
  .mp-hero h1 { font-size: 2rem; }
  .mp-brand { font-size: 1.15rem; }
  .mp-brand-mark { width: 36px; height: 36px; font-size: 1rem; }
  .mp-blog-thumb { height: 170px; }
}