Скрипт изменения ширины элемента с шагом, в зависимости от ширины viewport

Есть

<div id="smiley-box" class="smiley-box"></div>

Нужно чтобы при ширине от 767px до 991px, его ширина изменялась от 15.25% до 16.5% с шагом в 0.25%. Как можно реализовать это через JS, чтобы увеличение происходило равномерно?