Чё надо-то? Всегда держать три колонки? Или при небольшой ширине уменьшать до двух?
Вашу актуальную цсс-ку "фф топку"! Куча мала намешана какая-то. Да ещё и с синтаксической ошибкой (последнее "max-width" с двумя двоеточиями - проверьте).
P.S. А ещё именование классов позабавило! Обзывать класс несоответствующим названием тэга - это прям по Чакноррисовски! А такого до кучи в вёрстке нет:
<span class="div_1_of_3"></span>
? )))))