multiple @media can not be defined with same css

[BananaAcid]

I believe, this should be working:

@media (max-device-width : 812px) and (orientation : landscape),  // till iPhoneX landscape
@media (max-width: 630px)   // browser Portrait
{
    // some css
}

[matthew-dean]

No, it shouldn't. That's not a real @media query.

Correct code should be:

@media (max-device-width : 812px) and (orientation : landscape),  // till iPhoneX landscape
(max-width: 630px)   // browser Portrait
{
    // some css
}