@media (max-width: 1199px){
  .projects-preview{grid-template-columns:repeat(3,1fr)}
}

@media (max-width: 991px){
  .hero__inner{grid-template-columns:1fr;gap:40px}
  .float-stack{height:420px}
  .features{grid-template-columns:repeat(2,1fr)}
  .courses-grid{grid-template-columns:repeat(2,1fr)}
  .blog-grid{grid-template-columns:repeat(2,1fr)}
  .projects-preview{grid-template-columns:repeat(2,1fr)}
  .stats{grid-template-columns:repeat(2,1fr)}
  .footer__grid{grid-template-columns:1.4fr 1fr 1fr}
  .footer__col:last-child{grid-column:1 / -1}
  .detail-grid{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .dashboard-grid{grid-template-columns:1fr}
  .quick-actions{grid-template-columns:repeat(2,1fr)}
  .masonry{column-count:2}
  .about-grid{grid-template-columns:1fr}
}

@media (max-width: 767px){
  .section{padding:72px 0}
  .section--tight{padding:48px 0}
  .section__title{font-size:2.2rem}
  .page-head__title{font-size:2.4rem}
  .hero__title{font-size:3rem}
  .nav__brand{min-width:auto}
  .nav__menu{display:none}
  .nav__hamburger{display:flex}
  .toolbar{flex-direction:column;align-items:stretch}
  .tabs{justify-content:flex-start}
  .blog-row{grid-template-columns:1fr}
}

@media (max-width: 575px){
  .container{width:calc(100% - 24px)}
  .hero__title{font-size:2.6rem}
  .features{grid-template-columns:1fr}
  .courses-grid{grid-template-columns:1fr}
  .blog-grid{grid-template-columns:1fr}
  .projects-preview{grid-template-columns:1fr}
  .cta{flex-direction:column;align-items:flex-start}
  .footer__grid{grid-template-columns:1fr}
  .masonry{column-count:1}
  .toast-stack{right:12px}
}