Hi, I've created an email template with two tables, one for 320px, and one for everything above. However, upon testing in emailonacid, gmail displays both tables. Why is this not working, and is there a workaround?

The CSS is quite straightforward:

    .small {
      display: none;
    }
    @media screen and (max-width:320px){
      .desktop {
        display: none;
      }
      .small {
        display: table;
      }
    }