@media (max-width: 968px) { .menu-toggle { display: block; } .nav-menu { position: fixed; top: 80px; left: -100%; width: 100%; height: calc(100vh - 80px); background: white; flex-direction: column; padding: 40px; gap: 25px; transition: 0.3s; z-index: 999; } .nav-menu.open { left: 0; } .lang-switcher { border-left: none; margin-left: 0; padding-left: 0; justify-content: center; } .hero-section { min-height: 60vh; } .hero-content h1 { font-size: 32px !important; line-height: 1.2; } .hero-content p { font-size: 16px !important; margin-bottom: 20px; } .hero-btn { padding: 12px 30px; font-size: 14px; } .section-title { font-size: 28px; } .page-container h1 { font-size: 28px; } .services-grid, .projects-grid, .licenses-grid, .contacts-wrapper { grid-template-columns: 1fr; } .features-grid { grid-template-columns: 1fr; } .feature-card { padding: 30px 20px; } .main-photo { height: 220px; } .thumbnails { gap: 3px; } .thumbnail { width: 55px; height: 55px; } .license-image { height: 180px; } } @media (max-width: 480px) { .logo img { max-height: 40px; } .hero-section { min-height: 50vh; } .hero-content h1 { font-size: 24px !important; } .hero-content p { font-size: 14px !important; } .hero-btn { padding: 10px 25px; font-size: 13px; } .section-title { font-size: 24px; } .page-container { padding: 30px 15px; } .page-container h1 { font-size: 24px; } .feature-card { padding: 20px 15px; } .feature-icon { font-size: 36px; } .feature-card h3 { font-size: 18px; } .service-card h3 { font-size: 18px; } .service-description { font-size: 14px; } .project-info h3 { font-size: 18px; } .project-info p { font-size: 13px; } .license-info h3 { font-size: 18px; } .contact-item h3 { font-size: 18px;