Почему в режиме эмуляции мобильных устройств в chrome или mozilla едет вёрстка?
У вас в main.js есть скрипт, который при ширине экрана 1185px и выше немного меняет верстку (добавляет svg и т.д.). А в CSS-файле правила для этих элементов срабатывают только при ширине экрана 1200px и выше. Поэтому решения 2:
1. в css-файле заменить участки кода вида:@media (min-width: 1200px) {
    .services__list-menu,.services__profile {
        display:none
    }
}
на @media (min-width: 1185px) {
    .services__list-menu,.services__profile {
        display:none
    }
}
(для остальных неправильно работающих элементов тоже нужно заменить значение min-width с 1200 на 1185)
2. в js-файле main.js (что лежит в шаблоне) найти и заменить совпадение "1185" на "1200". Но это более костыльный вариант, т.к. с этим значением работает целый плагин.
Видимо на указанном проблемы не заканчиваются:990х1189iPad Pro 10.5Noname
С вёрсткой явно перемудрили.