I can't find one working example of gmail media queries for any version. Does anyone see any media queries working on Litmus? The checklist (https://litmus.com/blog/gmail-to-support-responsive-email-design) shows it working in some versions but I can't see it working in any place. I am using my same code I've been using that has media queries that work in any client that accepts media queries but still no proof Gmail has made any updates at all. Is there something special I should be doing to make Gmail media queries work? Any ideas or suggestions?

Below is an example of the top part of the email with the styles for reference.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<title>Exclusive for You</title>
<style type="text/css">
*{-webkit-text-size-adjust:100%;}
*{-webkit-font-smoothing:antialiased;}
*{-ms-text-size-adjust:100%;}
*{-moz-osx-font-smoothing:grayscale;}
*{-ms-font-smoothing:antialiased;}
table td{border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;}
table{border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; margin:0 auto !important;}
body{margin:0px auto;}
.ExternalClass{width:100%;}
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div{line-height:100%;}
.nobreak{white-space:nowrap;}
.appleLinksGranite[class] a {color:#51555a !important; text-decoration:none !important;}
.appleLinksGray[class] a {color:#777777 !important; text-decoration:none !important;}
.appleLinksWhite[class] a {color:#ffffff !important; text-decoration:none !important;}
.appleLinksMint[class] a {color:#bad9c9 !important; text-decoration:none !important;}
.appleLinksDarkMint[class] a {color:#8ebda5 !important; text-decoration:none !important;}
@media handheld, only screen and (max-width:480px){
*.wrapper[class]{width:100% !important; max-width:100% !important;}
*.margin35[class]{width:calc(100% - 60px) !important; margin-left:30px !important;}
*.hide[class]{display:none !important;}
*.show[class]{display:block !important; visibility:visible !important;}
*.autoHeight[class]{height:auto !important;}
*.alignCenter[class]{text-align:center !important; align:center !important; margin:0 auto !important;}
*.padtop0[class]{padding-top:0px !important;}
*.padtop5[class]{padding-top:5px !important;}
*.padtop15[class]{padding-top:15px !important;}
*.padtop30[class]{padding-top:30px !important;}
*.padtop40[class]{padding-top:40px !important;}
*.padbottom10[class]{padding-bottom:10px !important;}
*.padbottom30[class]{padding-bottom:30px !important;}
*.padbottom40[class]{padding-bottom:40px !important;}
*.padleftright5[class]{padding-left:5px !important; padding-right:5px !important;}
*.padleftright15[class]{padding-left:15px !important; padding-right:15px !important;}
*.padleftright30[class]{padding-left:30px !important; padding-right:30px !important;}
*.padleft35right25[class]{padding-left:35px !important; padding-right:25px !important;}
*.padleftright75[class]{padding-left:75px !important; padding-right:75px !important;}
*.backgroundGranite[class]{background-color:#51555a !important;}
*.backgroundWhite[class]{background-color:#ffffff !important;}
*.font15[class]{font-size:15px !important; line-height:24px !important;}
*.font17[class]{font-size:17px !important; line-height:25px !important;}
*.font36[class]{font-size:36px !important; line-height:42px !important;}
*.colorWhite[class]{color:#ffffff !important;}
*.borderGranite[class]{border-right:solid 1px #51555a !important;}
}
</style>
</head>