Шаблон Flatastic v2.9.0 - разъехались баннеры

Доброго дня!
Шаблон http://cmsheaven.org/templates/joomla/flatastic/
Почему верхние баннеры съезжают? 1 и 2 по порядку, а 3 под ними...

Проблема видна и на демо-сайте. Размер баннеров больше, чем должно?

Почему тогда, когда масштаб в браузере меняю (уменьшаю до 67%) - баннеры встают на место, а еще уменьшаю - друг под другом 3 шт.
В настройках указано, что используется 3 баннера - как я понимаю компонент должен адаптировать изображение под соответствующее разрешение!?

в bootstrap.css

Код:

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 14px;
  padding-right: 14px;
}

padding-left: 15px;
padding-right: 15px;

поменял на 14px

мне не помогло, только правка bootstrap.css