Får ej @media att trigga

Jag har ett problem med @media
Jag har gjort 2 @media queries

@media screen and (max-device-width: 480px) and (orientation: portrait) {
	.no-mobile {
		display: none;
	}
}
@media screen and (max-device-width: 750px) and (orientation: landscape){
	.no-mobile {
		display: none;
	}
}

När jag testar dom i Google Chrome's mobil simulering får jag dom bägge att trigga. I ios får jag den första att trigga men inte i den andra. I android triggar ingen.
Jag har gjort 2 klasser för att testa

<div class="no-mobile">desktop</div>
<div class="on-mobile">Mobil</div>

Och dessa har jag slängt in på en utvecklingsite http://dev.ctc.se/

Vad gör jag för fel?

båda klasserna i din CSS är ju .no-mobile är det rätt tänkt?

Ja för jag har inte gjort några klasser för on-mobile än.
Jag vill att div no-mobile skall döljas när man tittar i mobil.

Inget förslag?

Jag testade att gå in på sidan med en Samsung Galaxy S6, både Chrome och androids Internet-browser, och texten "desktop" syns inte. Det verkar alltså fungera enligt i önskemål i android?

Tack för info.
Om du lägger telefonen i landscape, är även då desktop borta?

Wibbskii skrev:

Tack för info.
Om du lägger telefonen i landscape, är även då desktop borta?

Svar: Ja

Tack för info.
Bara för mig att fortsätta felsöka varför det inte fungerar på ios då.

Kan det krocka om man har flera @media med samma inställningar?
Tex.

@media (max-width: 667px) {
	.klass1{...}
}
@media (max-width: 667px) {
	.klass2 {...}
}

Fick rätt på det nu. Tror jag har en krock någonstans i min css fil. Bara att gå genom alla 5000 rader :P