input in search box is creative problem.please check in both portrait and landscape mode.and suggest how to fix.

Question

it is a orientation based mediaquery project. when i am typing input in searchbox of portrait it is showing the background of landscape mode and the search box take whole screen concentration.
i want to work it simple (as we see in input textarea ) . it is working well in landscape .
suggest how to fix problem occurring in portrait mode.
https://code.sololearn.com/W3YGQBz2kZS5/?ref=app
https://code.sololearn.com/W3YGQBz2kZS5/?ref=app

Answer 1

instead of using orientation, use screen width.