.logos-wrapper {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.logos .logos-wrapper .logos-item a {
    text-decoration: none;
    border-bottom: none;
}

.logos img {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;

    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);

    opacity: 0.4;
}

.logos .logos-item:hover img, .logos img:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);

    opacity: 1;
}

@media (max-width: 992px) {
    .logos-wrapper {
        overflow-x: scroll;
    }
}