CSS media query for desktop view not working in IE

I am using some CSS code to enlarge the font size in Desktop view, which then reverts to theme defaults for tablet and mobile views.

The code works fine in Firefox and Chrome, but in IE any text with:

1) bullet points and/or
2) In block quotes

….stays the default/global font size and is too small.

I’m new to coding and have no idea why it’s doing this.

Theme is Minamaze Pro.

View sample page

CODE:

/* FONT SIZE FOR DESKTOP VIEW */

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