.row {
	position: relative;
	margin-top: 25px;
}
.map-image-size {
	width: 920px;
}
.map-marker-IAQ-SENSOR-1 {
	left: calc(50% - 117px);
	top: calc(50% + 110px);
}
.map-marker-IAQ-SENSOR-2 {
	left: calc(50% - 20px);
	top: calc(50% - 85px);
}
.map-marker-IAQ-SENSOR-3 {
	left: calc(50% + 290px);
	top: calc(50% - 180px);
}
.display-below {
	transform: translate(calc(-100% + 5rem), 31rem);
}
/* 1280 */
@media screen and (max-width: 1499px) {
	.map-image-size {
		width: 650px;
	}
	.map-marker-IAQ-SENSOR-1 {
		left: calc(50% - 82px);
		top: calc(50% + 80px);
	}
	.map-marker-IAQ-SENSOR-2 {
		left: calc(50% - 12px);
		top: calc(50% - 60px);
	}
	.map-marker-IAQ-SENSOR-3 {
		left: calc(50% + 205px);
		top: calc(50% - 128px);
	}
}
/* 1080p */
@media screen and (max-width: 1279px) {
}
/* tablet view */
@media screen and (max-width: 979px) {
}
/* tablet view */
@media screen and (max-width: 767px) {
	.arror {
		display: block;
	}
	.map {
		width: 100%;
		max-width: 400px;
		height: calc(100% - 580px);
		overflow: scroll;
		margin: auto;
		/* opacity: 0.7; */
	}
	.map-image-size {
		width: 400px;
	}
	.map-marker-IAQ-SENSOR-1 {
		left: 142px;
		top: 170px;
	}
	.map-marker-IAQ-SENSOR-2 {
		left: 180px;
		top: 88px;
	}
	.map-marker-IAQ-SENSOR-3 {
		left: 320px;
		top: 45px;
	}
}
/* mobile view */
@media screen and (max-width: 499px) {
}
@media (max-width: 769px) {
}