/* 
  Jinder Steel Private Limited - Responsive Stylesheet 
*/

@media (max-width: 1199.98px) {
  .hero-content h1 { font-size: 3.5rem; }
  .counter-item h3 { font-size: 2.5rem; }
}

@media (max-width: 991.98px) {
  /* Typography & Spacing */
  .hero-content h1 { font-size: 3rem; }
  .section-padding { padding: 80px 0; }
  
  /* Navbar adjustments for mobile */
  .navbar { background: rgba(27, 27, 27, 0.98); padding: 15px 0; }
  .navbar-toggler { border-color: rgba(255, 255, 255, 0.5); padding: 8px 12px; border-radius: 4px; }
  .navbar-toggler-icon { filter: invert(1); }
  .navbar-collapse { 
    background: var(--secondary); 
    padding: 20px; 
    border-top: 1px solid rgba(255, 255, 255, 0.1); 
    margin-top: 15px; 
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
  }
  .nav-link { 
    display: block; 
    padding: 12px 0 !important; 
    border-bottom: 1px solid rgba(255,255,255,0.05); 
    font-size: 1rem;
  }
  .nav-item:last-child .nav-link { border-bottom: none; }
  .navbar .btn-primary-industrial { display: block; width: 100%; text-align: center; margin-top: 15px; }
  
  /* Hero section adjustments */
  .hero { background-attachment: scroll !important; } /* Fix parallax jitter on tablets */
}

@media (max-width: 767.98px) {
  /* Typography */
  .hero-content h1 { font-size: 2.5rem; }
  .section-title { font-size: 2rem; }
  .cta-content h2 { font-size: 2rem; }
  
  /* Layout */
  .achievement-bar { margin-top: 0; padding: 20px 0; border-top: none; }
  .counter-item { border-right: none; margin-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 20px; }
  .counter-item:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; }
  
  /* Footer adjustments */
  .footer-logo { margin-bottom: 15px; }
  .footer-title { margin-top: 30px; margin-bottom: 15px; }
  
  /* Forms */
  .form-control, .form-select { padding: 12px !important; font-size: 0.95rem; }
  
  /* Tables */
  .table { font-size: 0.9rem; }
}

@media (max-width: 575.98px) {
  /* Small Mobile Typography */
  .hero-content h1 { font-size: 2rem; line-height: 1.2; }
  .hero-content p { font-size: 1rem; margin-top: 10px; }
  .section-title { font-size: 1.8rem; line-height: 1.3; }
  
  /* Section Spacing */
  .section-padding { padding: 50px 0; }
  
  /* Hero heights */
  .hero { min-height: 350px !important; }
  
  /* Timeline process steps */
  .d-flex.mb-5 { flex-direction: column; text-align: center; align-items: center; }
  .me-4.text-center { margin-right: 0 !important; margin-bottom: 20px; }
  .d-flex.mb-5 .bg-secondary.mx-auto { display: none; } /* Hide vertical lines on mobile */
  
  /* Gallery & Images */
  .img-wrapper { height: 250px; }
  .bg-secondary.rounded.overflow-hidden { height: 200px !important; } /* Map embed */
  
  /* Cards */
  .p-5 { padding: 30px !important; }
  
  /* Contact page specific */
  .contact-info .d-flex { flex-direction: column; text-align: center; align-items: center; }
  .contact-info .me-4 { margin-right: 0 !important; margin-bottom: 15px; }
}