Нужно сделать интересный media запрос в CSS

Есть у меня лендинг и он использует что-то по типу fullpage. При работе с адаптивностью возникла одна проблема, мне нужно, чтобы при расширении 1024x1366(iPad Pro) применялись уже более мобильные стили (это я сделал):

@media screen and (max-width: 1024px)

Но мне также нужно, чтобы при расширении устройства 1024x768(это ноутбук) эти стили не работали, как можно модифицировать этот запрос под эту ситуацию? Пробовал так:

@media screen and (max-width: 1024px) and not (device-height: 768px)

Но он почему-то теперь не работает на iPad Pro.