ขอถามเรื่องการทำงานของไฟล์ css min-width/max-width หน่อยครับ

<link rel='stylesheet' href='style.css' type='text/css' media='all' />
<div class="container">
</div>

@import url("main.css"); 
@import url("320.css"); 
@import url("400.css"); 

.container
{
    margin: 0 auto;
    position: relative;
    width: 1000px;
}

@media screen and (max-width: 479px) { /* target= mobile 480 wide */
	.container
	{
		margin: 0 auto;
		position: relative;
		width: 320px;
	}
}

@media screen and (max-width: 768px) { /* target= mobile 480 wide */
	.container
	{
		margin: 0 auto;
		position: relative;
		width: 460px;
	}
}