Css @-moz文档和@media在一起

如何组合上述前缀？这不起作用：

@media screen and (max-width: 991px) and (min-width: 768px) {

    @-moz-document url-prefix()   { 
    .navbar-default .navbar-brand  {margin-left:30%;}
    }
}

---

而

@-moz document url-prefix（）的
@-media
内部也不起作用。
首先使用
@-moz document
和
@-media
内部查询对我来说效果很好：

@-moz-document url-prefix() {
    @media screen and (max-width: 991px) and (min-width: 768px) {
        .navbar-default .navbar-brand  {margin-left:30%;}
    }
}

演示：
规则中的每个伪元素都必须有效，否则整个规则将被删除

参考：，以及