How to force the browser to open the mobile version in landscape orientation?

Question

Media queries

I created this media query for mobile devices:
@media only screen and ( max-width : 768px ) {}

Everything is fine, but as soon as I turn the phone to landscape orientation, the desktop version opens.

Tried to create something like:

@media only screen and (max-width : 768px) and (orientation:portrait), (max-width : 768px) and (orientation:landscape)  {}

but I just started studying media queries, so I don’t know everything yet, and the project needs to be handed in tomorrow. Tell me how to solve this problem?