@media (max-width: 1024px){
  .hero-grid{grid-template-columns:1fr;gap:2rem}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .template-grid{grid-template-columns:repeat(3,1fr)}
  .filters-grid{grid-template-columns:repeat(4,1fr)}
  .tool-grid{grid-template-columns:1fr}
  .related-list{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
  .toc ol{columns:1}
  .reviews{grid-template-columns:1fr}
  .posts-grid{grid-template-columns:repeat(2,1fr)}
  .newsletter .glass{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .menu-btn{display:inline-grid}
  .primary-nav{position:fixed;top:62px;left:0;right:0;background:var(--bg-2);padding:1rem;border-bottom:1px solid var(--border);transform:translateY(-110%);transition:.25s;box-shadow:var(--shadow);z-index:40}
  .primary-nav.open{transform:translateY(0)}
  .primary-nav ul{flex-direction:column;gap:.2rem}
  .grid-3,.grid-4,.grid-2,.template-grid,.steps,.related-list,.posts-grid{grid-template-columns:1fr}
  .filters-grid{grid-template-columns:repeat(2,1fr)}
  .cta-block{padding:2rem 1.2rem}
  h1{font-size:2rem}
  section{padding:3rem 0}
  .nav-actions .btn{display:none}
  .copyright{flex-direction:column}
  .footer-grid{grid-template-columns:1fr}
  .newsletter-form{flex-direction:column}
}