@media(max-width:992px){

  .intro-grid,
  .stats-grid,
  .featured-section,
  .footer-content{
    grid-template-columns:1fr;
  }

  .hero h1{
    font-size:4rem;
  }

}

@media(max-width:768px){

  .nav-links{
    display:none;
  }

  .menu-toggle{
    display:block;
    font-size:2rem;
  }

  .timeline::after{
    left:30px;
  }

  .timeline-item{
    width:100%;
    left:0 !important;
    padding-left:80px;
  }

}
@media(max-width:768px){

  .timeline::after{
    left:30px;
  }

  .timeline-item{
    width:100%;
    left:0 !important;
    padding-left:80px;
    padding-right:20px;
  }

  .timeline-item::after{
    left:18px !important;
  }

  .header-content h1{
    font-size:3rem;
  }

}