Bodrosh

Вы можете назначить одни стили для списка и переопределить конкретные пункты, например, так:

<ul class="list-1">
<li>Первый элемент</li>
<li class="list-item">Второй элемент</li>
...
</ul>

<style>
.list-1 {
общий стиль;
}
.list-1 li.list-item {
другой стиль пункта;
}
</style>

У вас стоит абсолютное позиционирование данного блока на маленьком экране:

@media screen and (max-width: 480px)
.box {
    position: absolute;

Можно, например, контейнеру выше (div class="container") задать высоту не менее высоты данного блока (height: 380px;) на указанном разрешении, ситуация будет получше и немного добавить стилей, чтобы все выровнять

Если я вас правильно понял, вам нужно свойство sticky (или библиотека, напр. leafo.net/sticky-kit )