@media (max-width:1000px){
  .cards{grid-template-columns:repeat(2,1fr)}
  .hero{height:420px}
  .slide-inner h2{font-size:28px}
}

@media (max-width:700px){
  .main-nav{display:none}
  .hamburger{display:block}
  .cards{grid-template-columns:1fr}
  .prasadam{flex-direction:column}
  .hero{height:360px}
  .slide-inner{padding:20px}
  .wrap{padding:12px}
  .footer-top{flex-direction:column;gap:12px}
}