Combinação de múltiplas condições em consultas de mídia CSS com lógica OR

Em consultas de mídia CSS, especificar múltiplas condições usando a lógica "OR" pode ser útil para segmentar dispositivos com diferentes tamanhos ou aspectos de tela. Embora o código fornecido na pergunta esteja incorreto, existe um método simples para obter o resultado desejado.

Para especificar várias condições com a lógica "OR", separe-as com vírgulas:

@media screen and (max-width: 995px), screen and (max-height: 700px) {
  ...
}

Conforme explicado na documentação em https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries:

"Vírgulas são usadas para combinar vários consultas de mídia em uma única regra. Cada consulta em uma lista separada por vírgulas é tratada separadamente das outras. Assim, se alguma das consultas em uma lista for verdadeira, toda a instrução de mídia. retorna verdadeiro. Em outras palavras, as listas se comportam como um operador lógico ou."

Usando essa abordagem, a consulta de mídia verifica se a largura da tela é menor ou igual a 995 pixels ou se a altura da tela é menor que ou igual a 700 pixels. Se qualquer uma das condições for atendida, os estilos especificados na consulta de mídia serão aplicados.