CSS

nth-child() n個目以降指定

li:nth-child(n + 5) {
  /* css指定 */
}

参考
nth-child() でx個目以降を指定するcss | eturlt.net

メディアクエリでCSS差し替え

メディアクエリは画面の解像度 といった条件に対応してコンテンツの描画が行えるようにするCSS3のモジュールである。

/* ▼すべての場合に適用 */
div#sidebar { width: 100%; }

/* ▼閲覧領域の横幅が640px以上の場合に適用 */
@media screen and (min-width: 640px) {
   div#sidebar { width: 160px; }
}

/* ▼閲覧領域の横幅が960px以上の場合に適用 */
@media screen and (min-width: 960px) {
   div#sidebar { width: 25%; }
}

/* ▼閲覧領域の横幅が1200px以上の場合に適用 */
@media screen and (min-width: 1200px) {
   div#sidebar { width: 300px; }
}

参考
allabout.co.jp