jsのレスポンシブ

var mediaQuery = matchMedia('(max-width: 767px)');

// ページが読み込まれた時に実行
handle(mediaQuery);

// ウィンドウサイズが変更されても実行されるように
mediaQuery.addListener(handle);

function handle(mq) {
  if (mq.matches) {
    // ウィンドウサイズがSPのとき
  } else {
    // それ以外
  }
}