Danny Arty

Потому что у вас по логике он срабатывает при ЛЮБОЙ ширине не более 1600px, а 1280px входит в эту категорию. Поэтому вы должны дописать условие с min-width.

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

Проблема старая. Кому-то помогло добавление в тег video playsinline, раз у вас он есть и проблема не решена, попробуйте второй вариант - добавьте туда же controls="true"

А вообще проблема может быть и в веб-сервере

Если это Bootstrap 4, то к navbar-nav добавляете класс ml-auto, а к navbar-brand класс order-md-last

Можно в яндекс картах такое сделать. Прочитайте про вывод списка объектов

Попробуйте так:

if (window.matchMedia("(max-width: 1200px)").matches) {
  $('.happy__row').slick();
}

Так это же обычная карусель.
Можете использовать например owl-carousel или bootstrap