FLEX RESPONSIVE sur ipad

J'ai un souci d'affichage de mon flex et sa compatibilité sur ipad
Ma page est la suivante
http://jevoyagefacile.com/trouvez-vo...ide-en-france/

Cela fonctionne bien sur web et iphone mais sur ipad les flex item se superposent
le code css est le suivant

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

.flex-container { display: -webkit-flex !important; display: flex !important; width: 100% !important; height: 21.875rem !important; overflow-x: auto !important;   }   .flex-item { width: 18.35rem !important; height: 6.25rem !important; margin: 1.38rem !important; }   @media screen and (max-width:768px) { .flex-iem { flex: 0 1 49% !important; } } @media screen and (max-width:640px) { .flex-item { flex: 0 1 99% !important; }

---

Merci pour votre aide