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






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




/*------------------------------------*\
   LOCAL FIXES
\*------------------------------------*/
.compare-module-wrapper .compare-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
    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-columns: repeat(2, minmax(0, 1fr));
        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 (max-width: 1140px) {
    html.text-zoom .compare-module-wrapper .compare-grid {
    	grid-template-columns: repeat(2, minmax(0, 1fr));
        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"
    }
}


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