Посмотрел я на это безобразие... Вопрос только один "зачем вы это делаете?" и "зачем вы делаете это таким образом?"
Теперь ответы... Вся эта затея целиком направленна на определенный результат... Результатом судя по содержанию является "работающий интернет магазин". Вы просто взяли голые HTML&CSS и сделали эту страничку. Очень хорошо в принципе. Но есть одно НО... как правило делая интернет-магазин существует ещё куча всяких компонент, на реализацию которых можно потратить очень много времени, поэтому используют готовые компоненты... Готовые компоненты используют для обеспечения интерактивности (кнопочки, менюшечки, анимация необычные элементы управления).
Поэтому что бы вам не заниматься ерундой, лучше вам взять CSS framework (рекомендую bootstrap, так как решений готовых очень много) который понравиться. С помощью него сделать тоже самое. Все основное в framework-ах уже есть, вам останется разобраться с медиазапросами в css и резиновыми шаблонами. "Резиновость" и адаптивность можно комбинировать.
Адаптивность проще всего проверить в firefox, там есть инструменты для этого.