.brandswrapper {}

.brandswrapper .brandstitle {
    flex: 0 0 50%;
    width: 100%;
    max-width: 50%;
}

.brandswrapper .img-thumbnail img {
    max-height: 15rem
}

.brandswrapper .brandstitle:before {
    content: ' ';
    background: #072F5E;
    width: 0.3rem;
    height: 25%;
    position: absolute;
}

.brandswrapper {
    position: relative;
}

@media only screen and (max-width: 991px) {
    .brandswrapper {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        justify-content: start;
    }

    .brandswrapper .img-thumbnail {
        min-width: 48vw
    }

    .brandswrapper .brandstitle:before {
        content: ' ';
        background: none
    }

}