@media screen css无效

Question

我有这段代码

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">

代码CSS style.css：

    @media screen and (min-width: 1440px) {
         #top {
                 background-image:url(img/DESPRE-NOI.png);
                 width:400px;
                 height:38px;
                 margin-left:36%;
                 margin-top: 20%;
              }
}



@media screen and (min-width: 1300px) {
             #top {
                     background-image:url(img/DESPRE-NOI.png);
                     width:400px;
                     height:38px;
                     margin-left:36%;
                     margin-top: 2%;
                  }
    }

我想将margin-top: X value用于两种不同的分辨率，但不起作用。

这是链接：

http://test.dac-proiect.ro/wp/

你知道该怎么做才能让它发挥作用吗？

我不明白什么不起作用

提前致谢！