.website-footer .footer-widgets-list,
.website-footer.footer-template-3 .footer-3-widgets {
	display: grid;
	gap: 28px 24px;
	margin: 0;
	width: 100%;
}

.website-footer .footer-widgets-list > .footer-widget,
.website-footer.footer-template-3 .footer-3-widgets > .footer-widget {
	width: 100% !important;
	max-width: none !important;
	float: none !important;
}

.website-footer .footer-widgets-list.footer-columns-1,
.website-footer.footer-template-3 .footer-3-widgets.footer-columns-1 {
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

.website-footer .footer-widgets-list.footer-columns-2,
.website-footer.footer-template-3 .footer-3-widgets.footer-columns-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.website-footer .footer-widgets-list.footer-columns-3,
.website-footer.footer-template-3 .footer-3-widgets.footer-columns-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.website-footer .footer-widgets-list.footer-columns-4,
.website-footer.footer-template-3 .footer-3-widgets.footer-columns-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media screen and (max-width: 991px) {
	.website-footer .footer-widgets-list.footer-columns-3,
	.website-footer .footer-widgets-list.footer-columns-4,
	.website-footer.footer-template-3 .footer-3-widgets.footer-columns-3,
	.website-footer.footer-template-3 .footer-3-widgets.footer-columns-4 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media screen and (max-width: 575px) {
	.website-footer .footer-widgets-list[class*="footer-columns-"],
	.website-footer.footer-template-3 .footer-3-widgets[class*="footer-columns-"] {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}