.sub-catalog__wrap {
    display: flex;
    align-items: flex-start;
    gap: 24px;
}

.sub-catalog__grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 24px;
    position: relative;
    width: 100%;
    align-items: stretch;
}

.no-results {
    position: absolute;
    width: 100%;
}

@media (max-width:1300px) {
    .sub-catalog__wrap {
        flex-direction: column;
    }
}

@media (max-width:1000px) {
.sub-catalog__grid {

    grid-template-columns: repeat(2,1fr);
    }
}

@media (max-width:780px) {
.sub-catalog__grid {

    grid-template-columns: repeat(1,1fr);
    }
}