/* =================================================================
   DEVYANI ENTERPRISE GLOBAL — responsive.css
   All @media breakpoints live here (loaded after style.css).
   ================================================================= */

@media (max-width:1080px){
  .contact-list{gap:18px}
  .contact__value{font-size:14px}
  .menu>li>a{padding:16px 12px;font-size:17px}
}
@media (max-width:992px){
  .contact-list{display:none}
  .nav-toggle{display:flex}
  .site-header__inner{padding-top:14px;padding-bottom:14px}
  .main-nav{position:relative;overflow:hidden;max-height:0;transition:max-height var(--ease)}
  .main-nav.is-open{max-height:640px}
  .main-nav__inner{flex-direction:column;align-items:stretch}
  .menu{flex-direction:column;gap:0}
  .menu>li{border-top:1px solid rgba(255,255,255,.16)}
  .menu>li>a{padding:15px 24px;width:100%}
  .nav-cta{clip-path:none;justify-content:center;padding:17px 24px}
  .services__grid{grid-template-columns:repeat(2,1fr)}
  .service{border-bottom:1px solid #eef0f5}
  .service:nth-child(2){border-right:0}
  .about__inner,.process__inner{grid-template-columns:1fr;gap:64px}
  .about__img{height:400px}
  .products__grid,.certs__grid{grid-template-columns:repeat(2,1fr)}
  .testi__grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}
  .footer__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){
  :root{--gutter:28px}
  .section,.about,.products,.process,.certs,.testimonials{padding:64px 0}
  .topbar__msg{font-size:12.5px}
  .topbar__social .topbar__label{display:none}
  .hero__inner{padding:72px 0 130px}
  .services{margin-top:0;padding-top:56px}
  .services__grid{box-shadow:var(--shadow)}
  .stats__grid{grid-template-columns:repeat(2,1fr)}
  .stat{border-bottom:1px solid rgba(255,255,255,.1)}
  .stat:nth-child(2){border-right:0}
  .cta-band__inner{clip-path:none;padding:26px 24px;gap:16px}
}
@media (max-width:560px){
  :root{--gutter:18px}
  .topbar__inner{justify-content:center}
  .topbar__msg{display:none}
  .brand__name{font-size:20px}
  .brand__sub{font-size:11px;letter-spacing:.32em}
  .services__grid,.products__grid,.certs__grid,.footer__grid{grid-template-columns:1fr}
  .service:nth-child(odd){border-right:0}
  .about__img,.process__img{height:300px}
  .badge{width:118px;height:118px;right:-8px;bottom:-14px}
  .btn{padding:14px 26px;font-size:18px}
  .hero__actions .btn{width:100%;justify-content:center}
  .stats__grid{grid-template-columns:1fr}
  .stat:nth-child(odd){border-right:0}
  .footer__bottom-inner{justify-content:center;text-align:center}
}

/* ---------- responsive: categories + footer ---------- */
@media (max-width:992px){
  .footer-contact__grid{grid-template-columns:1fr;gap:16px;padding-top:28px;padding-bottom:28px}
  .footer__grid{grid-template-columns:1fr 1fr}
  .bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:190px}
  .bento__item--lg{grid-column:span 2;grid-row:span 1}
  .bento__item--wide{grid-column:span 2}
  .bento__item--lg .bento__title{font-size:28px}
}
@media (max-width:560px){
  .footer__grid{grid-template-columns:1fr}
  .bento{grid-template-columns:1fr}
  .bento__item,.bento__item--lg,.bento__item--wide{grid-column:span 1;grid-row:span 1}
}

/* ---- inner pages responsive ---- */
@media (max-width:992px){
  .quote-grid,.contact-grid{grid-template-columns:1fr}
  .blog-grid{grid-template-columns:repeat(2,1fr)}
  .info-grid{grid-template-columns:repeat(2,1fr)}
  .mv-grid,.regions{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .form{padding:24px}
  .form__grid{grid-template-columns:1fr}
  .blog-grid,.info-grid,.mv-grid,.regions{grid-template-columns:1fr}
  .page-banner__inner{padding-top:52px;padding-bottom:52px}
}

@media (max-width:640px){
  .bg-word{display:none}
  .section-head--center{padding-top:0}
}