/* Responsive */ @media (max-width: 1100px){ .services-grid{grid-template-columns:repeat(2,1fr)} .split{flex-direction:column-reverse;gap:16px} .split-right{width:100%} .contact-content{flex-direction:column} .contact-details{width:100%} .testimonials-grid{flex-direction:column} .portfolio-item{width:100px;height:70px} .about-hero{flex-direction:column} } /* Mobile */ @media (max-width: 720px){ .site-nav .nav-links{display:none} .nav-toggle{display:block} .hero-card{padding:20px} .services-grid{grid-template-columns:1fr} .portfolio-item{width:90px;height:60px} .founder-img{width:100%} .footer-links ul{flex-direction:column;gap:6px} .testimonial-card img{width:60px;height:60px} .service-hero{flex-direction:column;align-items:flex-start} } /* Very small */ @media (max-width:480px){ .hero-card h2{font-size:1.2rem} .hero{padding:36px 0} .portfolio-track{animation-duration:30s} .stat{min-width:100px}