メディアクエリ書き方

<link href="small.css" rel="stylesheet" media="screen and (min-width: 501px) and (max-width: 800px)" />

<link href="x_small.css" rel="stylesheet" media="screen and (max-width: 500px)" />

■sass

@media screen and (max-width: 500px) {
.hoge {
	background-color: #cccccc;
}
}