2cha.headz

вариант 1) для обычных моников подойдет, в медиазапрос добавить min-device-pixel-ratio: 1.5 например (с 1.5 можно поиграться)

вариант 2) вынести медиазапросы в отдельный файл, далее при подключении фрейма в ссылку добавить get параметр, и уже на стороне сайта, где срабатывают адаптивные стили смотреть, если есть гет параметр, то не подключать адаптивные стили, если нет, то подключать

.content_item:nth-child(odd) div:nth-child(2):after {
    content: "";
    display: inline-block;
    position: absolute;
    right: -11px;
    top: 50%;
    margin-top: -11px;
    min-width: 20px;
    min-height: 20px;
    border-radius: 50%;
    background: rgb(177, 177, 174);
}

.content_item:nth-child(even) div:nth-child(1):before {
    content: "";
    display: inline-block;
    min-width: 20px;
    min-height: 20px;
    border-radius: 50%;
    background: rgb(177, 177, 174);
    position: absolute;
    left: -11px;
    top: 50%;
    margin-top: -11px;
}

section.content_item {
    position: relative;
}

вот косяк в css
media screen and (max-width: 860px)
.nav-bar {
display: none;
}

внутри .nav-bar лежит ul с меню,
скрипт: $('.wrapper ul').toggleClass('active');
добавляет active вложенному элементу, т.е. .wrapper ul
но родитель ul (в данном случае .nav-bar) имеет display:none

joxi.ru/KAxvqMRUM5VVzm

Поглядите, выберите и используйте то, что больше подходит =)
webformyself.com/top-9-bibliotek-dlya-animacii-v-2...

попробуйте jquery.maphilight.js

можно типо такого попробовать https://jsfiddle.net/hdc5kvfy/

Добавьте в ваш скрипт выделенную строку, и сделайте чтобы функция срабатывала при загрузке и ресайзе

$(window).scroll(function() {
if($(this).scrollTop() > 150) {
$('.right-side-adv').addClass('fixed');
} else {
$('.right-side-adv').removeClass('fixed');
}
if($(this).scrollTop() > 1050) {
$('.adv').addClass('fixed');
} else {
$('.adv').removeClass('fixed');
}
if($(this).scrollTop() > 1330) {
$('.adv2').addClass('fixed');
} else {
$('.adv2').removeClass('fixed');
}

$('.right-side-adv').css('right',$('.top-menu').offset().left + 'px')
});

Пожалуйста, пользуйтесь - копируйте ( www.sanitarim.ru )

object-fit удобная штука, но из-за некоторых браузеров приходится избегать его использования ( caniuse.com/#search=object-fit ), т.к. заказчики требуют кроссбраузерности

Здравствуйте, измените id на классы в html и в js соответственно, или назначьте разные id-шники менюшкам и в скрипте повешайте на оба обработчик