Не отображается цвет когда захожу как бы с телефона, что не так?

<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<meta name ="description" content="КиноМонстр"/>
	<meta name ="keywords" content="фильмы,фильмы онлайн,hd"/>
	<link rel="stylesheet" href="assets/css/style.css">

/*CSS Mobile*/
@media only screen
and (min-device-width : 320px)
and(max-device-width : 568px){
	.header{
    background-color: #216329;
	}
}

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<meta name ="description" content="КиноМонстр"/>
<meta name ="keywords" content="фильмы,фильмы онлайн,hd"/>
<link rel="stylesheet" href="assets/css/style.css">

/*CSS Mobile*/
@media only screen
and (min-device-width : 320px)
and(max-device-width : 568px){
.header{
background-color: #216329;
}
}