.brand-logos-section { width: 100%; position: relative; overflow: hidden;}
.brand-logos-section:before,
.brand-logos-section:after { content: ''; width: 230px; height: 100%; position: absolute; top: 0; z-index: 1; pointer-events: none;}
.brand-logos-section:before { background: linear-gradient(-90deg, rgba(19, 19, 19, 0) 0%, #131313 100%); left: 0;}
.brand-logos-section:after { background: linear-gradient(90deg, rgba(19, 19, 19, 0) 0%, #131313 100%); right: 0;}
.brand-logos__marquee { width: 100%; position: relative;}
.brand-logos__marquee .brand-logos__marquee-inner { width: 100%; overflow: hidden;}
.brand-logos__marquee .brand-logos__logo-group { width: 100%; display: flex; align-items: center;}
.brand-logos__marquee .brand__logobox { width: auto; position: relative; flex: 0 0 auto; margin: 0 60px 0 0;}
.brand-logos__marquee .brand__logobox img { width: auto; max-width: 100%; height: auto; max-height: 40px; display: block; border-radius: 0 !important;}


@media (min-width:1024px) and (max-width:1200px) {

    .brand-logos-section:before,
    .brand-logos-section:after { width: 200px;}
    .brand-logos__marquee .brand__logobox { margin: 0 40px 0 0;}
    .brand-logos__marquee .brand__logobox img { max-width: 100%; max-height: 40px;}

}

@media (max-width:1023px) {

    .brand-logos-section:before,
    .brand-logos-section:after { width: 100px;}
    .brand-logos__marquee .brand__logobox { margin: 0 24px 0 0;}
    .brand-logos__marquee .brand__logobox img { max-width: 100%; max-height: 40px;}

}