@media (max-width: 1200px) {
	.colLeft {
		width: auto;
	}
	.colRight {
		float: none;
		margin: 0 auto 20px auto;
	}
	
	#category {
		width: 840px;
		margin: 0 auto;
	}
}

@media (max-width: 1024px) {
	.colRight { width: 100%; }
	.bestLeft {
		float: none;
		margin: 0 auto 20px auto;
		overflow: hidden;
	}
	.bestRight {
		float: none;
		width: 540px;
		margin: 0 auto;
		overflow: hidden;
	}
	.bestTreck {
		padding: 14px;
		width: 540px;
		margin: 0 auto;
	}
	#category {
		width: 565px;
		margin: 0 auto;
	}
	.short .info { width: 100%; }
	.short .thumb { margin-bottom: 20px; }
}

@media (max-width: 768px) {
	.bestLeft {
		width: 100%;
		padding: 14px 20px 20px 20px;
		text-align: center;
	}
	.bestLeft .name { white-space: normal; }
	.bestLeft .item {
		float: none;
		display: inline-block;
	}
	.bestLeft .item + .item { margin: 15px; }
	
	.bestRight { width: 100%; }
	
	.bestTreck {
		width: 100%;
		padding: 14px 20px 20px 20px;
	}
	.bestTreck .box {
		width: auto;
		float: none;
		margin: 0 auto !important;
	}
	
	#category { width: 100%; }
	
	.navigation { text-align: center; }
	.navigation a,
	.navigation span {
		    margin-bottom: 10px;
	}
}