Как решить проблему с адаптивным дизайном?
Думаю сейчас вам поможет этот мета-тэг:<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0">
И немного почитайте про него и его параметры, это займет совсем немного времени и поможет вам в будущем.
@media (max-width:ширина экрана в px)
а если оставить только так?