メディアクエリを用いてウィンドウの幅ごとに要素のCSSを変えていくコードになります。
かなりゴリ押しぽい手法です。
機械にデザインはわからないからしょうがないね
/*-----------------------------------------------------------
共通
-------------------------------------------------------------*/
/*-----------------------------------------------------------
携帯 1023px以下
-------------------------------------------------------------*/
@media screen and (max-width:1023px) {
}
/*-----------------------------------------------------------
PC 1024px以上
-------------------------------------------------------------*/
@media screen and (min-width:1024px) {
}