Bootstrap 3.x媒体查询未执行正确的宽度

Question

我正在尝试使用基本媒体查询来在屏幕大小更改时调整填充。媒体查询似乎执行，但它以错误的宽度执行。我在这里做错了吗？我的目标是当屏幕小于670px时，填充权限将设置为0px;

以下是媒体查询：

@media (min-width: 670px) {
    #carousel-featured-deal{
        padding-right:20px;
    }
}

我还尝试添加以下额外的媒体查询，但它似乎仍然具有相同的行为：

@media (max-width: 669px) {
    #carousel-featured-deal{
        padding-right:0px;
    }
}