.cols-sm-2,
.cols-sm-3,
.cols-md-2,
.cols-md-3,
.cols-md-4,
.cols-lg-2,
.cols-lg-3,
.cols-lg-4 {
	display: grid;
	gap: var(--grid-gap);
}
.cols-rowspace-zero {
	row-gap: 0 !important;
}
.cols-rowspace-default {
	row-gap: var(--grid-gap) !important;
}
.cols-sm-1 {
	grid-template-columns: 1fr !important;
}
.cols-sm-2 {
	grid-template-columns: 1fr 1fr !important;
}
.cols-sm-3 {
	grid-template-columns: 1fr 1fr 1fr !important;
}
.cols-sm-span-2 {
	grid-column: span 2;
}
.cols-sm-span-3 {
	grid-column: span 3;
	
}
.cols-sm-pos-1 {
	grid-column: 1;
	
}
.cols-sm-pos-2 {
	grid-column: 2;
	
}
.cols-sm-pos-3 {
	grid-column: 3;
	
}
.cols-sm-pos-4 {
	grid-column: 4;
	
}
.show-md,
.show-lg {
	display: none;
	
}
@media screen and (min-width: 768px){
	.cols-md-span-2 {
		grid-column: span 2;
		
	}
	.cols-md-span-3 {
		grid-column: span 3;
	}
	.cols-md-1 {
		grid-template-columns: 1fr !important;
	}
	.cols-md-2 {
		grid-template-columns: repeat(2,1fr) !important;
	}
	.cols-md-3 {
		grid-template-columns: repeat(3,1fr) !important;
	}
	.cols-md-4 {
		grid-template-columns: repeat(4,1fr) !important;
	}
	.cols-md-5 {
		grid-template-columns: repeat(5,1fr) !important;
	}
	.cols-md-6 {
		grid-template-columns: repeat(6,1fr) !important;
	}
	.cols-md-7 {
		grid-template-columns: repeat(7,1fr) !important;
	}
	.cols-md-8 {
		grid-template-columns: repeat(8,1fr) !important;
	}
	.cols-md-pos-1 {
		grid-column: 1;
	}
	.cols-md-pos-2 {
		grid-column: 2;
	}
	.cols-md-pos-3 {
		grid-column: 3;
	}
	.cols-md-pos-4 {
		grid-column: 4;
	}
	.show-md {
		display: block;
		
	}
	
}
@media screen and (min-width: 992px){
	.cols-lg-span-2 {
		grid-column: span 2;
	}
	.cols-lg-span-3 {
		grid-column: span 3;
	}
	.cols-lg-span-4 {
		grid-column: span 4;
	}
	.cols-lg-1 {
		grid-template-columns: 1fr !important;
	}
	.cols-lg-2 {
		grid-template-columns: repeat(2,1fr) !important;
	}
	.cols-lg-3 {
		grid-template-columns: repeat(3,1fr) !important;
	}
	.cols-lg-4 {
		grid-template-columns: repeat(4,1fr) !important;
	}
	.cols-lg-5 {
		grid-template-columns: repeat(5,1fr) !important;
	}
	.cols-lg-6 {
		grid-template-columns: repeat(6,1fr) !important;
	}
	.cols-lg-7 {
		grid-template-columns: repeat(7,1fr) !important;
	}
	.cols-lg-8 {
		grid-template-columns: repeat(8,1fr) !important;
	}
	.cols-lg-pos-1 {
		grid-column: 1;
	}
	.cols-lg-pos-2 {
		grid-column: 2;
	}
	.cols-lg-pos-3 {
		grid-column: 3;
	}
	.cols-lg-pos-4 {
		grid-column: 4;
	}	
	.show-lg {
		display: block;
		
	}
	
}