.cols {
	width: calc( 100% + 30px );
	overflow: hidden;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px 0;
}

#text ul.cols {
	margin: 0 -15px 0;
}

.cols > li,
	.cols > div,
	.cols > span,
	.cols > main,
	.cols > section,
	.cols > aside {
	display: block;
	float: left;
	width: 25%;
	padding: 0 15px;
	position: relative;
}

.cols.button-link > li,
	.cols.button-link > div,
	.cols.button-link > span,
	.cols.button-link > main,
	.cols.button-link > section,
	.cols.button-link > aside {
	padding-bottom: 80px;
}

#text ul.cols > li {
	padding: 0 15px;
}

@media only screen and (min-width: 1440px) {
	/*
	 * general col width
	 */
	.cols.items-x10 > li,
		.cols.items-x10 > div,
		.cols.items-x10 > span,
		.cols.items-x10 > main,
		.cols.items-x10 > section,
		.cols.items-x10 > aside {
		width: 10%;
	}
	
	.cols.items-x10 > .double {
		width: 20%;
	}
	
	.cols.items-x10 > .tripple {
		width: 30%;
	}
	
	.cols.items-x9 > li,
		.cols.items-x9 > div,
		.cols.items-x9 > span,
		.cols.items-x9 > main,
		.cols.items-x9 > section,
		.cols.items-x9 > aside {
		width: 11.111%;
	}
	
	.cols.items-x9 > .double {
		width: 22.2222%;
	}
	
	.cols.items-x9 > .tripple {
		width: 33.3333%;
	}

	.cols.items-x8 > li,
		.cols.items-x8 > div,
		.cols.items-x8 > span,
		.cols.items-x8 > main,
		.cols.items-x8 > section,
		.cols.items-x8 > aside {
		width: 12.5%;
	}
	
	.cols.items-x8 > .double {
		width: 25%;
	}
	
	.cols.items-x8 > .tripple {
		width: 37.5%;
	}
	
	.cols.items-x7 > li,
		.cols.items-x7 > div,
		.cols.items-x7 > span,
		.cols.items-x7 > main,
		.cols.items-x7 > section,
		.cols.items-x7 > aside {
		width: 14.285%;
	}
	
	.cols.items-x7 > .double {
		width: 28.57%;
	}
	
	.cols.items-x7 > .tripple {
		width: 42.855%;
	}
	
	.cols.items-x6 > li,
		.cols.items-x6 > div,
		.cols.items-x6 > span,
		.cols.items-x6 > main,
		.cols.items-x6 > section,
		.cols.items-x6 > aside {
		width: 16.666%;
	}
	
	.cols.items-x6 > .double {
		width: 33.333%;
	}
	
	.cols.items-x6 > .tripple {
		width: 50%;
	}
	
	.cols.items-x5 > li,
		.cols.items-x5 > div,
		.cols.items-x5 > span,
		.cols.items-x5 > main,
		.cols.items-x5 > section,
		.cols.items-x5 > aside {
		width: 20%;
	}
	
	.cols.items-x5 > .double {
		width: 40%;
	}
	
	.cols.items-x5 > .tripple {
		width: 60%;
	}
	
	.cols.items-x4 > li
		.cols.items-x4 > div,
		.cols.items-x4 > span,
		.cols.items-x4 > main,
		.cols.items-x4 > section,
		.cols.items-x4 > aside {
		width: 25%;
	}
	
	.cols.items-x4 > .double {
		width: 50%;
	}
	
	.cols.items-x4 > .tripple {
		width: 75%;
	}
	
	.cols.items-x3 > li,
		.cols.items-x3 > div,
		.cols.items-x3 > span,
		.cols.items-x3 > main,
		.cols.items-x3 > section,
		.cols.items-x3 > aside {
		width: 33.333%;
	}
	
	.cols.items-x3 > .double {
		width: 66.666%;
	}
	
	.cols.items-x3 > .tripple {
		width: 100%;
	}

	.cols.items-x2 > li,
		.cols.items-x2 > div,
		.cols.items-x2 > span,
		.cols.items-x2 > main,
		.cols.items-x2 > section,
		.cols.items-x2 > aside {
		width: 50%;
	}
	
	.cols.items-x2 > .double,
	.cols.items-x2 > .tripple {
		width: 100%;
	}
	
	.cols.items-x1 > li,
		.cols.items-x1 > div,
		.cols.items-x1 > span,
		.cols.items-x1 > main,
		.cols.items-x1 > section,
		.cols.items-x1 > aside {
		width: 100%;
	}
	
	/*
	 * col width for click list
	 */
	.cols.clickable.items-x10 > li,
		.cols.clickable.items-x10 > div,
		.cols.clickable.items-x10 > span {
		width: 1%;
	}
	
	.cols.clickable.items-x9 > li,
		.cols.clickable.items-x9 > div,
		.cols.clickable.items-x9 > span {
		width: 1.111%;
	}
	
	.cols.clickable.items-x8 > li,
		.cols.clickable.items-x8 > div,
		.cols.clickable.items-x8 > span {
		width: 1.25%;
	}
	
	.cols.clickable.items-x7 > li,
		.cols.clickable.items-x7 > div,
		.cols.clickable.items-x7 > span {
		width: 1.4285%;
	}
	
	.cols.clickable.items-x6 > li,
		.cols.clickable.items-x6 > div,
		.cols.clickable.items-x6 > span {
		width: 1.6666%;
	}
	
	.cols.clickable.items-x5 > li,
		.cols.clickable.items-x5 > div,
		.cols.clickable.items-x5 > span {
		width: 2%;
	}
	
	.cols.clickable.items-x4 > li,
		.cols.clickable.items-x4 > div,
		.cols.clickable.items-x4 > span {
		width: 2.5%;
	}
	
	.cols.clickable.items-x3 > li,
		.cols.clickable.items-x3 > div,
		.cols.clickable.items-x3 > span {
		width: 3.3333%;
	}
	
	.cols.clickable.items-x2 > li,
		.cols.clickable.items-x2 > div,
		.cols.clickable.items-x2 > span {
		width: 5%;
	}
	
	.cols.clickable.items-x1 > li,
		.cols.clickable.items-x1 > div,
		.cols.clickable.items-x1 > span {
		width: 10%;
	}
	
	/*
	 * col width for single items
	 */
	.cols > .item-x10 {
		width: 10%
	}
	
	.cols > .item-x9 {
		width: 11.111%
	}
	
	.cols > .item-x8 {
		width: 12.5%
	}
	
	.cols > .item-x7 {
		width: 14.285%
	}
	
	.cols > .item-x6 {
		width: 16.666%
	}
	
	.cols > .item-x5 {
		width: 20%
	}
	
	.cols > .item-x4 {
		width: 25%
	}
	
	.cols > .item-x3 {
		width: 33.333%
	}
	
	.cols > .item-x2 {
		width: 50%
	}
	
	.cols > .item-x1,
		[class*="cols"][class*="items-"] > .item-x1 {
		width: 100%
	}
	
	.cols.items-x10 > li:nth-child(n+11),
		.cols.items-x10 > div:nth-child(n+11) {
		margin-top: 15px;
	}
	
	.cols.items-x9 > li:nth-child(n+10),
		.cols.items-x9 > div:nth-child(n+10) {
		margin-top: 15px;
	}
	
	.cols.items-x8 > li:nth-child(n+9),
		.cols.items-x8 > div:nth-child(n+9) {
		margin-top: 15px;
	}
	
	.cols.items-x7 > li:nth-child(n+8),
		.cols.items-x7 > div:nth-child(n+8) {
		margin-top: 15px;
	}
	
	.cols.items-x6 > li:nth-child(n+7),
		.cols.items-x6 > div:nth-child(n+7) {
		margin-top: 15px;
	}
	
	.cols.items-x5 > li:nth-child(n+6),
		.cols.items-x5 > div:nth-child(n+6) {
		margin-top: 15px;
	}
	
	.cols.items-x4 > li:nth-child(n+5),
		.cols.items-x4 > div:nth-child(n+5) {
		margin-top: 15px;
	}
	
	.cols.items-x3 > li:nth-child(n+4),
		.cols.items-x3 > div:nth-child(n+4) {
		margin-top: 15px;
	}
	
	.cols.items-x2 > li:nth-child(n+3),
		.cols.items-x2 > div:nth-child(n+3){
		margin-top: 15px;
	}
	
}

@media only screen and (min-width: 1140px) and (max-width: 1439px) {
	/*
	 * general col width
	 */
	.cols.items-l10 > li,
		.cols.items-l10 > div,
		.cols.items-l10 > span,
		.cols.items-x10 > main,
		.cols.items-x10 > section,
		.cols.items-x10 > aside {
		width: 10%;
	}
	
	.cols.items-l10 > .double {
		width: 20%;
	}
	
	.cols.items-l10 > .tripple {
		width: 30%;
	}
	
	.cols.items-l9 > li,
		.cols.items-l9 > div,
		.cols.items-l9 > span,
		.cols.items-l9 > main,
		.cols.items-l9 > section,
		.cols.items-l9 > aside {
		width: 11.111%;
	}
	
	.cols.items-l9 > .double {
		width: 22.222%;
	}
	
	.cols.items-l9 > .tripple {
		width: 33.333%;
	}
	
	.cols.items-l8 > li,
		.cols.items-l8 > div,
		.cols.items-l8 > span,
		.cols.items-l8 > main,
		.cols.items-l8 > section,
		.cols.items-l8 > aside {
		width: 12.5%;
	}
	
	.cols.items-l8 > .double {
		width: 25%;
	}
	
	.cols.items-l8 > .tripple {
		width: 37.5%;
	}
	
	.cols.items-l7 > li,
		.cols.items-l7 > div,
		.cols.items-l7 > span,
		.cols.items-l7 > main,
		.cols.items-l7 > section,
		.cols.items-l7 > aside {
		width: 14.285%;
	}
	
	.cols.items-l7 > .double {
		width: 28.57%;
	}
	
	.cols.items-l7 > .tripple {
		width: 42.855%;
	}
	
	.cols.items-l6 > li,
		.cols.items-l6 > div,
		.cols.items-l6 > span,
		.cols.items-l6 > main,
		.cols.items-l6 > section,
		.cols.items-l6 > aside {
		width: 16.666%;
	}
	
	.cols.items-l6 > .double {
		width: 33.333%;
	}
	
	.cols.items-l6 > .double {
		width: 50%;
	}
	
	.cols.items-l5 > li,
		.cols.items-l5 > div,
		.cols.items-l5 > span,
		.cols.items-l5 > main,
		.cols.items-l5 > section,
		.cols.items-l5 > aside {
		width: 20%;
	}
	
	.cols.items-l5 > .double {
		width: 40%;
	}
	
	.cols.items-l5 > .tripple {
		width: 60%;
	}
	
	.cols.items-l4 > li,
		.cols.items-l4 > div,
		.cols.items-l4 > span,
		.cols.items-l4 > main,
		.cols.items-l4 > section,
		.cols.items-l4 > aside {
		width: 25%;
	}
	
	.cols.items-l4 > .double {
		width: 50%;
	}
	
	.cols.items-l4 > .tripple {
		width: 75%;
	}
	
	.cols.items-l3 > li,
		.cols.items-l3 > div,
		.cols.items-l3 > span,
		.cols.items-l3 > main,
		.cols.items-l3 > section,
		.cols.items-l3 > aside {
		width: 33.333%;
	}
	
	.cols.items-l3 > .double {
		width: 66.666%;
	}
	
	.cols.items-l2 > li,
		.cols.items-l2 > div,
		.cols.items-l2 > span,
		.cols.items-l2 > main,
		.cols.items-l2 > section,
		.cols.items-l2 > aside {
		width: 50%;
	}
	
	.cols.items-l2 > .double,
	.cols.items-l2 > .tripple {
		width: 100%;
	}
	
	.cols.items-l1 > li,
		.cols.items-l1 > div,
		.cols.items-l1 > span,
		.cols.items-l1 > main,
		.cols.items-l1 > section,
		.cols.items-l1 > aside {
		width: 100%;
	}
	
	/*
	 * col width for click list
	 */
	.cols.clickable.items-l10 > li,
		.cols.clickable.items-l10 > div,
		.cols.clickable.items-l10 > span {
		width: 1%;
	}
	
	.cols.clickable.items-l9 > li,
		.cols.clickable.items-l9 > div,
		.cols.clickable.items-l9 > span {
		width: 1.111%;
	}
	
	.cols.clickable.items-l8 > li,
		.cols.clickable.items-l8 > div,
		.cols.clickable.items-l8 > span {
		width: 1.25%;
	}
	
	.cols.clickable.items-l7 > li,
		.cols.clickable.items-l7 > div,
		.cols.clickable.items-l7 > span {
		width: 1.4285%;
	}
	
	.cols.clickable.items-l6 > li,
		.cols.clickable.items-l6 > div,
		.cols.clickable.items-l6 > span {
		width: 1.6666%;
	}
	
	.cols.clickable.items-l5 > li,
		.cols.clickable.items-l5 > div,
		.cols.clickable.items-l5 > span {
		width: 2%;
	}
	
	.cols.clickable.items-l4 > li,
		.cols.clickable.items-l4 > div,
		.cols.clickable.items-l4 > span {
		width: 2.5%;
	}
	
	.cols.clickable.items-l3 > li,
		.cols.clickable.items-l3 > div,
		.cols.clickable.items-l3 > span {
		width: 3.3333%;
	}
	
	.cols.clickable.items-l2 > li,
		.cols.clickable.items-l2 > div,
		.cols.clickable.items-l2 > span {
		width: 5%;
	}
	
	.cols.clickable.items-l1 > li,
		.cols.clickable.items-l1 > div,
		.cols.clickable.items-l1 > span {
		width: 10%;
	}
	
	/*
	 * col width for single items
	 */
	.cols > .item-l10 {
		width: 10%
	}
	
	.cols > .item-l9 {
		width: 11.111%
	}
	
	.cols > .item-l8 {
		width: 12.5%
	}
	
	.cols > .item-l7 {
		width: 14.285%
	}
	
	.cols > .item-l6 {
		width: 16.666%
	}
	
	.cols > .item-l5 {
		width: 20%
	}
	
	.cols > .item-l4 {
		width: 25%
	}
	
	.cols > .item-l3 {
		width: 33.333%
	}
	
	.cols > .item-l2 {
		width: 50%
	}
	
	.cols > .item-l1 {
		width: 100%
	}
	
	.cols.items-l10 > li:nth-child(n+11),
		.cols.items-l10 > div:nth-child(n+11) {
		margin-top: 15px;
	}
	
	.cols.items-l9 > li:nth-child(n+10),
		.cols.items-l9 > div:nth-child(n+10) {
		margin-top: 15px;
	}
	
	.cols.items-l8 > li:nth-child(n+9),
		.cols.items-l8 > div:nth-child(n+9) {
		margin-top: 15px;
	}
	
	.cols.items-l7 > li:nth-child(n+8),
		.cols.items-l7 > div:nth-child(n+8) {
		margin-top: 15px;
	}
	
	.cols.items-l6 > li:nth-child(n+7),
		.cols.items-l6 > div:nth-child(n+7) {
		margin-top: 15px;
	}
	
	.cols.items-l5 > li:nth-child(n+6),
		.cols.items-l5 > div:nth-child(n+6) {
		margin-top: 15px;
	}
	
	.cols.items-l4 > li:nth-child(n+5),
		.cols.items-l4 > div:nth-child(n+5) {
		margin-top: 15px;
	}
	
	.cols.items-l3 > li:nth-child(n+4),
		.cols.items-l3 > div:nth-child(n+4) {
		margin-top: 15px;
	}
	
	.cols.items-l2 > li:nth-child(n+3),
		.cols.items-l2 > div:nth-child(n+3) {
		margin-top: 15px;
	}
	
}

/*
@media only screen and (max-width: 1139px) {
	.cols {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
}
*/
@media only screen and (min-width: 900px) and (max-width: 1139px) {
	/*
	 * general col width
	 */
	.cols.items-m10 > li,
		.cols.items-m10 > div,
		.cols.items-m10 > span,
		.cols.items-m10 > main,
		.cols.items-m10 > section,
		.cols.items-m10 > aside {
		width: 10%;
	}
	
	.cols.items-m9 > li,
		.cols.items-m9 > div,
		.cols.items-m9 > span,
		.cols.items-m9 > main,
		.cols.items-m9 > section,
		.cols.items-m9 > aside {
		width: 11.111%;
	}
	
	.cols.items-m8 > li,
		.cols.items-m8 > div,
		.cols.items-m8 > span,
		.cols.items-m8 > main,
		.cols.items-m8 > section,
		.cols.items-m8 > aside {
		width: 12.5%;
	}
	
	.cols.items-m7 > li,
		.cols.items-m7 > div,
		.cols.items-m7 > span,
		.cols.items-m7 > main,
		.cols.items-m7 > section,
		.cols.items-m7 > aside {
		width: 14.285%;
	}
	
	.cols.items-m6 > li,
		.cols.items-m6 > div,
		.cols.items-m6 > span,
		.cols.items-m6 > main,
		.cols.items-m6 > section,
		.cols.items-m6 > aside {
		width: 16.666%;
	}
	
	.cols.items-m5 > li,
		.cols.items-m5 > div,
		.cols.items-m5 > span,
		.cols.items-m5 > main,
		.cols.items-m5 > section,
		.cols.items-m5 > aside {
		width: 20%;
	}
	
	.cols.items-m4 > li,
		.cols.items-m4 > div,
		.cols.items-m4 > span,
		.cols.items-m4 > main,
		.cols.items-m4 > section,
		.cols.items-m4 > aside {
		width: 25%;
	}
	
	.cols.items-m3 > li,
		.cols.items-m3 > div,
		.cols.items-m3 > span,
		.cols.items-m3 > main,
		.cols.items-m3 > section,
		.cols.items-m3 > aside {
		width: 33.333%;
	}

	.cols.items-m2 > li,
		.cols.items-m2 > div,
		.cols.items-m2 > span,
		.cols.items-m2 > main,
		.cols.items-m2 > section,
		.cols.items-m2 > aside {
		width: 50%;
	}
	
	.cols.items-m1 > li,
		.cols.items-m1 > div,
		.cols.items-m1 > span,
		.cols.items-m1 > main,
		.cols.items-m1 > section,
		.cols.items-m1 > aside {
		width: 100%;
	}
	
	/*
	 * col width for click list
	 */
	.cols.clickable.items-m10 > li,
		.cols.clickable.items-m10 > div,
		.cols.clickable.items-m10 > span {
		width: 1%;
	}
	
	.cols.clickable.items-m9 > li,
		.cols.clickable.items-m9 > div,
		.cols.clickable.items-m9 > span {
		width: 1.111%;
	}
	
	.cols.clickable.items-m8 > li,
		.cols.clickable.items-m8 > div,
		.cols.clickable.items-m8 > span {
		width: 1.25%;
	}
	
	.cols.clickable.items-m7 > li,
		.cols.clickable.items-m7 > div,
		.cols.clickable.items-m7 > span {
		width: 1.4285%;
	}
	
	.cols.clickable.items-m6 > li,
		.cols.clickable.items-m6 > div,
		.cols.clickable.items-m6 > span {
		width: 1.6666%;
	}
	
	.cols.clickable.items-m5 > li,
		.cols.clickable.items-m5 > div,
		.cols.clickable.items-m5 > span {
		width: 2%;
	}
	
	.cols.clickable.items-m4 > li,
		.cols.clickable.items-m4 > div,
		.cols.clickable.items-m4 > span {
		width: 2.5%;
	}
	
	.cols.clickable.items-m3 > li,
		.cols.clickable.items-m3 > div,
		.cols.clickable.items-m3 > span {
		width: 3.3333%;
	}
	
	.cols.clickable.items-m2 > li,
		.cols.clickable.items-m2 > div,
		.cols.clickable.items-m2 > span {
		width: 5%;
	}
	
	.cols.clickable.items-m1 > li,
		.cols.clickable.items-m1 > div,
		.cols.clickable.items-m1 > span {
		width: 10%;
	}
	
	/*
	 * col width for single items
	 */
	.cols > .item-m10 {
		width: 10%
	}
	
	.cols > .item-m9 {
		width: 11.111%
	}
	
	.cols > .item-m8 {
		width: 12.5%
	}
	
	.cols > .item-m7 {
		width: 14.285%
	}
	
	.cols > .item-m6 {
		width: 16.666%
	}
	
	.cols > .item-m5 {
		width: 20%
	}
	
	.cols > .item-m4 {
		width: 25%
	}
	
	.cols > .item-m3 {
		width: 33.333%
	}
	
	.cols > .item-m2 {
		width: 50%
	}
	
	.cols > .item-m1 {
		width: 100%
	}
	
	.cols.items-m10 > li:nth-child(n+11),
		.cols.items-m10 > div:nth-child(n+11) {
		margin-top: 15px;
	}
	
	.cols.items-m9 > li:nth-child(n+10),
		.cols.items-m9 > div:nth-child(n+10) {
		margin-top: 15px;
	}
	
	.cols.items-m8 > li:nth-child(n+9),
		.cols.items-m8 > div:nth-child(n+9) {
		margin-top: 15px;
	}
	
	.cols.items-m7 > li:nth-child(n+8),
		.cols.items-m7 > div:nth-child(n+8) {
		margin-top: 15px;
	}
	
	.cols.items-m6 > li:nth-child(n+7),
		.cols.items-m6 > div:nth-child(n+7) {
		margin-top: 15px;
	}
	
	.cols.items-m5 > li:nth-child(n+6),
		.cols.items-m5 > div:nth-child(n+6) {
		margin-top: 15px;
	}
	
	.cols.items-m4 > li:nth-child(n+5),
		.cols.items-m4 > div:nth-child(n+5) {
		margin-top: 15px;
	}
	
	.cols.items-m3 > li:nth-child(n+4),
		.cols.items-m3 > div:nth-child(n+4) {
		margin-top: 15px;
	}
	
	.cols.items-m2 > li:nth-child(n+3),
		.cols.items-m2 > div:nth-child(n+3){
		margin-top: 15px;
	}
	
}

@media only screen and (min-width: 600px) and (max-width: 899px) {
	/*
	 * general col width
	 */
	.cols.items-s10 > li,
		.cols.items-s10 > div,
		.cols.items-s10 > span,
		.cols.items-s10 > main,
		.cols.items-s10 > section,
		.cols.items-s10 > aside {
		width: 10%;
	}
	
	.cols.items-s9 > li,
		.cols.items-s9 > div,
		.cols.items-s9 > span,
		.cols.items-s9 > main,
		.cols.items-s9 > section,
		.cols.items-s9 > aside {
		width: 11.111%;
	}
	
	.cols.items-s8 > li,
		.cols.items-s8 > div,
		.cols.items-s8 > span,
		.cols.items-s8 > main,
		.cols.items-s8 > section,
		.cols.items-s8 > aside {
		width: 12.5%;
	}
	
	.cols.items-s7 > li,
		.cols.items-s7 > div,
		.cols.items-s7 > span,
		.cols.items-s7 > main,
		.cols.items-s7 > section,
		.cols.items-s7 > aside {
		width: 14.285%;
	}
	
	.cols.items-s6 > li,
		.cols.items-s6 > div,
		.cols.items-s6 > span,
		.cols.items-s6 > main,
		.cols.items-s6 > section,
		.cols.items-s6 > aside {
		width: 16.666%;
	}
	
	.cols.items-s5 > li,
		.cols.items-s5 > div,
		.cols.items-s5 > span,
		.cols.items-s5 > main,
		.cols.items-s5 > section,
		.cols.items-s5 > aside {
		width: 20%;
	}
	
	.cols.items-s4 > li,
		.cols.items-s4 > div,
		.cols.items-s4 > span,
		.cols.items-s4 > main,
		.cols.items-s4 > section,
		.cols.items-s4 > aside {
		width: 25%;
	}
	
	.cols.items-s3 > li,
		.cols.items-s3 > div,
		.cols.items-s3 > span,
		.cols.items-s3 > main,
		.cols.items-s3 > section,
		.cols.items-s3 > aside {
		width: 33.333%;
	}
	
	.cols.items-s2 > li,
		.cols.items-s2 > div,
		.cols.items-s2 > span,
		.cols.items-s2 > main,
		.cols.items-s2 > section,
		.cols.items-s2 > aside {
		width: 50%;
	}
	
	.cols.items-s1 > li,
		.cols.items-s1 > div,
		.cols.items-s1 > span,
		.cols.items-s1 > main,
		.cols.items-s1 > section,
		.cols.items-s1 > aside {
		width: 100%;
	}
	
	/*
	 * col width for click list
	 */
	.cols.clickable.items-s10 > li,
		.cols.clickable.items-s10 > div,
		.cols.clickable.items-s10 > span {
		width: 1%;
	}
	
	.cols.clickable.items-s9 > li,
		.cols.clickable.items-s9 > div,
		.cols.clickable.items-s9 > span {
		width: 1.111%;
	}
	
	.cols.clickable.items-s8 > li,
		.cols.clickable.items-s8 > div,
		.cols.clickable.items-s8 > span {
		width: 1.25%;
	}
	
	.cols.clickable.items-s7 > li,
		.cols.clickable.items-s7 > div,
		.cols.clickable.items-s7 > span {
		width: 1.4285%;
	}
	
	.cols.clickable.items-s6 > li,
		.cols.clickable.items-s6 > div,
		.cols.clickable.items-s6 > span {
		width: 1.6666%;
	}
	
	.cols.clickable.items-s5 > li,
		.cols.clickable.items-s5 > div,
		.cols.clickable.items-s5 > span {
		width: 2%;
	}
	
	.cols.clickable.items-s4 > li,
		.cols.clickable.items-s4 > div,
		.cols.clickable.items-s4 > span {
		width: 2.5%;
	}
	
	.cols.clickable.items-s3 > li,
		.cols.clickable.items-s3 > div,
		.cols.clickable.items-s3 > span {
		width: 3.3333%;
	}
	
	.cols.clickable.items-s2 > li,
		.cols.clickable.items-s2 > div,
		.cols.clickable.items-s2 > span {
		width: 5%;
	}
	
	.cols.clickable.items-s1 > li,
		.cols.clickable.items-s1 > div,
		.cols.clickable.items-s1 > span {
		width: 10%;
	}
	
	/*
	 * col width for single items
	 */
	.cols > .item-s10 {
		width: 10%
	}
	
	.cols > .item-s9 {
		width: 11.111%
	}
	
	.cols > .item-s8 {
		width: 12.5%
	}
	
	.cols > .item-s7 {
		width: 14.285%
	}
	
	.cols > .item-s6 {
		width: 16.666%
	}
	
	.cols > .item-s5 {
		width: 20%
	}
	
	.cols > .item-s4 {
		width: 25%
	}
	
	.cols > .item-s3 {
		width: 33.333%
	}
	
	.cols > .item-s2 {
		width: 50%
	}
	
	.cols > .item-s1 {
		width: 100%
	}
	
	.cols.items-s10 > li:nth-child(n+11),
		.cols.items-s10 > div:nth-child(n+11) {
		margin-top: 15px;
	}
	
	.cols.items-s9 > li:nth-child(n+10),
		.cols.items-s9 > div:nth-child(n+10) {
		margin-top: 15px;
	}
	
	.cols.items-s8 > li:nth-child(n+9),
		.cols.items-s8 > div:nth-child(n+9) {
		margin-top: 15px;
	}
	
	.cols.items-s7 > li:nth-child(n+8),
		.cols.items-s7 > div:nth-child(n+8) {
		margin-top: 15px;
	}
	
	.cols.items-s6 > li:nth-child(n+7),
		.cols.items-s6 > div:nth-child(n+7) {
		margin-top: 15px;
	}
	
	.cols.items-s5 > li:nth-child(n+6),
		.cols.items-s5 > div:nth-child(n+6) {
		margin-top: 15px;
	}
	
	.cols.items-s4 > li:nth-child(n+5),
		.cols.items-s4 > div:nth-child(n+5) {
		margin-top: 15px;
	}
	
	.cols.items-s3 > li:nth-child(n+4),
		.cols.items-s3 > div:nth-child(n+4) {
		margin-top: 15px;
	}
	
	.cols.items-s2 > li:nth-child(n+3),
		.cols.items-s2 > div:nth-child(n+3) {
		margin-top: 15px;
	}
	
	.cols.items-s1 > li:nth-child(n+2),
		.cols.items-s1 > div:nth-child(n+2) {
		margin-top: 15px;
	}
	
}

@media only screen and (max-width: 699px) {
	/*
	 * general col width
	 */
	.cols.items-xs10 > li,
		.cols.items-xs10 > div,
		.cols.items-xs10 > span,
		.cols.items-xs10 > main,
		.cols.items-xs10 > section,
		.cols.items-xs10 > aside {
		width: 10%;
	}
	
	.cols.items-xs9 > li,
		.cols.items-xs9 > div,
		.cols.items-xs9 > span,
		.cols.items-xs9 > main,
		.cols.items-xs9 > section,
		.cols.items-xs9 > aside {
		width: 11.111%;
	}
	
	.cols.items-xs8 > li,
		.cols.items-xs8 > div,
		.cols.items-xs8 > span,
		.cols.items-xs8 > main,
		.cols.items-xs8 > section,
		.cols.items-xs8 > aside {
		width: 12.5%;
	}
	
	.cols.items-xs7 > li,
		.cols.items-xs7 > div,
		.cols.items-xs7 > span,
		.cols.items-xs7 > main,
		.cols.items-xs7 > section,
		.cols.items-xs7 > aside {
		width: 14.285%;
	}
	
	.cols.items-xs6 > li,
		.cols.items-xs6 > div,
		.cols.items-xs6 > span,
		.cols.items-xs6 > main,
		.cols.items-xs6 > section,
		.cols.items-xs6 > aside {
		width: 16.666%;
	}
	
	.cols.items-xs5 > li,
		.cols.items-xs5 > div,
		.cols.items-xs5 > span,
		.cols.items-xs5 > main,
		.cols.items-xs5 > section,
		.cols.items-xs5 > aside {
		width: 20%;
	}
	
	.cols.items-xs4 > li,
		.cols.items-xs4 > div,
		.cols.items-xs4 > span,
		.cols.items-xs4 > main,
		.cols.items-xs4 > section,
		.cols.items-xs4 > aside {
		width: 25%;
	}
	
	.cols.items-xs3 > li,
		.cols.items-xs3 > div,
		.cols.items-xs3 > span,
		.cols.items-xs3 > main,
		.cols.items-xs3 > section,
		.cols.items-xs3 > aside {
		width: 33.333%;
	}
	
	.cols.items-xs2 > li,
		.cols.items-xs2 > div,
		.cols.items-xs2 > span,
		.cols.items-xs2 > main,
		.cols.items-xs2 > section,
		.cols.items-xs2 > aside {
		width: 50%;
	}
	
	.cols.items-xs1 > li,
		.cols.items-xs1 > div,
		.cols.items-xs1 > span,
		.cols.items-xs1 > main,
		.cols.items-xs1 > section,
		.cols.items-xs1 > aside {
		width: 100%;
	}
	
	/*
	 * col width for click list
	 */
	.cols.clickable.items-xs10 > li,
		.cols.clickable.items-xs10 > div,
		.cols.clickable.items-xs10 > span {
		width: 1%;
	}
	
	.cols.clickable.items-xs9 > li,
		.cols.clickable.items-xs9 > div,
		.cols.clickable.items-xs9 > span {
		width: 1.111%;
	}
	
	.cols.clickable.items-xs8 > li,
		.cols.clickable.items-xs8 > div,
		.cols.clickable.items-xs8 > span {
		width: 1.25%;
	}
	
	.cols.clickable.items-xs7 > li,
		.cols.clickable.items-xs7 > div,
		.cols.clickable.items-xs7 > span {
		width: 1.4285%;
	}
	
	.cols.clickable.items-xs6 > li,
		.cols.clickable.items-xs6 > div,
		.cols.clickable.items-xs6 > span {
		width: 1.6666%;
	}
	
	.cols.clickable.items-xs5 > li,
		.cols.clickable.items-xs5 > div,
		.cols.clickable.items-xs5 > span {
		width: 2%;
	}
	
	.cols.clickable.items-xs4 > li,
		.cols.clickable.items-xs4 > div,
		.cols.clickable.items-xs4 > span {
		width: 2.5%;
	}
	
	.cols.clickable.items-xs3 > li,
		.cols.clickable.items-xs3 > div,
		.cols.clickable.items-xs3 > span {
		width: 3.3333%;
	}
	
	.cols.clickable.items-xs2 > li,
		.cols.clickable.items-xs2 > div,
		.cols.clickable.items-xs2 > span {
		width: 5%;
	}
	
	.cols.clickable.items-xs1 > li,
		.cols.clickable.items-xs1 > div,
		.cols.clickable.items-xs1 > span {
		width: 10%;
	}
	
	/*
	 * col width for single items
	 */
	.cols > .item-xs10 {
		width: 10%
	}
	
	.cols > .item-xs9 {
		width: 11.111%
	}
	
	.cols > .item-xs8 {
		width: 12.5%
	}
	
	.cols > .item-xs7 {
		width: 14.285%
	}
	
	.cols > .item-xs6 {
		width: 16.666%
	}
	
	.cols > .item-xs5 {
		width: 20%
	}
	
	.cols > .item-xs4 {
		width: 25%
	}
	
	.cols > .item-xs3 {
		width: 33.333%
	}
	
	.cols > .item-xs2 {
		width: 50%
	}
	
	.cols > .item-xs1 {
		width: 100%
	}
	
	.cols.items-xs10 > li:nth-child(n+11),
		.cols.items-xs10 > div:nth-child(n+11) {
		margin-top: 15px;
	}
	
	.cols.items-xs9 > li:nth-child(n+10),
		.cols.items-xs9 > div:nth-child(n+10) {
		margin-top: 15px;
	}
	
	.cols.items-xs8 > li:nth-child(n+9),
		.cols.items-xs8 > div:nth-child(n+9) {
		margin-top: 15px;
	}
	
	.cols.items-xs7 > li:nth-child(n+8),
		.cols.items-xs7 > div:nth-child(n+8) {
		margin-top: 15px;
	}
	
	.cols.items-xs6 > li:nth-child(n+7),
		.cols.items-xs6 > div:nth-child(n+7) {
		margin-top: 15px;
	}
	
	.cols.items-xs5 > li:nth-child(n+6),
		.cols.items-xs5 > div:nth-child(n+6) {
		margin-top: 15px;
	}
	
	.cols.items-xs4 > li:nth-child(n+5),
		.cols.items-xs4 > div:nth-child(n+5) {
		margin-top: 15px;
	}
	
	.cols.items-xs3 > li:nth-child(n+4),
		.cols.items-xs3 > div:nth-child(n+4) {
		margin-top: 15px;
	}
	
	.cols.items-xs2 > li:nth-child(n+3),
		.cols.items-xs2 > div:nth-child(n+3) {
		margin-top: 15px;
	}
	
	.cols.items-xs1 > li:nth-child(n+2),
		.cols.items-xs1 > div:nth-child(n+2) {
		margin-top: 15px;
	}
	
	.cols > li.empty {
		margin: 0 !important;
	}
	
}

.cols > li.double {
	width: 66.666%;
}