/* Mobile First Adjustments */
@media (max-width: 575.98px) {
    .navbar-brand {
        font-size: 1.2rem;
    }
    
    .video-card .card-body {
        padding: 0.5rem;
    }
    
    .card-title {
        font-size: 0.85rem;
    }
    
    .card-text {
        font-size: 0.75rem;
    }
    
    .ad-content {
        min-height: 50px !important;
    }
}

/* Tablet Adjustments */
@media (min-width: 576px) and (max-width: 991.98px) {
    .video-card .card-body {
        padding: 0.75rem;
    }
    
    .card-title {
        font-size: 0.9rem;
    }
}

/* Hide sidebar on medium devices */
@media (max-width: 991.98px) {
    .sidebar {
        display: none;
    }
    
    .main-content {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .sidebar {
        display: block !important;
    }
    
    .main-content {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
}