Secondary Header not responsive on landscape view moile

Hello!
I have tested my site on differentes mobiles view and it looks awesome!
Problem comes when suddenly i rotate the device (landscape mode) and then my header is gone for some reason.

I have already tried adding an specific code to an specific resolution (@media(min-width: 533px) and (max-width: 320px) and (orientation: landscape)

But if i do this then it affects another device’s resolution.

So far i have left the landscape mode disable but id love to fix this to be completely responsive.

sources read:
1- https://developer.mozilla.org/es/docs/CSS/Media_queries
2- https://es.learnlayout.com/media-queries.html

The page I need help with: [log in to see the link]