/* ------ Сетка ------ */
.row{/* Контейнер для колонок */
	overflow: hidden;
}
/* ------ Колонки. Сетка отключена ------ */
.col-1-768, .col-2-768, .col-3-768, .col-4-768, .col-5-768,
.col-1-960, .col-2-960, .col-3-960, .col-4-960, .col-5-960,
{
	width: 100%;
}

/* ------ Включение сетки с 768px ------ */
@media only screen and (min-width: 768px){
	.col-1-768{
		float: left;
		width: 16.66666666%;
	}
	.col-2-768{
		float: left;
		width: 33.33333333%;
	}

	.col-3-768{
		float: left;
		width: 50%;
	}
	.col-4-768{
		float: left;
		width: 66.66666666%;
	}
	.col-5-768{
		float: left;
		width: 83.33333333%;
	}
}
/* ------ Включение сетки с 960px ------ */
@media only screen and (min-width: 960px){
	.col-1-960{
		float: left;
		width: 16.66666666%;
	}
	.col-2-960{
		float: left;
		width: 33.33333333%;
	}

	.col-3-960{
		float: left;
		width: 50%;
	}
	.col-4-960{
		float: left;
		width: 66.66666666%;
	}
	.col-5-960{
		float: left;
		width: 83.33333333%;
	}
}