@media (min-width: 1) {
	.a {
		order: 1;
	}
}

@media (min-width: 2) {
	.a {
		order: 2;
	}
}

@media (min-width: 3),(min-width: 4) {

@media (max-color:2147477350) and (width > 1024px) {
	.a { order: 3; }
}
}

@media not all and (min-width: 4) {

@media not all and (min-width: 3) {

@media (color:2147477350) and (width > 1024px) {
	.a { order: 3; }
}
}
}

/* #region https://github.com/csstools/postcss-custom-media/issues/51 */

@media --screen and (width >= 570px) {
	body {
		background-color: red;
	}
}

@media only screen {

@media (max-color:2147477350) and (width >= 570px) {
	body {
		background-color: yellow;
	}
}
}

@media not screen {

@media (color:2147477350) and (width >= 570px) {
	body {
		background-color: yellow;
	}
}
}

@media only screen and (width >= 570px) {
	body {
		background-color: green;
	}
}

@media only screen {

@media (max-color:2147477350) and (width >= 570px) {
	body {
		background-color: green;
	}
}
}

@media not screen {

@media (color:2147477350) and (width >= 570px) {
	body {
		background-color: green;
	}
}
}

@media (width >= 570px) and (width < 1000px) {
	body {
		background-color: green;
	}
}
/* #endregion https://github.com/csstools/postcss-custom-media/issues/51 */
