.banner-category-promotion {
    position: relative;
    margin-bottom: 20px;
}
.banner-category-promotion .banner-img{
    max-width: 100%;
    width: 100%;
}
.banner-category-promotion .banner-img .category-promotion {
    position: absolute;
}

.banner-category-promotion .banner-content {
    position: absolute;
    top: 30%;
    left: 6%;

    user-select: none; /* supported by Chrome and Opera */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
}

.banner-category-promotion span.banner-tittle {
    font-size: 32px;
    font-weight: 600;
}

.content-desc {
    margin-top: 12px;
}

.btn-banner {
    margin-top: 12px;
}

.brands {
    margin-bottom: 2rem;
}

.brands-tittle {
    text-align: center;
    margin: 2rem 0;
    font-weight: 600;
}
.brand-img{
    margin-left: 35px;
}

.categoryrbrandpromotion-section{
    width: 100%;
    margin: auto;
    padding-bottom: 20px;
    position: relative;
    overflow: hidden;
}

.categoryrbrandpromotion-section .brands-swiper {

}

@media screen and (max-width: 992px) {
    .content-desc {
        display: none;
    }

    .banner-content {
        top: 40%;
    }

}

@media screen and (max-width: 576px) {
    span.banner-tittle {
        font-size: 26px;
    }
}