.cats-block .cats {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
}

@media (max-width: 1200px) {
    .cats-block .cats {
        gap: 20px 10px;
    }
}

@media (max-width: 768px) {
    .cats-block .cats {
        grid-template-columns: repeat(2,1fr);
    }
}

@media (max-width: 370px) {
    .cats-block .cats {
        display: flex;
        flex-direction: column;
    }
}