Алексей

Что Где Когда.
Вопрос из 13 сектора:
Я что-то сделал не так - что я сделал не так?

Посмотрите https://github.com/imalhasaranga/Html5_Video_Audio...

Видно что проблема только в мобильных браузерах, то есть обычный браузер с маленькой шириной проблему не воспроизводит. Еще видно что место до куда скролится страница зависит от ширины экрана.
Страницы в мобильном и узком десктопном браузере выглядят одинаково.
Судя по тому как дергается страницы - отрабатывает setTimeout/setInterval/onscroll, который и возвращает scrollTop.
Кода очень много, сложно отлаживать его онлайн.
Нужно отключать понемногу функции типа scroll() и смотреть за результатом.
Или попробовать переписать функции определения мобильного браузера, чтобы все браузеры считались десктопными.

budcentre.com.ua/design/bud_1_2/css/style.css - 404 файл не найден.
И остальные стили, js, картинки с похожим префиксом тоже 404.
Видимо у вас для мобильных и десктопных браузеров прописаны разные стили и скрипты.

А оно и не должно схлопываться.
Схлопываются margin у идущих друг за другом (друг под другом) элементов, а не у вложенных.
UPD. Не нашел  никаких margin у div.

Если пути в целом правильные, то, вероятно, дело в больших-маленьких буквах.
Локально может разницы не быть (Windows), а на сервере - это разные имена файлов/каталогов.

По традиции - facebook :)

Если на вашем сайте нет XSS уязвимостей, то не утекут.

У вас на странице два поля ввода с одним именем.
Вы, вероятно, прикручивали маску через $('input[name=phone]') или как-то так, по-этому маска прицепилась только к первому полю.
Добавьте к полям, например, class="phonemasked" (класс не обязательно должен существовать в css) и привяжите маску через $('.phonemasked').each.
Кстати, во втором поле у вас присутствует код - required"" (лишние кавычки).