/* =========================================================
   EliteCoder — responsive.css
   Mobile-first breakpoint adjustments
   ========================================================= */

/* ===== Tablets (≤991px) ===== */
@media (max-width: 991.98px){
  .ec-hero{padding:150px 0 80px;}
  .ec-hero-title{font-size:2.5rem;}
  .ec-section-title{font-size:2rem;}
  .ec-process-track{flex-direction:column;}
  .ec-process-connector{width:2px;height:30px;margin:0 auto;align-self:center;}
  .ec-instructor-img{height:380px;}
  .ec-nav-list{background:var(--navy-900);border-radius:16px;padding:16px;margin-top:14px;}
}

/* ===== Small tablets / large phones (≤767px) ===== */
@media (max-width: 767.98px){
  section{padding:70px 0;}
  .ec-hero{padding:130px 0 60px;}
  .ec-hero-title{font-size:2.1rem;}
  .ec-hero-subtitle{font-size:1rem;}
  .ec-hero-points{grid-template-columns:1fr;}
  .ec-hero-cta{flex-direction:column;align-items:stretch;}
  .ec-hero-cta .btn{justify-content:center;}
  .ec-editor{margin-top:20px;}
  .ec-editor-code p{font-size:.78rem;}
  .ec-section-title{font-size:1.7rem;}
  .ec-cta-heading{font-size:1.8rem;}
  .ec-counter{font-size:2rem;}
  .ec-instructor-img{height:300px;}
  .ec-testimonial-card{padding:34px 24px;}
  .ec-footer-bottom{flex-direction:column;text-align:center;}
}

/* ===== Phones (≤575px) ===== */
@media (max-width: 575.98px){
  .ec-brand-text{font-size:1.1rem;}
  .ec-hero-title{font-size:1.8rem;}
  .ec-editor-lines{display:none;}
  .ec-editor-body{padding:18px 14px;}
  .ec-course-featured .ec-course-img{height:180px;}
  .ec-instructor-badge{left:12px;bottom:12px;padding:10px 14px;}
  .ec-floating-actions{bottom:16px;right:14px;}
  .ec-fab{width:46px;height:46px;font-size:1.15rem;}
  .ec-scroll-top{width:38px;height:38px;bottom:16px;left:14px;}
}