Миниатюры Bootstrap исчезают на мобильных устройствах

На моем веб-сайте я использую галерею миниатюр начальной загрузки. Я использую его, чтобы попытаться сделать сайт отзывчивым. Он хорошо работает на экране десктопа и планшета, но полностью исчезает на мобильном телефоне.

Вот код:

<div class="container">
    <div class="row">
        <div class="col-lg-2 col-md-3 col-xs-6 thumb">
            <a class="thumbnail" href="http://shopcloud9cycles.com/brand/campagnolo">
            <img class="img-responsive" src="themes/glencoecopy/css/images/logos/campaglogo.jpg">
            </a>
        </div>
        <div class="col-lg-2 col-md-3 col-xs-6 thumb">
            <a class="thumbnail" href="http://shopcloud9cycles.com/brand/enve">
            <img class="img-responsive" src="themes/glencoecopy/css/images/logos/envelogo.jpg">
            </a>
        </div>

Я попытался изменить его на col-xs-12 и добавить это:

@media (max-width: 767px) {
    .img-responsive {
        width: 50px;
        height: 50px;
    }
    }

Ничего из этого не работает, у кого-нибудь есть идеи, почему?

Спасибо