[class*="wiloke-menu-col-"] {
	&:after {
		content: '';
		display: block;
		clear: both;
	}

	> * {
		float: left;
	}
}

@for $i from 1 through 10 {
	.wiloke-menu-col-xs-#{$i} {
		> * {
			width: (100/$i) + 0%;
			@if($i >= 2) {
				&:nth-child(#{$i}n+1) {
					clear: both;
				}
			}
		}
	}
}

@media(min-width: 576px) {

	@for $i from 1 through 10 {
		.wiloke-menu-col-sm-#{$i} {
			> * {
				width: (100/$i) + 0%;
				@if($i >= 2) {
					&:nth-child(n) {
						clear: none;
					}

					&:nth-child(#{$i}n+1) {
						clear: both;
					}
				}
			}
		}
	}
}

@media(min-width: 768px) {

	@for $i from 1 through 10 {
		.wiloke-menu-col-md-#{$i} {
			> * {
				width: (100/$i) + 0%;

				@if($i >= 2) {
					&:nth-child(n) {
						clear: none;
					}

					&:nth-child(#{$i}n+1) {
						clear: both;
					}
				}
			}
		}
	}
}

@media(min-width: 992px) {

	@for $i from 1 through 10 {
		.wiloke-menu-col-lg-#{$i} {
			> * {
				width: (100/$i) + 0%;

				@if($i >= 2) {
					&:nth-child(n) {
						clear: none;
					}

					&:nth-child(#{$i}n+1) {
						clear: both;
					}
				}
			}
		}
	}
}

@media(min-width: 1200px) {

	@for $i from 1 through 10 {
		.wiloke-menu-col-xl-#{$i} {
			> * {
				width: (100/$i) + 0%;

				@if($i >= 2) {
					&:nth-child(n) {
						clear: none;
					}

					&:nth-child(#{$i}n+1) {
						clear: both;
					}
				}
			}
		}
	}
}

@for $i from 0 through 10 {
	
	.wiloke-menu-space-#{($i)*5} {
		margin-left: 0px -($i*5/2);
		margin-right: 0px -($i*5/2);

		> * {
			padding-left:0px + ($i*5/2);
			padding-right:0px + ($i*5/2);
			margin-bottom: 0px + $i*5;
		}
	}
}