@media (max-width: 1024px) { .hero-content { padding: 60px 50px !important; flex-direction: column !important; gap: 40px !important; } .hero-title { font-size: 56px !important; } .hero-country { font-size: 26px !important; } .hero-details { font-size: 18px !important; margin-bottom: 30px !important; } .hero-dates { font-size: 15px !important; } .price-box { min-width: 280px !important; padding: 30px 40px !important; } .price-amount { font-size: 56px !important; } .cta-button { padding: 24px 50px !important; font-size: 20px !important; } .hero-sidebar { align-items: center !important; width: 100%; } } @media (max-width: 768px) { .hero-content { padding: 40px 30px !important; } .badge { font-size: 13px !important; padding: 8px 20px !important; margin-bottom: 20px !important; } .hero-title { font-size: 42px !important; margin-bottom: 15px !important; } .hero-country { font-size: 22px !important; margin-bottom: 12px !important; } .hero-details { font-size: 16px !important; margin-bottom: 25px !important; } .hero-dates { font-size: 14px !important; } .price-box { min-width: 100% !important; padding: 25px 30px !important; } .price-label { font-size: 13px !important; } .price-amount { font-size: 48px !important; } .cta-button { padding: 20px 40px !important; font-size: 18px !important; width: 100%; text-align: center; } } @media (max-width: 480px) { .hero-content { padding: 30px 20px !important; } .badge { font-size: 11px !important; padding: 6px 16px !important; letter-spacing: 1px !important; } .hero-title { font-size: 32px !important; line-height: 1.1 !important; } .hero-country { font-size: 18px !important; } .hero-details { font-size: 14px !important; margin-bottom: 20px !important; } .hero-dates { font-size: 12px !important; } .price-box { padding: 20px 25px !important; } .price-label { font-size: 12px !important; } .price-amount { font-size: 40px !important; } .cta-button { padding: 18px 35px !important; font-size: 16px !important; } }