Адаптивная верстка. Мобильная версия. Почему белая полоса?

Question

[Viktor Gubanov]

Верстаю сайт.
За основу был взят шаблон в сети, потом правился.
Уже несколько дней бьюсь над вопросом - откуда появляется белая полоса (см. картинку).
Ни у одного элемента нет margin'a справа, все в контейнерах.

Подскажите, пожалуйста, в чем может быть причина!
Заранее благодарю.

Ссылка на сайт

Answer 1

[Денис Инешин]

Какой-то из элементов вылазит за пределы блока. Обычно текст. Скорее всего слово "восстановление". Уменьшите шрифт.

Comments

[Viktor Gubanov]

Денис, спасибо большое именно это и было причиной!

Я верно понимаю, что логичнее всего править размер шрифта с помощью media?
Когда поправил в инспекторе, то все стало смотреться как нужно.
Потом создал в конце css файла раздел:

media only screen
and (min-device-width: 320px)
and (max-device-width: 568px) { =/*правка размера */}

Но при этом браузер не реагирует на эти изменения.
Что делать?

[Денис Инешин]

Viktor Gubanov: min-device-width замените на min-width

[Viktor Gubanov]

Денис Инешин: спасибо!

Answer 2

[Дмитрий Христоев]

карусель в результатах участников

Answer 3

[Евгений Петров]

код дай фиг так поймешь, скорее всего какой то класс в css неправильно описан.
используй для описания заголовка
.myheader{
media (min-width:$screen-xs){
font-size: ляляля
}
media (min-width:$screen-sm){
font-size: ляляля
}
}