http://www.tripstanbul.com/shopping/
По центру страницы - три колонки. Каждая из них имеет ширину 25%
float: left;
width: 25%;
margin-right: 4%;
min-height: 580px;
position: relative;
text-align: center;
margin-top: 2%;
На компьютере все отображается нормально. В мобильниках - колонки должны растягиваться по ширине экрана и иметь ширину 100%, соответственно все колонки становятся одна под другой( float: left;)
Сейчас в мобильных устройствах колонки так и остаются шириной 25%, и сжимаются в пределах экрана, наползая оодна на другую.
Подскажите, пожалуйста, что я делаю не так. И как надо.