Почему разваливается адаптив?

Вот, так отображается сайт у меня в лисе (десктоп) -
https://screenshots.firefox.com/KIFhk72DCiB6hlmT/x...
а мобайл версия действительно разваливается.
Просмотрев предварительно могу сказать, что у вас не настроены медиазапросы. В моб. версии не должно быть горизонтальной прокрутки.
htmlbook.ru/css/value/media

у body задайте {overflow-x:hidden;}

Верстка вообще никак не претендует на адаптивность. Во-первых, не должно быть так, что нужно делать такой огромный шрифт для маленьких экранов. К тому же, сайт открывается как будто с зумом. Все это должен решать вьюпорт, он есть, да конструкция сайта где-то явно мешает ему выполнять работу) Тяжело сразу назвать все проблемы, их там много. Даже не знаю как можно из такой ситуации выбраться, может только если все перестраивать и менять ширины различных блоков на резиновые, чтобы они менялись в зависимости от экрана.