Jquery добавить условие

Помогите добавить в данный пример условие. Чтоб если разрешение меньше 900px и у .item-container есть класс .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>


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