Где косяк в мобильной версии моего сайта?

Question

[Petr-Pert-Evgenevich]

Доброго времени суток! Мой первый вопрос на тостере.

Итак, мой сайт club-white-crow.ru не совсем правильно отображается на смартфонах. Я сделал адаптивную верстку с помощь css3, пример части кода:

@media screen and (max-width:760px) { /* Меньше 760px */ }

И когда сайт открываешь в браузере Хром или Мозилла, если пальцем сдвинуть влево, образуется сколько-то пустого пространства справа. Скриншоты:
Как должно выглядеть:

Как выглядит, если потянуть пальцем влево:

Вот ссылка на слили сайта — style.css
Никак не пойму, где косяк. Заранее очень благодарен за помощь.

Answer 1

[Dymok]

.video-boris {
    ...
    box-sizing: border-box;
}

Comments

[Petr-Pert-Evgenevich]

Большое вам спасибо, вы просто гений!

[Сергей delphinpro]

Petr-Pert-Evgenevich, ну вы хоть поняли причину?

[alex-1917]

Сергей delphinpro, судя по ЗНАЧЕНИЯМ использованных точек перегиба, где царит полный хаос, надерганный из гугла, ничо он не понял...
да еще и каша мобил-ферст и не мобил-ферст. я за такую верстку железной линейкой по пальцам бью своих верстаков...)))

[Petr-Pert-Evgenevich]

Сергей delphinpro, не совсем, я потом .video-boris подредактировал, он и без box-sizing: border-box; стал нормально работать.
alex-1917, а я и не претендую на хорошую верстку, потому что это не моя работа, а единственный проект) Тем не менее весь css и html писал самостоятельно, но с помощью справочников. Не могли бы вы дать совет, что надо исправить, если не трудно?