@media (max-width: 768px) {
    .hero-section h1 {
        font-size: 2.5rem;
    }
    
    .category-nav {
        margin: -20px 15px 30px;
        padding: 15px;
    }
    
    .category-btn {
        padding: 10px 20px;
        font-size: 0.9rem;
        display: block;
        width: 100%;
        margin: 5px 0;
    }
    
    .video-info {
        padding: 15px;
    }
}