スマホとタブレットのCSS指定

タブレット用

@media (min-width: 768px) and (max-width: 979px) {

　～ここにCSS記述する～

}

スマホ用

@media (max-width: 767px) {

　～ここにCSS記述する～

}

スマホ記述を書いてからタブレットを書くのではなく（小＞大）、
タブレットを書いてからスマホで必要な部分を書く（大＞小）ように記述する。