/* =========================================================
MN RESPONSIVE STYLES
========================================================= */


/* =========================================================
TABLET
1024px and below
========================================================= */

@media screen and (max-width: 1024px) {

	/* Services Grid */

	div.mn-services-grid__cards--1 {
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}

	div.mn-services-grid__cards--2 {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	div.mn-services-grid__cards--3 {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	div.mn-services-grid__cards--4 {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	div.mn-services-grid__cards--5 {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	div.mn-services-grid__cards--6 {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.mn-services-grid__heading {
		font-size: 36px;
	}

}


/* =========================================================
MOBILE
767px and below
========================================================= */

@media screen and (max-width: 767px) {

	/* Buttons */

	.mn-button {
		min-height: 48px;
		padding-left: 22px;
		padding-right: 22px;
	}

	.mn-button--text {
		min-height: auto;
		padding-left: 0;
		padding-right: 0;
	}


	/* Services Grid Container */

	.mn-services-grid__container {
		width: 100%;
		padding: 0;
		box-sizing: border-box;
	}

	.mn-services-grid__heading {
		font-size: 32px;
	}

	.mn-services-grid__description {
		margin-bottom: 30px;
		font-size: 16px;
	}


	/* =====================================================
	MOBILE: FORCE ALL COLUMN SETTINGS TO 1 COLUMN
	===================================================== */

	div.mn-services-grid__cards--1 {
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}

	div.mn-services-grid__cards--2 {
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}

	div.mn-services-grid__cards--3 {
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}

	div.mn-services-grid__cards--4 {
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}

	div.mn-services-grid__cards--5 {
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}

	div.mn-services-grid__cards--6 {
		grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
	}


	/* Services Grid */

	div.mn-services-grid__cards {
		display: grid !important;
		width: 100% !important;
		max-width: 100% !important;
		gap: 16px !important;
	}


	/* Service Cards */

	.mn-service-card {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
	}

	.mn-service-card__inner {
		width: 100%;
		padding: 24px;
		box-sizing: border-box;
	}


	/* Simple Content */

	.mn-simple-content__title {
		font-size: 32px;
	}

	.mn-simple-content__description {
		font-size: 16px;
	}
	
	/* Overall Site */
	.page_content_wrap > .content_wrap {
		width: 100% !important;
		padding-left: 32px;
		padding-right: 32px;
		box-sizing: border-box;
	}
	
	div.mp-0 {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

}