Медиа-запрос ipad vs iphone4

Я использую медиа-запрос в css, чтобы различать iphone и ipad

Вот мой код:

/* iphone 3 */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation:portrait) { ... }

/* iphone 4 */
@media only screen and (min-device-width : 640px) and (max-device-width : 960px) and (orientation:portrait) { ... }

/*iPad styles*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) { ... }

/* i have the same for landscape */

Теперь у меня конфликт разрешения, iphone 4 использует то же разрешение, что и ipad, и наоборот.

Как я могу это исправить?