@media only screen and (max-width: 1199px) {
    .event-list.media-list li:nth-child(1n + 5) {
        display: none;
    }
    .event-list.media-list li:nth-child(1n + 3) {
        margin-right: 3.125%;
    }
}
@media only screen and (max-width: 999px) {
    .event-list.media-list li:nth-child(1n + 4) {
        display: none;
    }
    .event-list.media-list li:nth-child(1n + 3) {
        margin-right: 0;
    }
}
@media only screen and (max-width: 719px) {
    .event-list.media-list li:nth-child(1n + 3) {
        display: none;
    }
}
@media only screen and (max-width: 479px) {
    .event-list.media-list li:nth-child(1) {
        margin-right: 3.125%;
    }
}