article {
    padding:0 20px 0 20px;
}

.lst {
    overflow:hidden;
}

.secbrd {
    font-weight:bold;
}

.seclstcon {
    padding:20px 0 20px 0;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.lstim {
    display:grid;
    column-gap:10px;
    row-gap:20px;
    font-size:12px;
}
.lstim img {
    width:100%;
}

@media (min-width:901px) {
    article {
        display:flex;
    }

    .lstot {
        width:calc(100% - 300px);
    }

    .lst {
        padding:0 30px 30px 30px;
    }

    .lstim {
        grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));
    }
    
}

@media (max-width:900px) {
    article {
        display:initial;
    }

    .lstot {
        width:100%;
    }

    .lst {
        padding:0 0 30px 0;
    }

    .lstim {
        grid-template-columns:repeat(3, 1fr);
    }

    .secbrd {
        font-size:14px;
    }
}