CSS mediaqueries - menu niewidoczne cały czas, pomimo reguły wyświetlania na mobilnych

do RWD mam dodatkowe menu

<nav class="page-navigation clearfix">		
	<label class="navigation-toggle" for="input-toggle">
		<span></span>
		<span></span>
		<span></span>
	</label>

	<input type="checkbox" id="input-toggle">	
	<ul class="menu">
		<li><a href="">Start</a></li>
		<li class="hover"><a href="">Oferta</a></li>
		<li><a href="">Galeria</a></li>
		<li><a href="">Cennik</a></li>
		<li><a href="">O nas</a></li>
		<li><a href="">Kontakt</a></li>
	</ul>
</nav>

standardowe menu wyłączone oraz wszystkie style CSS nego menu mam w

@media only screen and (max-width: 900px) { }

ale ponieważ nie chcę tego na deskopowej stronie po zamknięciu reguły mediaqueries dla deskopowych stylów dałem:

nav {display: none;}

i problem jest taki że na telefonie się to menu nie wyświetla, chyba że nie ma kodu

nav {display: none;}

ale wtedy mam syf na deskopowej wersji

wie ktoś co powinienem zrobić?

CSS jest "czytany" od góry do dołu, jeżeli jakaś reguła jest nadpisywana to używana jest ostatnia występująca w kodzie, a ty nadpisałeś właśnie wszystkie reguły wyświetlania menu.

Ukryj je gdzieś na początku, lub wsadź do innego media query

wsadź do innego media query

jaki będzie media query dla wszystkich urządzeń oprócz mobilne?

To wszystko zależy co chcesz zrobić, co wykrywasz jak wykrywasz i co chcesz wspierać.
Możesz zacząć od przejrzenia MDN https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries#not

IMO najłatwiej jednak będzie ukryć menu na początku stylu, a potem je uaktywniać dla odpowiednich urządzeń/wymiarów ekranu etc.