メディアクエリでCSSを分ける

@media (max-width: 599px) {
   div#sidebar { width: 100%; }
}
@media (min-width: 600px) and (max-width: 959px) {
   div#sidebar { width: 160px; }
}
@media (min-width: 960px) {
   div#sidebar { width: 25%; }
}

参考サイト

https://allabout.co.jp/gm/gc/396404/#aa396404mediaqueries2