CSSでレスポンシブ時に疑似要素を無効にしたい

前提

CSSでレスポンシブ時に疑似要素を無効にするにはどうすればよいでしょうか。

実現したいこと

hoge{ padding: 100px; } hoge:first-child{ padding: 50px; }

上記のCSSでレスポンシブ時にhoge:first-childの指定を無効にし、全てのhogeのpaddingを100pxにしたい場合、メディアクエリにはどのように記述すればよいでしょうか。

試したこと

@media screen and (min-width){ hoge:first-child{ padding: 100px; } }

上記のようにしていますが、もっと良い書き方はないでしょうか。