Делаю сайт адаптивным, для этого использую media queries. Используется 2 условия: @media only screen and (max-width: 1020px) and (min-width: 600px) и @media only screen and (max-width: 599px). Так вот, на смартфоне с разрешением 800 на 480 почему-то срабатывает первое условие, т.е. грузятся стили для экранов с шириной от 1020px до 600px, нужно, что бы срабатывало второе условие.
Объясните, как так и как исправить?