css - @Media が思ったように機能しない

Question

レスポンシブ デザインについて学んでいますが、@media が思ったように機能しません。サブナビバーがあります。CSSは次のとおりです。

.subnav-fixed {
  background-color: #eeeeee;
  position: fixed;
  top: 50px;
  left: 0;
  right: 0;
  z-index: 1030;
  border-color: #d5d5d5;
  border-width: 0 0 1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

@media (max-width: 767px) {
  .subnav-fixed {
    top: 61;
  }
}

ページが 767px 未満の場合、上部を 61px に落としたいです。これは起こっていません。@media は .subnav クラスの後にあります。これを機能させる方法を説明するだけでなく、何が起こっているのかを理解したいと思います。ヘルプやリンクは素晴らしいでしょう。