CSS媒体查询：最大设备宽度

Question

我试图在最大屏幕尺寸为1024的设备上隐藏通知。对于所有更大尺寸的通知都会显示。我使用以下css代码，但它不起作用。我做错了什么？

@media screen and (max-device-width : 1024px)
{
  .global-site-notice
   {
   display: none !important;
   }
 }