/*
АДАПТИВНАЯ БЛОЧНАЯ ВЕРСТКА при разных маштабах 
*/

/* Окно  */
*{	box-sizing:border-box;
	-moz-box-sizing:border-box;}

/*РЕШЕТЧАТЫЕ ЭЛЕМЕНТЫ ВЕРТИКАЛЬНО, ТАК КАК ДАЛЕКО ОНИ НАХОДЯТСЯ ОДНА ПОД ДРУГОЙ */
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

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

@media only screen and (min-width: 920px) {

.grid_1 { width: 8.33333333%; }
.grid_2 { width: 16.66666667%; }
.grid_3 { width: 25%; }
.grid_4 { width: 33.33333333%; }
.grid_5 { width: 41.66666667%; }
.grid_6 { width: 50%; }
.grid_7 { width: 58.33333333%; }
.grid_8 { width: 66.66666667%; }
.grid_9 { width: 75%; }
.grid_10 { width: 83.33333333%; }
.grid_11 { width: 91.66666667%; }
.grid_12 { width: 100%; }

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	float: left;
	display: block;
}

}

@media only screen and (min-width: 1030px) {

} 

@media only screen and (min-width: 1240px) {

} 

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {


} 

@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) { 

  
}