.brands-list {
    position: relative;
    padding: 6.6rem 0 7.7rem;
}
.brands-list header {
    margin-bottom: 3rem;
}
.brands-list h2 {
    font-size: 2em;
    line-height: 1.2em;
    font-weight: 700;
}
/* Arrows splide */
.brands-list .splide__arrow {
    background-image: url('../../img/layout/arrow_splide.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 3.8rem;
    height: 3.8rem;
    display: inline-block;
}
@media only screen
and (min-width : 961px) {
    .brands-list {
        padding: 4.5rem 0 4.7rem;
    }
    .brands-list header {
        margin-bottom: 7.1rem;
    }
    .brands-list h2 {
        font-size: 3.5em;
        line-height: 1.05em;
    }
    .brands-list .splide__list {
        display: flex!important;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .brands-list .splide__slide {
        flex: 0 1 auto;   
        margin: 0 3rem 4rem;
    }
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
    .brands-list .splide {
        max-width: calc(100% - 5rem);
        padding-left: 2rem;
    }
    .brands-list .splide__arrow--next {
        right: -3rem;
    }
    .brands-list .splide__arrow--prev {
        display: none;
    }
}