Почему после запуска js кода не срабатывает медиа-запроc?

document.querySelector('.search').onclick = function() {
  var clientWidth = document.body.clientWidth;
  var mnu = document.querySelector('.mnu');
  var sandwichMnu = document.querySelector('.sandwich-mnu');
  var searchBtn = document.querySelector('.search-button');

  if(searchBtn.classList.contains('search-button-active')) {

    searchBtn.classList.remove('search-button-active');
    if(clientWidth > 1620) {
      mnu.style.display = 'flex';
      sandwichMnu.style.display = 'none';
    }

  } else {

    if(clientWidth <= 1850) {
      mnu.style.display = 'none';
      sandwichMnu.style.display = 'flex';
    }

    searchBtn.classList.add('search-button-active');

  }
}

@media only screen and (max-width: 1620px) 
             .head-navigation .mnu
                    display: none

             .sandwich-mnu
                    display: flex