CSS媒体查询规则未应用

At line 449 of this page, there is:

@media (min-width: 981px) {
    #tdr-gallery-our-work .wpb_image_grid .wpb_image_grid_ul .isotope-item {
        max-width: 9.09090909% !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
    }
}

但是,如果我检查页面中间图像库的LI元素,则代码检查器会说仅适用以下规则:

.wpb_image_grid .wpb_image_grid_ul .isotope-item {
    list-style: none;
    margin: 0 1px 1px 0;
    max-width: 8.92857142%;
    height: auto;
    float: left;
    position: relative !important;
    left: auto !important;
    top: auto !important;
}

The div#tdr-gallery-our-work definitely contains this image gallery, but it's not even being detected by the code inspector. It's in the source code, so why isn't it being applied?

I am in a browser on a 1680px monitor, and the media query takes place at (min-width: 981px).

帮助表示赞赏。