Jak zapisać 2 warunki w @media screen

Witam jak zapisać dwa warunki w css w @media screen

chciałbym połączyć:
@media screen (orientation:portrait) {
@media screen (max-width: 1200px) {

nie działa:
@media screen and ((orientation:portrait) or (max-width: 1200px)) {

To jest OR:

@media (orientation: portrait), (max-width: 1200px) {
  /* ... */
}

To jest AND:

@media (orientation: portrait) and (max-width: 1200px) {
  /* ... */
}

A jeżeli dodamy jeszcze screen

Niestety nie działa zapis:
@media (screen and (orientation:portrait)), (max-width: 1200px) {

Tak:

@media screen and (orientation:portrait), (max-width: 1200px){