/*------------------------------------*\
   LOCAL SCREENS
\*------------------------------------*/

/*------------------------------------*\
   END LOCAL SCREENS
\*------------------------------------*/

/*------------------------------------*\
   LOCAL FIXES
\*------------------------------------*/

.compare-module-wrapper .compare-grid {
	grid-template-areas:
		"airpods-4-device airpods-4-noise-cancellation-device airpods-pro-device airpods-max-device"
		"airpods-4-anc airpods-4-noise-cancellation-anc airpods-pro-anc airpods-max-anc"
		"airpods-4-adaptive-transparency airpods-4-noise-cancellation-adaptive-transparency airpods-pro-adaptive-transparency airpods-max-adaptive-transparency"
		"airpods-4-spatial-audio airpods-4-noise-cancellation-spatial-audio airpods-pro-spatial-audio airpods-max-spatial-audio"
		"airpods-4-heart-rate airpods-4-noise-cancellation-heart-rate airpods-pro-heart-rate airpods-max-heart-rate"
		"airpods-4-hearing-aid airpods-4-noise-cancellation-hearing-aid airpods-pro-hearing-aid airpods-max-hearing-aid"
		"airpods-4-single-charge airpods-4-noise-cancellation-single-charge airpods-pro-single-charge airpods-max-single-charge"
		"airpods-4-siri airpods-4-noise-cancellation-siri airpods-pro-siri airpods-max-siri";
}

@media only screen and (max-width: 800px) {
	.compare-module-wrapper .compare-grid {
		grid-template-areas:
			"airpods-4-device airpods-4-noise-cancellation-device"
			"airpods-4-anc airpods-4-noise-cancellation-anc"
			"airpods-4-adaptive-transparency airpods-4-noise-cancellation-adaptive-transparency"
			"airpods-4-spatial-audio airpods-4-noise-cancellation-spatial-audio"
			"airpods-4-heart-rate airpods-4-noise-cancellation-heart-rate"
			"airpods-4-hearing-aid airpods-4-noise-cancellation-hearing-aid"
			"airpods-4-single-charge airpods-4-noise-cancellation-single-charge"
			"airpods-4-siri airpods-4-noise-cancellation-siri"
			"airpods-pro-device airpods-max-device"
			"airpods-pro-anc airpods-max-anc"
			"airpods-pro-adaptive-transparency airpods-max-adaptive-transparency"
			"airpods-pro-spatial-audio airpods-max-spatial-audio"
			"airpods-pro-heart-rate airpods-max-heart-rate"
			"airpods-pro-hearing-aid airpods-max-hearing-aid"
			"airpods-pro-single-charge airpods-max-single-charge"
			"airpods-pro-siri airpods-max-siri";
	}
}

@media only screen and (min-width: 735px) {
	.compare-grid .row {
		max-width: 170px;
	}
}

@media only screen and (min-width: 1069px) {
	.compare-grid .row {
		max-width: 240px;
	}
}

/*------------------------------------*\
   END LOCAL FIXES
\*------------------------------------*/