.map-image-size {
	width: 880px;
}
.map-marker-IAQ-SENSOR-1 {
	left: calc(50% - 190px);
	top: calc(50% - 85px);
}
.map-marker-IAQ-SENSOR-2 {
	left: calc(50% + 360px);
	top: calc(50% - 95px);
}
.map-marker-IAQ-SENSOR-3 {
	left: calc(50% + 360px);
	top: calc(50% + 55px);
}
.map-marker-IAQ-SENSOR-4 {
	left: calc(50% - 90px);
	top: calc(50% + 210px);
}
.display-below {
	transform: translate(calc(-100% + 5rem), 31rem);
}
/* 1280 */
@media screen and (max-width: 1499px) {
	.map-image-size {
		width: 590px;
	}
	.map-marker-IAQ-SENSOR-1 {
		left: calc(50% - 130px);
		top: calc(50% - 55px);
	}
	.map-marker-IAQ-SENSOR-2 {
		left: calc(50% + 240px);
		top: calc(50% - 65px);
	}
	.map-marker-IAQ-SENSOR-3 {
		left: calc(50% + 240px);
		top: calc(50% + 30px);
	}
	.map-marker-IAQ-SENSOR-4 {
		left: calc(50% - 60px);
		top: calc(50% + 140px);
	}
}
/* 1080p */
@media screen and (max-width: 1279px) {
}
/* tablet view */
@media screen and (max-width: 979px) {
}
/* tablet view */
@media screen and (max-width: 767px) {
	.map-image-size {
		width: 320px;
	}
	.map-marker-IAQ-SENSOR-1 {
		left: calc(50% - 80px);
		top: calc(50% - 45px);
	}
	.map-marker-IAQ-SENSOR-2 {
		left: calc(50% + 120px);
		top: calc(50% - 50px);
	}
	.map-marker-IAQ-SENSOR-3 {
		left: calc(50% + 120px);
		top: calc(50% - 0px);
	}
	.map-marker-IAQ-SENSOR-4 {
		left: calc(50% - 40px);
		top: calc(50% + 55px);
	}
}
/* mobile view */
@media screen and (max-width: 499px) {
}
@media (max-width: 769px) {
}