媒体查询不在一个环境中工作，而是在另一个环境中工作

Question

我有一个简单的环境，它将多个文件组合在一起并将所有内容组合成一个巨大的.CSS文件（强制以这种方式工作）。

但是，在一个环境中，“@ media（最小宽度：768px）和（最大宽度：979px）”声明正在被验证，并且它的自定义CSS在所有实例中都能正确呈现。但是，在具有完全相同的媒体查询和CSS的另一个环境中，它甚至不在CSS文件中确认它。

工作环境： giving.massgeneral.org

[CSS ^] https://www.dropbox.com/s/4hxtevg0ft0hsae/base.css

非工作环境：secure.massgeneral.org/bootstrap-library

[CSS ^] https://www.dropbox.com/s/ncrbgxs2ot184cm/bbnc.css

最值得注意的问题是在“安全”中完全被忽略的以下查询。环境：

// Tablets & small desktops only
@media (min-width: 768px) and (max-width: 979px) { 
    // Hide everything else
    .hidden-desktop    { display: inherit !important; }
    .visible-desktop   { display: none !important; }

    // Show
    .visible-tablet    { display: inherit !important; }

    // Hide
    .hidden-tablet     { display: none !important; }
}

它成功生成此代码并将其放入“bbnc.css”文件中，但是，在“安全”中指定的视口中，它不会将样式与上面的类相关联。环境。

如果要对此进行验证，外界的任何建议都会非常感激。