[maxg5]

Всем доброго времени суток!
На сайте http://maxg5.ru в версии для мобильный устройств при открытии модального окна .open_modaldal нужно к body добавить этот класс и убрать при закрытии.

.show {
  overflow: hidden !important;
    position: fixed;
    width:73%;
}

Я делаю так, но не работает:

$(".open_modal").on("show", function () {
  $("body").addClass("show-modal");
}).on("hidden", function () {
  $("body").removeClass("show")
});

И еще как сделать так что бы этот код работал только на экранах с шириной до 768px?