/* Extra Large Screens (1400px+) */
@media (min-width: 1400px) {
    .hero-content h1 { font-size: 4.5rem; }
    .container { max-width: 1320px; }
}

/* Large Screens (1200px - 1399px) */
@media (min-width: 1200px) and (max-width: 1399px) {
    .hero-content h1 { font-size: 3.5rem; }
}

/* Medium Screens (992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
    .hero-content h1 { font-size: 3rem; }
    .hero-content p { font-size: 1.1rem; }
    .product-card .product-image { height: 200px; }
    .industry-item { height: 200px; }
    .gallery-item { height: 220px; }
}

/* Tablet Landscape (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .hero-content h1 { font-size: 2.5rem; }
    .hero-content p { font-size: 1rem; }
    .hero-section { height: 70vh; min-height: 500px; }
    .section-padding { padding: 60px 0; }
    .section-title { margin-bottom: 40px; }
    .section-title h2 { font-size: 2rem; }
    .page-hero { padding: 130px 0 60px; }
    .page-hero h1 { font-size: 2.2rem; }
    .product-card .product-image { height: 180px; }
    .industry-item { height: 180px; }
    .gallery-item { height: 200px; }
    .stat-item .number { font-size: 2.5rem; }
    .about-experience { bottom: -20px; right: -20px; padding: 16px; min-width: 110px; }
    .about-experience h3 { font-size: 2rem; }
    .contact-info, .contact-form { padding: 30px; }
    .footer { padding: 60px 0 0; }
    .footer-bottom { margin-top: 40px; }
}

/* Tablet Portrait & Large Phones (576px - 767px) */
@media (min-width: 576px) and (max-width: 767px) {
    .hero-content h1 { font-size: 2rem; }
    .hero-content .subtitle { font-size: 0.85rem; letter-spacing: 2px; }
    .hero-section { height: 70vh; min-height: 450px; }
    .section-padding { padding: 50px 0; }
    .section-title { margin-bottom: 30px; }
    .section-title h2 { font-size: 1.8rem; }
    .page-hero { padding: 110px 0 50px; }
    .page-hero h1 { font-size: 1.8rem; }
    .product-card .product-image { height: 200px; }
    .product-card .product-info { padding: 16px; }
    .industry-item { height: 200px; }
    .gallery-item { height: 200px; }
    .stat-item .number { font-size: 2.2rem; }
    .stat-item { margin-bottom: 30px; }
    .about-experience { position: absolute; bottom: -20px; right: 20px; padding: 16px; min-width: 110px; }
    .about-experience h3 { font-size: 2rem; }
    .testimonial-card { padding: 24px; }
    .navbar-brand { font-size: 1.3rem; }
    .contact-info, .contact-form { padding: 24px; }
    .footer { padding: 50px 0 0; }
    .footer .col-md-6, .footer .col-lg-3 { margin-bottom: 30px; }
    .footer-bottom { margin-top: 30px; }
    .top-bar .social-links { display: none; }
}

/* Small Phones (below 576px) */
@media (max-width: 575px) {
    .hero-content h1 { font-size: 1.6rem; }
    .hero-content .subtitle { font-size: 0.8rem; letter-spacing: 1px; margin-bottom: 12px; }
    .hero-content p { font-size: 0.9rem; margin-bottom: 20px; }
    .hero-section { height: 65vh; min-height: 400px; }
    .hero-content .hero-buttons .btn { padding: 8px 18px; font-size: 0.85rem; }
    .section-padding { padding: 40px 0; }
    .section-title { margin-bottom: 24px; }
    .section-title h2 { font-size: 1.5rem; }
    .section-title p { font-size: 0.95rem; }
    .page-hero { padding: 100px 0 40px; }
    .page-hero h1 { font-size: 1.5rem; }
    .page-hero .breadcrumb { font-size: 0.85rem; }
    .product-card .product-image { height: 180px; }
    .product-card .product-info { padding: 16px; }
    .product-card .product-info h4 { font-size: 1rem; }
    .product-card .product-info p { font-size: 0.85rem; }
    .industry-item { height: 180px; }
    .gallery-item { height: 180px; }
    .stat-item .number { font-size: 2rem; }
    .stat-item { margin-bottom: 24px; }
    .stat-item p { font-size: 0.9rem; }
    .feature-card { padding: 24px 20px; }
    .feature-card .icon { width: 56px; height: 56px; font-size: 1.4rem; }
    .feature-card h4 { font-size: 1.05rem; }
    .about-experience { position: relative; bottom: 0; right: 0; margin-top: 16px; }
    .project-card .project-info { padding: 16px; }
    .blog-card .blog-content { padding: 16px; }
    .testimonial-card { padding: 20px; }
    .testimonial-card p { font-size: 0.9rem; }
    .certification-item { padding: 24px 16px; }
    .contact-info, .contact-form { padding: 20px; }
    .contact-form .form-control { font-size: 0.9rem; }
    .contact-info h4 { font-size: 1.1rem; }
    .footer { padding: 40px 0 0; }
    .footer h5 { font-size: 1rem; margin-bottom: 16px; }
    .footer p, .footer ul li a { font-size: 0.85rem; }
    .footer .col-6, .footer .col-lg-3 { margin-bottom: 24px; }
    .footer-bottom { margin-top: 24px; padding: 16px 0; }
    .footer-bottom { font-size: 0.8rem; }
    .whatsapp-float { width: 46px; height: 46px; font-size: 1.3rem; bottom: 16px; right: 16px; }
    #back-to-top { width: 36px; height: 36px; font-size: 1rem; bottom: 72px; right: 16px; }
    .navbar-brand { font-size: 1.1rem; }
    .navbar-brand small { font-size: 0.55rem; }
    .navbar-toggler { padding: 4px 8px; font-size: 1rem; }
    .top-bar { display: none; }
    .filter-btn { padding: 6px 14px; font-size: 0.8rem; margin: 2px; }
    .gallery-item { height: 160px; }
    .nav-link { padding: 10px 15px !important; }
    .lang-switcher { margin: 8px 0; }
    .about-image { margin-bottom: 20px; }
}

/* Ultra Wide (2000px+) */
@media (min-width: 2000px) {
    .hero-content h1 { font-size: 5rem; }
    .container { max-width: 1600px; }
    .section-padding { padding: 120px 0; }
    .product-card .product-image { height: 300px; }
    .industry-item { height: 300px; }
    .gallery-item { height: 320px; }
}

/* Print Styles */
@media print {
    .navbar, .top-bar, .footer, .whatsapp-float, #back-to-top, #preloader, 
    .hero-section, .cta-section, .contact-form, .page-hero { display: none; }
    body { font-size: 12pt; color: #000; background: #fff; }
    a { color: #000; text-decoration: underline; }
    .container { max-width: 100%; padding: 0; }
    .section-padding { padding: 20px 0; }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    html { scroll-behavior: auto; }
}