@media (min-width: 576px) and (max-width: 767px) {
/* 2 columns — remove divider from 2nd item */
.stat-item:nth-child(2)::after { display: none; }
}
@media (max-width: 991px) {
.py {
padding: 70px 0;
}
.zn-desktop { display: none !important; }
.testi-text   { font-size: 1.15rem; }
.quote-mark   { font-size: 5rem; }
 #contact { min-height: auto; }
.contact-img-panel { display: none; }
.contact-form-panel {
padding: 4rem 2rem;
min-height: auto;
}
.courses-hero { padding-top: 80px; }
.img-main-wrap { height: 360px; }
.badge-students { bottom: -16px; left: -10px; }
.badge-rating   { top: -16px;   right: -10px; }
.zn-brand img {height: 31px;}
.about-hero { min-height: auto; }
.mv-section { padding: 70px 0; }
.mv-card    { padding: 2.5rem 2rem; }
.contact-main { padding: 60px 0; }
.map-wrap, .map-wrap iframe { min-height: 320px; }
.course-detail  { padding: 6rem 0 4rem; }
.enquiry-card   { position: static; margin-top: 2rem; }
#about .label-wrap::before {display: none;}
#about .label-wrap::after {display: none;}
.stats-row{display: none !important;}
#about .section-label {
    font-size: 1rem;
}
.bookfree-btns .btn-brand, .bookfree-btns .btn-outline-hero{
    text-align: center;
    justify-content: center;
}
.zn-nav {
    height: 70px;
}
 .ss-grid,
  .ss-grid--reverse {
    grid-template-columns: 1fr;
  }

  .ss-grid--reverse .ss-right { order: 2; }
  .ss-grid--reverse .ss-left  { order: 1; }

  .ss-left { position: static; }

  .ss-section-1,
  .ss-section-2,
  .ss-section-3 {
    padding: 60px 0;
  }
}

@media (min-width: 992px) {
.zn-mobile-only { display: none !important; }
}
@media (max-width: 767px) {
.hero-title { font-size: 2.4rem; }
.hero-sub   { font-size: .97rem; }
.cards-grid { grid-template-columns: 1fr 1fr; gap: .85rem; }
.col-b      { padding-top: 1.5rem; }
.stat-item .stat-num  { font-size: 1.6rem  }
.stat-card:not(:last-child)::after { display: none; }
.stats-divider { margin-top: 2.5rem; padding-top: 2.5rem; }
.why-heading  { font-size: 2rem; }
 .zn-footer { padding: 3rem 0 0; border-radius: 20px 20px 0 0; }
.footer-bottom { text-align: center; }
.footer-bottom-links { justify-content: center; }
 .timeline-section { padding: 70px 0; }
 
.milestone {
flex-direction: row;
align-items: flex-start;
padding-left: 0;
gap: 1rem;
}

/* On mobile: dot on the left */
.ms-dot {
flex-shrink: 0;
margin-top: .25rem;
}

.ms-empty { display: none; }

/* Override left/right alignment — all content goes right of dot */
.ms-content.ms-left,
.ms-content.ms-right {
text-align: left;
padding: 0;
order: 3;
}

/* Force dot before content on all items */
.milestone .ms-dot   { order: 1; }
.milestone .ms-left  { order: 2; }
.milestone .ms-right { order: 2; }

/* On mobile, alternate items: push dot to left */
.milestone-r .ms-content { order: 2; }
.milestone-r .ms-dot     { order: 1; }
.milestone-r .ms-empty   { display: none; }
.timeline-wrap::before {
    left: 20px;
    transform: none;
    }
.ms-card { max-width: 100%; }
.cta-section { padding: 70px 0; }
.btn-white,
.btn-outline-white {
width: 100%;
justify-content: center;
}
.contact-hero    { min-height: auto; padding: 90px 0 70px; }
.contact-heading { font-size: 2.6rem; letter-spacing: -1px; }
.contact-sub     { font-size: .97rem; }
.scroll-hint     { display: none; }
 .features-section { padding: 56px 0; }
.feat-item:not(:last-child)::after { display: none; }
.feat-item {
padding-bottom: 2rem;
border-bottom: 1px solid #f3f4f6;
}
.feat-item:last-child {
padding-bottom: 0;
border-bottom: none;
}
.zs-stats-grid { grid-template-columns: repeat(2, 1fr); background-color: transparent;}
  .zs-stat:nth-child(2)::after { display: none; }
  .zs-stat:nth-child(3)::after { display: none; }
  .zs-stat:nth-child(3),
  .zs-stat:nth-child(4) { border-top: 1px solid #f3f4f6; }
  .stat-item .stat-label {
    font-size: 13px;
    color: #6b7280;
    margin-top: 5px;
    line-height: 1.4;
}
}
@media (max-width: 575px) {
.contact-form-panel { padding: 3rem 1.25rem; }
.trust-row { gap: 1rem; }
 .img-main-wrap  { height: 280px; border-radius: 20px; }
.float-badge    { padding: .7rem .9rem; }
.badge-icon     { width: 38px; height: 38px; font-size: .9rem; }
.badge-num      { font-size: 1.1rem; }
.img-mosaic  { gap: .75rem; }
.tile-sm     { height: 140px; }
.tile-lg     { height: 180px; }
.img-col-b   { padding-top: 1.5rem; }
.stats-section { padding: 56px 0; }
.stat-item:not(:last-child)::after { display: none; }
.mv-card    { padding: 2rem 1.5rem; border-radius: 20px; }
      .mv-icon-box { width: 52px; height: 52px; font-size: 1.3rem; }
.stat-item {
padding: 1rem .5rem;
border-bottom: 1px solid #f3f4f6;
}
.feature-grid { grid-template-columns: 1fr; }
.stat-item:last-child { border-bottom: none; }
  .ss-right,
  .ss-right.ss-images {
    grid-template-columns: 1fr;
  }

  .stories-page-header h1 { font-size: 1.9rem; }
  .stories-page-header { padding: 50px 0 40px; }
    }
@media (max-width: 480px) {
.cards-grid { grid-template-columns: 1fr; }
.col-b      { padding-top: 0; }
.zs-stats-grid { grid-template-columns: 1fr; padding: 0 1rem; }
  .zs-stat:not(:last-child)::after { display: none; }
  .zs-stat { border-bottom: 1px solid #f3f4f6; }
  .zs-stat:last-child { border-bottom: none; }
  .stat-item .stat-num { font-size: 20px; }
}