Media Queries

Due to my site have quite a few menu items the media queries dont wuite meet my needs. from mobile to 1023px wide all menu works great, once it moves to 1024px wide the menu gets expanded and due to menu content increases the height of the header, once it hits 1366px wide the expanded menu the works well. what is the best method to resolve this issue. Although i have not published the site with the following changes as of yet my current method was to adjust the media queries in the style CSS and simply change the 1024px and 1120px settings up to a higher value close to the 1366px wide settings. is this correct or is there a better method using the additional CSS? Cheers