/* =========================================================
   Bajaj Packaging Industries — Responsive Stylesheet
   ========================================================= */

/* ----- Large desktop tweaks ----- */
@media (max-width: 1400px){
  .hero-content h1{ font-size: 48px; }
}

/* ----- Laptop / 1200px ----- */
@media (max-width: 1200px){
  .container-xl{ max-width: 100%; }
  .product-grid{ grid-template-columns: repeat(3, 1fr); }
  .cert-grid{ grid-template-columns: repeat(2, 1fr); }
}

/* ----- Tablets / 992px : nav collapses ----- */
@media (max-width: 992px){
  .main-nav, .header-cta{ display: none; }
  .hamburger-btn{ display: inline-flex; }

  .hero-content h1{ font-size: 40px; }
  .hero-slide{ min-height: 520px; }

  .about-section .row{ flex-direction: column; }
  .about-highlights{ grid-template-columns: repeat(3,1fr); }

  .category-grid{ grid-template-columns: repeat(2, 1fr); }
  .category-grid .row-two{ grid-column: span 2; max-width: 100%; grid-template-columns: repeat(2,1fr); }

  .product-grid{ grid-template-columns: repeat(2, 1fr); }

  .industries-grid{ grid-template-columns: repeat(2, 1fr); grid-auto-rows: 160px; }
  .industry-card.featured{ grid-column: span 2; grid-row: span 1; }

  .why-grid{ grid-template-columns: repeat(2, 1fr); }

  .process-row{ grid-template-columns: repeat(2, 1fr); row-gap: 40px; }
  .process-row::before{ display:none; }

  .footer-grid{ grid-template-columns: repeat(2, 1fr); }

  .cert-grid{ grid-template-columns: repeat(2, 1fr); }

  .section-heading{ font-size: 32px; }
}

/* ----- Small tablets / 768px ----- */
@media (max-width: 768px){
  .top-bar-left{ gap: 14px; }
  .top-bar-left span.divider{ display: none; }

  .section-pad{ padding: 60px 0; }

  .hero-content{ max-width: 100%; padding: 40px 0; }
  .hero-content h1{ font-size: 32px; }
  .hero-content p{ font-size: 15.5px; }
  .hero-slide{ min-height: 460px; }
  .hero-btns .btn-brand, .hero-btns .btn-outline-light{ padding: 12px 20px; font-size: 13.5px; }

  .about-highlights{ grid-template-columns: 1fr 1fr; }
  .about-badge{ left: 14px; bottom: 14px; padding: 12px 16px; }

  .category-grid{ grid-template-columns: 1fr; }
  .category-grid .row-two{ grid-column: span 1; grid-template-columns: 1fr; }

  .product-grid{ grid-template-columns: 1fr; }

  .industries-grid{ grid-template-columns: 1fr; grid-auto-rows: auto; }
  .industry-card{ min-height: 140px; }
  .industry-card.featured{ grid-column: span 1; }

  .why-grid{ grid-template-columns: 1fr; }

  .process-row{ grid-template-columns: 1fr; }

  .footer-grid{ grid-template-columns: 1fr; gap: 34px; }
  .footer-bottom{ flex-direction: column; text-align: center; }

  .cert-grid{ grid-template-columns: 1fr 1fr; }

  .contact-strip-inner{ flex-direction: column; align-items: flex-start; }
  .contact-strip-items{ gap: 24px; }

  .section-heading{ font-size: 28px; }
  .section-head-row{ flex-direction: column; align-items: flex-start; }
}

/* ----- Mobile / 576px and below ----- */
@media (max-width: 576px){
  .top-bar .container-xl{ justify-content: center; text-align: center; }
  .top-bar-left{ justify-content: center; width: 100%; }
  .top-bar-social{ display: none; }

  .brand-logo img{ height: 36px; }

  .hero-content h1{ font-size: 26px; }
  .hero-content p{ font-size: 14.5px; }
  .hero-btns{ flex-direction: column; align-items: flex-start; gap: 12px; }
  .hero-btns a{ width: 100%; justify-content: center; }

  .about-highlights{ grid-template-columns: 1fr; }

  .cert-grid{ grid-template-columns: 1fr; }

  .cta-banner h2{ font-size: 26px; }

  .footer-bottom-links{ flex-direction: column; gap: 8px; }
}

/* prevent horizontal scroll */
html, body{ max-width: 100%; }