メディアクエリがうまく機能しません。

Question

画面を小さくしたら.mv-leftのpadding-leftを取り除きたいと思っており、
以下のコードにしたのですがpadding-left:35px;
が優先になってしまいます。
!importantをつけてもダメでした。
どうすればメディアクエリが優先になるのでしょうか？
なぜメディアクエリが機能しないのでしょうか？
よろしくお願いします。

<section class="mv">
  <div class="mv-content container">
    <div class="row">
      <div class="mv-left col-lg-6">
        <div class="mv-left-text">
          <h1>ああああ</h1>
        </div>
        <div class="mv-left-search">
          <p>あああ</p>
        </div>
      </div>
      <div class="mv-right col-lg-6">
      </div>
    </div>
  </div>
</section>

.mv-left {
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 35px;
}
@media only screen and (min-width: 230px) and (max-width: 640px) {
  .header-news-message {
    width: 300px;
  }
  .mv-left {
    padding-left: none !important;
  }
  .header-news {
    background: white;
  }
}

Answer 1

padding-left: 0; でどうですか。

Comments

[takawork]

ありがとうございます。無事に機能しました。
paddingとかの場合は数値なのですね。