.brands-list {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(8, 1fr);
}
.brands-item {
    position: relative;
}
@media (max-width: 1500px) {
    .brands-list {
        grid-template-columns: repeat(6, 1fr);
    }
}
@media (max-width: 1100px) {
    .brands-list {
        grid-template-columns: repeat(5, 1fr);
    }
}
@media (max-width: 767px) {
    .brands-list {
        grid-gap: 10px;
        grid-template-columns: repeat(3, 1fr);
    }
}
