CSSカスタマイズがスマホでは反映されない

@media (min-width: 992px){
}

↑ 画面サイズ 992px 以上でのみ有効にする指定です。
スマホでも反映させる場合は外して試してみてください。

以上よろしくお願いいたします。

全てのWordPressテーマで使える！デザインをピンポイントで変更する方法 〜親テーマのCSSは書き換えないで〜

何か書き方が間違っているか、
CSSの指定が元の指定に負けて上書きできていないのだと思います。

h3 { font-size:12px; }
h3 { font-size:14px; } /* 後に書いた（読み込まれた）方が適用される */

body .siteContent h3 { font-size:16px } /* 親要素から複数書いてある方が強い */
h3 { font-size:12px }

このあたりは該当サイトのURLを直接見ないとちょっと判断できません。

↓ に記載の Chromeのデベロッパーツールなどを使えば、どうして効いてないのか原因を確認する事ができます。

全てのWordPressテーマで使える！デザインをピンポイントで変更する方法 〜親テーマのCSSは書き換えないで〜

知る人ぞ知るかも！？ Google Chrome デベロッパーツールの便利機能3つをご紹介

@media (min-width: 992px) {
    .col-md-offset-1 {
        margin-left: 2.33333333%;
    }

    @media (min-width: 992px) {
        .col-md-8 {
            width: 71.66666667%;
        }

        @media (min-width: 992px) {
            .col-md-3 {
                width: 26%;
            }

            /* 見だしh2の設定 */
            h2 {
                font-size: 30px;
            }

            /* 見だしh2の高さ等の設定 */
            .h2-title, .mainSection h2, .mce-content-body h2, .subSection .subSection-title {
                padding: .6em 0.5em .5em;
                border-top: 2px solid #337ab7;
            }
以下略

みたいに
@media (min-width: 992px) {
が入れ子で複数書いてあり、その中に書いてあるので、
スマホでは効かないようになっています。

@media (min-width: 992px) {
  .col-md-offset-1 {
    margin-left: 2.33333333%;
  }
  .col-md-8 {
    width: 71.66666667%;
  }
  .col-md-3 {
    width: 26%;
  }
}

/* 見だしh2の設定 */
h2 {
  font-size: 30px;
}

/* 見だしh2の高さ等の設定 */
.h2-title, .mainSection h2, .mce-content-body h2, .subSection .subSection-title {
  padding: .6em 0.5em .5em;
  border-top: 2px solid #337ab7;
}

@media の開始、終了を見直してみてください。