如何隐藏不同屏幕尺寸的特定CSS元素？

Question

我有以下CSS代码，因此我只想删除一个元素，即max-width:40%或将其设为max-width:100%不同的屏幕尺寸。

我的CSS代码：

.extended-entry-left {
    max-width: 40%;
    float: left !important;
    line-height: 50px !important;
    text-shadow: 3px 3px rgba(0,0,0,0.1);
    margin-bottom: 20px !important;
    margin-top: 20px !important;
    margin-right: 20px !important;
    margin-left: 20px !important;
    font-size: 38px;
}

我正在使用以下@media查询，但它无效！

@media screen and (max-width: 400px) {
    .extended-entry-left {
        min-width: 100% !important;
    }
}

请帮助我！