@media (max-width: 768px) {
    .brand-tabs ul.nav-tabs {
        flex-wrap: nowrap;
        display: flex;       
        overflow-x: scroll;  
        -webkit-overflow-scrolling: touch;
        list-style: none;
        padding: 0;
        margin: 0;
        gap: 0.5rem;  
    }

    .brand-tabs ul.nav-tabs li {
        flex: 0 0 auto;    
        white-space: nowrap;  
    }

    .brand-tabs ul.nav-tabs li img {
        max-height: 40px !important;
    }
}