@charset "utf-8";
/* CSS Document */
/*



@media screen and (min-width: 1200px) {
	.column-112 {min-width: 100px;}
}

*/



/* сетка */
.row {
 /* margin: 0 -10px; */
  margin-bottom: 20px;
	overflow: hidden;
}
.row:last-child {margin-bottom: 0;}

[class*="column-"] {padding: 5px;}

.column-12 {/* 2 колонок */
	width: 50%; min-width: 310px; height: 100%;
	float:left;
}
.column-13 {/* 3 колонок */
	width: 33.33%; height: 100%;
	float:left;
}
.column-112 {/* 12 колонок */
	width: 8.33%; height: 100%;
	float:left;
	padding: 2px;
}

@media screen and (max-width: 1100px) {
  .column-112 {float: left; width: 16.66%;}
  .column-112:nth-child(6n+1) {clear: none;}
}

@media screen and (max-width: 900px) {
  .column-112 {float: left; width: 25%;}
  .column-112:nth-child(4n+1) {clear: none;}
}

@media screen and (max-width: 660px) {
	.column-12 {width: 100%; float: none;}
	.column-13 {width: 100%; float: none;}
}

@media screen and (max-width: 330px) {
  .column-112 {float: left; width: 50%;}
  .column-112:nth-child(2n+1) {clear: none;}
}

/*
@media screen and ( min-width: 960px ) {
  .col-1-8 {
    width: 12.5%;
  }
  .col-1-8:nth-child(4n+1) {
    clear: none;
  }

  .col-112 {
    width: 12.5%;
  }
  .col-112:nth-child(4n+1) {
    clear: none;
  }
}
@media screen and ( min-width: 600px ) {
  .col-2-3 {
    float: left;
    width: 66.66%;
  }
  .col-1-2 {
    float: left;
    width: 50%;
  }
  .col-1-3 {
    float: left;
    width: 33.33%;
  }
  .col-1-4 {
    float: left;
    width: 25%;
  }
  .col-1-8 {
    float: left;
    width: 12.5%;
  }
  .col-1-8 {
    float: left;
    width: 25%;
  }
  .col-1-8:nth-child(4n+1) {
    clear: both;
  }

  .col-112 {
    width: 12.5%;
  }
  .col-112:nth-child(2n+1) {
    clear: none;
  }
}
*/