.cartoon-card-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.25em;
}

.cartoon-card-list__item {
    display: block;
    box-sizing: border-box;
    width: 50%;
    padding: .25em;
}

.cartoon-card-list__xs-hidden {
    display: none;
}

@media (min-width: 582px) {
    .cartoon-card-list__item {
        width: 33.3333333333%;
    }
}

@media (min-width: 768px) {
    .cartoon-card-list__xs-hidden {
        display: block;
    }
}

@media (min-width: 1024px) {
    .cartoon-card-list__max-4 > .cartoon-card-list__item {
        width: 25%;
    }

    .cartoon-card-list__max-5 > .cartoon-card-list__item {
        width: 20%;
    }
}