Jquery Добавить проверку условие

Сейчас если сделать клик вне квадратов, то они удаляются. Нужно добавить условие, чтоб квадрат при наличии класса special не закрывался и при этом если разрешение меньше 900px. Только при выполнении этих 2 условий, квадрат special не должен закрываться

$(document).click(function (event) {
  if ($(event.target).closest(".item-container").length) return;
  $(".item-container").hide();
  event.stopPropagation();
});
.wrap {
  display: flex;
}

.item-container {
  width: 100px;
  height: 100px;
  background: red;
  margin-right: 20px;
  margin-bottom: 20px;
}

.item-container.special {
  background: green;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="wrap">
  <div class="item-container"></div>
  <div class="item-container special"></div>
  <div class="item-container"></div>
  <div class="item-container special"></div>
</div>


Ответы (0 шт):