.list_num {
    display: flex;
    flex-wrap: wrap;
    --len: 1
}

.list_num .item {
    margin-left: var(--pd);
    margin-top: var(--mt);
    width: calc(100% / var(--len) - var(--pd) * (var(--len) - 1) / var(--len));
    display: flex;
    flex-direction: column
}

.list_num4,
.list_num4_ {
    --len: 4
}

.list_num4 .item:nth-child(-n + 4),
.list_num4_ .item:nth-child(-n + 4) {
    margin-top: 0
}

.list_num4 .item:nth-child(4n + 1),
.list_num4_ .item:nth-child(4n + 1) {
    margin-left: 0
}


.lists {
    --pd: 20px;
    --mt: 20px;
    margin: 5% 0;
}

.lists .img {
    padding-bottom: 18%;
}

@media screen and (max-width:1023px) {

    .list_num2,
    .list_num3,
    .list_num3_,
    .list_num4 {
        --len: 1
    }

    .list_num2 .item,
    .list_num3 .item,
    .list_num3_ .item,
    .list_num4 .item {
        width: 100% !important;
        margin: 0 !important;
        margin-top: var(--mt) !important
    }

    .list_num2 .item:nth-child(-n + 2),
    .list_num3 .item:nth-child(-n + 2),
    .list_num3_ .item:nth-child(-n + 2),
    .list_num4 .item:nth-child(-n + 2),
    .list_num2 .item:nth-child(-n + 3),
    .list_num3 .item:nth-child(-n + 3),
    .list_num3_ .item:nth-child(-n + 3),
    .list_num4 .item:nth-child(-n + 3) {
        margin: 0 !important;
        margin-top: var(--mt) !important
    }

    .list_num2 .item:first-child,
    .list_num3 .item:first-child,
    .list_num3_ .item:first-child,
    .list_num4 .item:first-child {
        margin-top: 0 !important
    }

    .lists .img {
        padding-bottom: 75%;
    }
}

@media screen and (max-width:950px) {
    .list_num4 {
        --len: 1
    }

    .list_num2,
    .list_num3,
    .list_num3_,
    .list_num4 {
        --len: 1
    }

    .list_num2 .item,
    .list_num3 .item,
    .list_num3_ .item,
    .list_num4 .item {
        width: 100% !important;
        margin: 0 !important;
        margin-top: var(--mt) !important
    }

    .list_num2 .item:nth-child(-n + 2),
    .list_num3 .item:nth-child(-n + 2),
    .list_num3_ .item:nth-child(-n + 2),
    .list_num4 .item:nth-child(-n + 2),
    .list_num2 .item:nth-child(-n + 3),
    .list_num3 .item:nth-child(-n + 3),
    .list_num3_ .item:nth-child(-n + 3),
    .list_num4 .item:nth-child(-n + 3) {
        margin: 0 !important;
        margin-top: var(--mt) !important
    }

    .list_num2 .item:first-child,
    .list_num3 .item:first-child,
    .list_num3_ .item:first-child,
    .list_num4 .item:first-child {
        margin-top: 0 !important
    }

    .lists .img {
        padding: 0;
        height: auto;
    }

    .lists .img img {
        position: unset;
    }
}