HamSter

Это разные понятия.
Адаптивный - только адаптируется к разрешению экрана.
А отзывчивый - меняет размеры текста, кнопок и других элементов в зависимости от устройства.
Например, на одном и том же разрешении экрана 1920х1080 отзывчивый сайт может смотреть по разному, если его открыли с ноутбука, настольного компьютера или телевизора, не смотря на одинаковое разрешение.

всё очень просто. Есть такая фишка - называется ксаффолдер. Я пользуюсь yeoman.io
В нём есть официальный генератор веб-приложения webapp . В пакете генератора gulp в который завёрнуто sass + bootstrap sass + bower в котором ещё куча всего завёрнуто + chai и mocha (тестировщики кода) + browsersync который заводится на 3001 порту. прочитай на сайте что я скинул. Способ для самых ленивых лентяев. Как с нуля:
Ставишь nodeJS, gulp bower глобально.
Ставишь yo глобально (npm i yo -g)
Ставишь генератор глобально (npm i generator-webapp -g)
Создаёшь ручками папку проекта и пишешь одну команду (yo webapp)
Тебе инициализируется проект с полной архитектурой. Я ещё её по смакссу докручиваю допиливаю.
Заводишь сервак (команда gulp serve) и начинаешь неистово кодить

max-width: 992px
означает выпалнение этого кода ОТ 1px до 992px
min-width: 992px
ОТ 992px до бесконечность

Оберни .sub-menu в .sub-menu-wrapper например
и с твоим кодом так получится примерно:

.sub-menu-wrapper{
  display: none;
  position: absolute;
  padding-top: 40px;
  width: 150px;
  top: 0px;
  left: -50px;
  z-index: 10;
}

.main-menu > li:hover .sub-menu-wrapper {
  display: block;
}

Я считаю оптимальными размеры в районе от 1440 до 1600рх при условии наличия сайдбаров или иных колонок (если колонка всего одна, то не должна быть широкой иначе текст читать будет невозможно). Статистика популярных разрешений это подтверждает

За примерами далеко ходить не надо: Тостер имеет ширину контента 1440рх и это удобно. Контент занимает большую часть экрана и навигация осуществляется посредством сайдбаров. Причём, сделать в подобном ключе можно не только информационный сервис или новостной сайт, но и коммерческий сайт или магазин.

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

Потому что хром на компе и андройде разный и у них разная поддержка форматов.

Ищите тут, вроде sin city похожа, если нет создайте свою.