Dymok

https://toster.ru/answer?answer_id=1286593#answers...

как вариант, сделать в одну строчку и дать возможность листать.
Как реализовать мобильное меню как у гугла?

bootstrap-4.ru/docs/4.3.1/utilities/flex/#order

Забавно. Задавал такой же вопрос по этому же макету. Как лучше сверстать таймлайн?
Вот архив со всей версткой этого макета - https://dropmefiles.com/51WEL Возможно, что-то там не так, но секция с таймлайном вроде бы получилась.

@media (min-width: 992px) and (max-width: 1199px) {

}

Очень удобная сетка. Можно создавать бесконечное количество брейкпоинтов. Настроить ширину контейнера, количество колонок, ширину gutter'a и отступы внутри контейнера. Есть вариант использования сетки и на flexbox, и на float'ах.
В отличии от бутстрапа, все размеры задаются в файле стилей, а не в HTML. Это кому как нравится.

вроде того

var offset = $('.doc-class').offset().top - $('.header').outerHeight();
        $('html,body').animate({scrollTop: offset}, 500);

Селектор вида .class tag будет действовать на все элементы tag внутри элемента .class в независимости от вложенности.
Чтобы действовал только на непосредственно первый дочерний элемент, нужно использовать .class > tag

.menu-item-has-children > p:after
{
	content: ' [>]';
}
.sub-menu .menu-item-has-children > p:after
{
	content: ' [»]';
}

Так у тебя же оно выключено?

$(".zont").owlCarousel({
    items:1,
    margin:10,
    autoWidt:true,
    autoplay:true,
    autoplayTimeout: 10000,
    loop:true,
    animateOut: 'fadeOut',
    mouseDrag: false,
    touchDrag: false,
    dots: false,
  });

mouseDrag: false,
 touchDrag: false,

padding-left и background-image

Всё в один контейнер, контейнеру display:flex; flex-wrap:wrap;
Блокам отзывов width: 50%, паддинги и маржины по макету
Сам блок тоже можно сделать display: flex;и разделить на две части

примерно так, с позиционированием только нужно сделать поточнее

Оказывается, всё просто.

$('.gallery').each(function() { // the containers for all your galleries
    $(this).magnificPopup({
        delegate: 'a', // the selector for gallery item
        type: 'image',
        gallery: {
          enabled:true
        }
    });
});