/* Responsive Design */
        @media (max-width: 768px) {
            #header {
                z-index: 10000;
                position: relative;
            }
            
            .hero h1 {
                font-size: 2.5rem;
            }
            
            .hero p {
                font-size: 1rem;
            }
            
            .hero-buttons {
                flex-direction: column;
                align-items: center;
                gap: 15px;
            }
            
            /* Hide floating images on mobile for better performance */
            .parallax-elements {
                display: none;
            }
            
            .about-text, .about-image {
                flex: 100%;
                padding-right: 0;
                margin-bottom: 30px;
            }
            
            .services-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .service-card {
                margin: 0 10px;
            }
            
            .service-img {
                height: 180px;
            }
            
            .contact-content {
                flex-direction: column;
                gap: 40px;
            }
            
            .nav-links {
                display: none;
                position: absolute;
                top: 100%;
                left: 0;
                right: 0;
                background: rgba(255, 255, 255, 0.98);
                backdrop-filter: blur(10px);
                flex-direction: column;
                box-shadow: var(--shadow);
                padding: 20px 0;
                border-radius: 0 0 15px 15px;
                z-index: 9999;
            }
            
            .nav-links.active {
                display: flex;
            }
            
            .nav-links li {
                margin: 0;
                text-align: center;
            }
            
            .nav-links a {
                display: block;
                padding: 15px 20px;
                border-bottom: 1px solid rgba(0,0,0,0.1);
                font-size: 1.1rem;
            }
            
            .nav-links a:last-child {
                border-bottom: none;
            }
            
            .mobile-menu-toggle {
                display: block;
            }
        }
        
        @media (max-width: 480px) {
            .hero h1 {
                font-size: 2rem;
            }
            
            .section-title h2 {
                font-size: 2rem;
            }
            
            .service-content {
                padding: 20px;
            }
            
            .value-card {
                padding: 20px;
            }
        }
        
        @media (min-width: 769px) and (max-width: 1024px) {
            /* Adjust floating images for tablet */
            .float-1 {
                width: 150px;
                height: 220px;
                right: 8%;
            }
            
            .float-2 {
                width: 120px;
                height: 160px;
                left: 3%;
            }
            
            .float-3 {
                width: 140px;
                height: 200px;
                right: 15%;
            }
        }