.video-shortcode .category {
    margin-bottom: 40px;
}

.video-shortcode .category h2 {
    background-color: #D8D43E;
    color: white;
    padding: 5px;
}

.video-shortcode .video-slider .slider .carousel-cell {
    width: 40%;
    margin-right: 40px;
}

.video-shortcode .video-slider .slider .carousel-cell .title {
    margin-top: 10px;
}

.video-shortcode .video-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

.video-shortcode .video-grid > div {
    width: 350px;
    border-bottom: solid 1px #D8D43E;
    padding-bottom: 10px;
}

.video-shortcode .video-grid > div .title {
    margin-top: 10px;
    color: #D8D43E;
}

@media (max-width: 1500px) {
    .video-shortcode .video-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1200px) {
    .video-shortcode .video-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 800px) {
    .video-shortcode .video-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .video-shortcode .category h2 {
        width: 40%;
    }
}