@media screen and (max-width: 480px) {

	.col,.site-info{ width: 320px; margin: 0px auto;}
	.top{ margin-left: -160px; margin-top:-200px;}
	.widget{ width: 320px; margin: 0px 0px 30px 0px;}
}

@media screen and (max-width: 768px) and (min-width: 481px) {

	.col,.site-info{ width: 480px; margin: 0px auto;}
	.top{ margin-left: -240px; margin-top:-200px;}
	.widget{ width: 440px; margin: 0px 20px 30px 20px;}
}

@media screen and (max-width: 960px) and (min-width: 769px) {

	.col,.site-info{ width: 740px; margin: 0px auto;}
	.top{ margin-left: -370px; margin-top:-200px;}
	.widget{ width: 340px; margin: 0px 15px 30px 15px;}
}