need code help with media screen for desktop view

I’m using some CSS to create a media screen, so the fonts in my Minamaze Pro theme look big enough on a desktop view (default is too small).

When the theme is shrunk to tablet or phone, the fonts reduces in size as expected to the default font (11px) – which suits those devices.

But the code below is not quite achieving what I want in desktop view. All the text is suitably enlarged (16px), except the header menu’s sub-menu text. The font size at the top of the menu is fine, but the submenu text is too small default size.

Sample page: LINK.

Can you suggest some code to fix this?

Thanks.

Current media screen CSS:

@media only screen and (min-width: 1024px) {
    p {
        font-size: 16px;
    }
   li {
        font-size: 16px;
    }
    blockquote, q {
         font-size: 20px;
    }
   ul {
        font-size: 16px;
    }
}