.htmega-grid {
	display: grid;
	gap: 20px;
}

.htmega-no-gutters {
	gap: 0;
}

.htmega-grid-col-1 {
	grid-template-columns: repeat(1, 1fr);
}

.htmega-grid-col-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.htmega-grid-col-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.htmega-grid-col-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.htmega-grid-col-5 {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.htmega-grid-col-6 {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

.htmega-grid-col-7 {
	grid-template-columns: repeat(7, minmax(0, 1fr));
}

.htmega-grid-col-8 {
	grid-template-columns: repeat(8, minmax(0, 1fr));
}

.htmega-grid-col-9 {
	grid-template-columns: repeat(9, minmax(0, 1fr));
}

.htmega-grid-col-10 {
	grid-template-columns: repeat(10, minmax(0, 1fr));
}

@media (min-width: 992px) and (max-width: 1200px) {
	.htmega-grid-col-laptop-1 {
		grid-template-columns: repeat(1, 1fr);
	}
	
	.htmega-grid-col-laptop-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.htmega-grid-col-laptop-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	
	.htmega-grid-col-laptop-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	
	.htmega-grid-col-laptop-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
	
	.htmega-grid-col-laptop-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
	
	.htmega-grid-col-laptop-7 {
		grid-template-columns: repeat(7, minmax(0, 1fr));
	}
	
	.htmega-grid-col-laptop-8 {
		grid-template-columns: repeat(8, minmax(0, 1fr));
	}
	
	.htmega-grid-col-laptop-9 {
		grid-template-columns: repeat(9, minmax(0, 1fr));
	}
	
	.htmega-grid-col-laptop-10 {
		grid-template-columns: repeat(10, minmax(0, 1fr));
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.htmega-grid-col-tablet-1 {
		grid-template-columns: repeat(1, 1fr);
	}
	
	.htmega-grid-col-tablet-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.htmega-grid-col-tablet-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	
	.htmega-grid-col-tablet-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	
	.htmega-grid-col-tablet-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
	
	.htmega-grid-col-tablet-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
	
	.htmega-grid-col-tablet-7 {
		grid-template-columns: repeat(7, minmax(0, 1fr));
	}
	
	.htmega-grid-col-tablet-8 {
		grid-template-columns: repeat(8, minmax(0, 1fr));
	}
	
	.htmega-grid-col-tablet-9 {
		grid-template-columns: repeat(9, minmax(0, 1fr));
	}
	
	.htmega-grid-col-tablet-10 {
		grid-template-columns: repeat(10, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.htmega-grid-col-mobile-1 {
		grid-template-columns: repeat(1, 1fr);
	}
	
	.htmega-grid-col-mobile-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	.htmega-grid-col-mobile-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	
	.htmega-grid-col-mobile-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	
	.htmega-grid-col-mobile-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
	
	.htmega-grid-col-mobile-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
	
	.htmega-grid-col-mobile-7 {
		grid-template-columns: repeat(7, minmax(0, 1fr));
	}
	
	.htmega-grid-col-mobile-8 {
		grid-template-columns: repeat(8, minmax(0, 1fr));
	}
	
	.htmega-grid-col-mobile-9 {
		grid-template-columns: repeat(9, minmax(0, 1fr));
	}
	
	.htmega-grid-col-mobile-10 {
		grid-template-columns: repeat(10, minmax(0, 1fr));
	}
}

.htmega-slick-slider {
	width: 100%;
}

.htmega-slick-slider .slick-list {
	margin: -15px;
	padding: 15px 0;
}

.htmega-slick-slider .slick-slide {
	padding: 0 15px;
}

.htmega-slick-slider .slick-arrow {
	font-size: 20px;
	position: absolute;
	z-index: 99;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	cursor: pointer;
	transition: all .3s ease 0s;
	transform: translateY(-50%);
	color: #333;
	border: none;
	border-radius: 4px;
	background-color: #ddd;
}

.htmega-slick-slider .slick-arrow i, .htmega-slick-slider .slick-arrow span {
	transition: none;
}

.htmega-slick-slider .slick-arrow:hover {
	color: #fff;
	background-color: #333;
}

.htmega-slick-slider .slick-arrow::before {
	display: none;
}

.htmega-slick-slider .slick-arrow:focus {
	outline: none;
	box-shadow: none;
}

.htmega-slick-slider .slick-prev {
	left: -20px;
}

.htmega-slick-slider .slick-next {
	right: -20px;
}