Clickable dropdown menu cannot be opened on tablet (landscape view)

Hello everyone. I found a new problem regarding the clickable submenu for tablets (specifically for tablets with big screen sizes like iPad pro, Galaxy Tab S6 Lite). I implemented the clickable dropdown submenu for my website (for screen size with min. width: 1200px), as you can see on my screenshot "submenu.PNG".

The problem with this menu is that the dropdown submenus (on my website, they are Company, Software, OSH Apps, and the other 2 menus) only working on desktop screen (by clicking the menu with the mouse), but as I tested it on tablet by touching the submenu (for example on iPad pro, rotate it to landscape view so that the screen size is now 1366px), the dropdown menu isn't shown. But, as I clicked the parent menus that have no dropdown submenus (Start, Price), the menus work and I'll be redirected to the correct web pages.

The jQuery codes I implemented for this clickable functionality can be seen below:

Code:

Log In or Sign Up to view this code.

Did I miss something on jQuery which makes the submenu only works on desktop? I'm completely clueless regarding this issue. I would really appreciate all the feedback this community could give. Thank you so much!