Как правильно задать условие при котором бы работал слайдер?

Мне необходимо, чтобы работал слайдер при экранах в 320px и 768px. при 320 я реализовал как мне надо, а вот при 768 получается что слайдеры прокручиваются до пустого места и потом происходит зацикливание. короче условие для экрана 768 не работает. кто может подсказать почему?

  if (window.innerWidth = 320) {
    document.querySelector('.slider__next').addEventListener('click', function() {
        offset = offset + 304;
        if (offset > 912) {
            offset = 0;
        }
        sliderLine.style.left = -offset + 'px';
    });
    document.querySelector('.slider__prev').addEventListener('click', function() {
        offset = offset - 304;
        if (offset < 0) {
            offset = 912;
        }
        sliderLine.style.left = -offset + 'px';
    });
} else {
    document.querySelector('.slider__next').addEventListener('click', function() {
        offset = offset + 593;
        if (offset > 608) {
            offset = 0;
        }
        sliderLine.style.left = -offset + 'px';
    });
    document.querySelector('.slider__prev').addEventListener('click', function() {
        offset = offset - 593;
        if (offset < 0) {
            offset = 608;
        }
        sliderLine.style.left = -offset + 'px';
    });
}