.row {
	position: relative;
	margin-top: 25px;
}
.custom-select-container select {
	display: none;
}
.custom-select-opener {
	display: none;
}
.custom-select-panel {
	position: absolute;
	z-index: 1;
	top: 40px;
	left: 110px;
	background: #f2f2f2;
}
.custom-select-option {
	border-radius: 12px;
	padding: 20px 25px;
	margin: 85px 15px;
	font-size: 24px;
	text-align: center;
}
.custom-select-option:not(:first-child):not(:nth-child(3)) {
	cursor: pointer;
}
.custom-select-option:nth-child(3) {
	background: #d2c2a6;
	color: #fff;
}
.map {
	margin-top: 180px;
}
.map-image-size {
	width: 1450px;
}
.map-marker-IAQ-SENSOR-1 {
	left: calc(50% + 445px);
	top: calc(50% + 65px);
}
.map-marker-IAQ-SENSOR-2 {
	left: calc(50% + 405px);
	top: calc(50% + 145px);
}
.map-marker-IAQ-SENSOR-3 {
	left: calc(50% + 335px);
	top: calc(50% - -175px);
}
.map-marker-IAQ-SENSOR-4 {
	left: calc(50% + 260px);
	top: calc(50% + 175px);
}
.map-marker-IAQ-SENSOR-5 {
	left: calc(50% + 250px);
	top: calc(50% - -85px);
}
.map-marker-IAQ-SENSOR-6 {
	left: calc(50% + 380px);
	top: calc(50% - 70px);
}
.map-marker-IAQ-SENSOR-7 {
	left: calc(50% - -320px);
	top: calc(50% + -40px);
}
.map-marker-IAQ-SENSOR-8 {
	left: calc(50% - -250px);
	top: calc(50% + -130px);
}
.map-marker-IAQ-SENSOR-9 {
	left: calc(50% + 180px);
	top: calc(50% - 225px);
}
.map-marker-IAQ-SENSOR-10 {
	left: calc(50% + 180px);
	top: calc(50% - 185px);
}
.map-marker-IAQ-SENSOR-11 {
	left: calc(50% - -130px);
	top: calc(50% - 240px);
}
.map-marker-IAQ-SENSOR-12 {
	left: calc(50% - -130px);
	top: calc(50% - 155px);
}
.map-marker-IAQ-SENSOR-13 {
	left: calc(50% - -340px);
	top: calc(50% + 15px);
}
.map-marker-IAQ-SENSOR-14 {
	left: calc(50% - -35px);
	top: calc(50% + -130px);
}
.map-marker-IAQ-SENSOR-15 {
	left: calc(50% - 80px);
	top: calc(50% + -55px);
}
.map-marker-IAQ-SENSOR-16 {
	left: calc(50% - 125px);
	top: calc(50% + -10px);
}
.map-marker-IAQ-SENSOR-17 {
	left: calc(50% - 275px);
	top: calc(50% + 50px);
}
.map-marker-IAQ-SENSOR-18 {
	left: calc(50% + -365px);
	top: calc(50% + 60px);
}
.map-marker-IAQ-SENSOR-19 {
	left: calc(50% + -310px);
	top: calc(50% + 205px);
}
.map-marker-IAQ-SENSOR-20 {
	left: calc(50% + -215px);
	top: calc(50% - -115px);
}
.map-marker-IAQ-SENSOR-21 {
	left: calc(50% + -140px);
	top: calc(50% - -125px);
}
.map-marker-IAQ-SENSOR-22 {
	left: calc(50% + 80px);
	top: calc(50% - -105px);
}
.display-below {
	transform: translate(calc(-100% + 5rem), 31rem);
}
/* 1920 */
@media screen and (max-width: 1919px) {
	.row {
		margin-top: 45px;
	}
	.custom-select-panel {
		top: 20px;
	}
	.custom-select-option {
		margin: 40px 15px;
	}
	.map-image-size {
		width: 970px;
	}
	.map-marker-IAQ-SENSOR-1 {
		left: calc(50% + 290px);
		top: calc(50% + 20px);
	}
	.map-marker-IAQ-SENSOR-2 {
		left: calc(50% + 265px);
		top: calc(50% + 90px);
	}
	.map-marker-IAQ-SENSOR-3 {
		left: calc(50% + 215px);
		top: calc(50% - -95px);
	}
	.map-marker-IAQ-SENSOR-4 {
		left: calc(50% + 165px);
		top: calc(50% + 95px);
	}
	.map-marker-IAQ-SENSOR-5 {
		left: calc(50% + 155px);
		top: calc(50% - -40px);
	}
	.map-marker-IAQ-SENSOR-6 {
		left: calc(50% + 245px);
		top: calc(50% - 65px);
	}
	.map-marker-IAQ-SENSOR-7 {
		left: calc(50% - -205px);
		top: calc(50% + -40px);
	}
	.map-marker-IAQ-SENSOR-8 {
		left: calc(50% - -160px);
		top: calc(50% + -100px);
	}
	.map-marker-IAQ-SENSOR-9 {
		left: calc(50% + 110px);
		top: calc(50% - 170px);
	}
	.map-marker-IAQ-SENSOR-10 {
		left: calc(50% + 110px);
		top: calc(50% - 130px);
	}
	.map-marker-IAQ-SENSOR-11 {
		left: calc(50% - -80px);
		top: calc(50% - 180px);
	}
	.map-marker-IAQ-SENSOR-12 {
		left: calc(50% - -80px);
		top: calc(50% - 120px);
	}
	.map-marker-IAQ-SENSOR-13 {
		left: calc(50% - -220px);
		top: calc(50% + -5px);
	}
	.map-marker-IAQ-SENSOR-14 {
		left: calc(50% - -15px);
		top: calc(50% + -105px);
	}
	.map-marker-IAQ-SENSOR-15 {
		left: calc(50% - 70px);
		top: calc(50% + -50px);
	}
	.map-marker-IAQ-SENSOR-16 {
		left: calc(50% - 90px);
		top: calc(50% + -30px);
	}
	.map-marker-IAQ-SENSOR-17 {
		left: calc(50% - 190px);
		top: calc(50% + 15px);
	}
	.map-marker-IAQ-SENSOR-18 {
		left: calc(50% + -250px);
		top: calc(50% + 25px);
	}
	.map-marker-IAQ-SENSOR-19 {
		left: calc(50% + -210px);
		top: calc(50% + 120px);
	}
	.map-marker-IAQ-SENSOR-20 {
		left: calc(50% + -150px);
		top: calc(50% - -55px);
	}
	.map-marker-IAQ-SENSOR-21 {
		left: calc(50% + -100px);
		top: calc(50% - -65px);
	}
	.map-marker-IAQ-SENSOR-22 {
		left: calc(50% + 45px);
		top: calc(50% - -50px);
	}
}
/* 1280 */
@media screen and (max-width: 1499px) {
	.row {
		margin-top: 25px;
	}
	.custom-select-panel {
		left: 80px;
	}
	.custom-select-option {
		border-radius: 8px;
		padding: 12px 18px;
		margin: 24px 12px;
		font-size: 18px;
	}
	.map-image-size {
		width: 650px;
	}
	.map-marker-IAQ-SENSOR-1 {
		left: calc(50% + 190px);
		top: calc(50% + 15px);
	}
	.map-marker-IAQ-SENSOR-2 {
		left: calc(50% + 175px);
		top: calc(50% + 60px);
	}
	.map-marker-IAQ-SENSOR-3 {
		left: calc(50% + 145px);
		top: calc(50% - -65px);
	}
	.map-marker-IAQ-SENSOR-4 {
		left: calc(50% + 110px);
		top: calc(50% + 65px);
	}
	.map-marker-IAQ-SENSOR-5 {
		left: calc(50% + 105px);
		top: calc(50% - -25px);
	}
	.map-marker-IAQ-SENSOR-6 {
		left: calc(50% + 165px);
		top: calc(50% - 45px);
	}
	.map-marker-IAQ-SENSOR-7 {
		left: calc(50% - -135px);
		top: calc(50% + -30px);
	}
	.map-marker-IAQ-SENSOR-8 {
		left: calc(50% - -105px);
		top: calc(50% + -70px);
	}
	.map-marker-IAQ-SENSOR-9 {
		left: calc(50% + 70px);
		top: calc(50% - 115px);
	}
	.map-marker-IAQ-SENSOR-10 {
		left: calc(50% + 70px);
		top: calc(50% - 85px);
	}
	.map-marker-IAQ-SENSOR-11 {
		left: calc(50% - -50px);
		top: calc(50% - 120px);
	}
	.map-marker-IAQ-SENSOR-12 {
		left: calc(50% - -50px);
		top: calc(50% - 80px);
	}
	.map-marker-IAQ-SENSOR-13 {
		left: calc(50% - -145px);
		top: calc(50% + -5px);
	}
	.map-marker-IAQ-SENSOR-14 {
		left: calc(50% - -5px);
		top: calc(50% + -70px);
	}
	.map-marker-IAQ-SENSOR-15 {
		left: calc(50% - 50px);
		top: calc(50% + -35px);
	}
	.map-marker-IAQ-SENSOR-16 {
		left: calc(50% - 65px);
		top: calc(50% + -20px);
	}
	.map-marker-IAQ-SENSOR-17 {
		left: calc(50% - 135px);
		top: calc(50% + 10px);
	}
	.map-marker-IAQ-SENSOR-18 {
		left: calc(50% + -175px);
		top: calc(50% + 15px);
	}
	.map-marker-IAQ-SENSOR-19 {
		left: calc(50% + -145px);
		top: calc(50% + 80px);
	}
	.map-marker-IAQ-SENSOR-20 {
		left: calc(50% - 105px);
		top: calc(50% - -40px);
	}
	.map-marker-IAQ-SENSOR-21 {
		left: calc(50% + -70px);
		top: calc(50% - -45px);
	}
	.map-marker-IAQ-SENSOR-22 {
		left: calc(50% + 25px);
		top: calc(50% - -35px);
	}
}
/* 1080p */
@media screen and (max-width: 1279px) {
}
/* tablet view */
@media screen and (max-width: 979px) {
	.custom-select-panel {
		left: 20px;
	}
}
/* tablet view */
@media screen and (max-width: 767px) {
	.custom-select-panel {
		display: none;
	}
	.custom-select-container select {
		display: block;
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		-o-appearance: none;
		appearance: none;
		margin: 20px;
		padding: 8px 42px 8px 15px;
		font-size: 2rem;
		line-height: 1.2;
		border: 0;
		background-color: #d2c2a6;
		background-image: url(../../images/down.png);
		background-repeat: no-repeat;
		background-position: right 10px center;
		background-size: 22px;
		color: #fff;
	}
	.arror {
		display: block;
	}
	.map {
		width: 100%;
		max-width: 650px;
		height: calc(100% - 580px);
		overflow: scroll;
		margin: auto;
		/* opacity: 0.7; */
	}
	.map-marker-IAQ-SENSOR-1 {
		left: 520px;
	}
	.map-marker-IAQ-SENSOR-2 {
		left: 505px;
	}
	.map-marker-IAQ-SENSOR-3 {
		left: 475px;
	}
	.map-marker-IAQ-SENSOR-4 {
		left: 440px;
	}
	.map-marker-IAQ-SENSOR-5 {
		left: 435px;
	}
	.map-marker-IAQ-SENSOR-6 {
		left: 495px;
	}
	.map-marker-IAQ-SENSOR-7 {
		left: 465px;
	}
	.map-marker-IAQ-SENSOR-8 {
		left: 435px;
	}
	.map-marker-IAQ-SENSOR-9 {
		left: 400px;
	}
	.map-marker-IAQ-SENSOR-10 {
		left: 400px;
	}
	.map-marker-IAQ-SENSOR-11 {
		left: 380px;
	}
	.map-marker-IAQ-SENSOR-12 {
		left: 380px;
	}
	.map-marker-IAQ-SENSOR-13 {
		left: 475px;
	}
	.map-marker-IAQ-SENSOR-14 {
		left: 335px;
	}
	.map-marker-IAQ-SENSOR-15 {
		left: 280px;
	}
	.map-marker-IAQ-SENSOR-16 {
		left: 265px;
	}
	.map-marker-IAQ-SENSOR-17 {
		left: 200px;
	}
	.map-marker-IAQ-SENSOR-18 {
		left: 155px;
	}
	.map-marker-IAQ-SENSOR-19 {
		left: 185px;
	}
	.map-marker-IAQ-SENSOR-20 {
		left: 225px;
	}
	.map-marker-IAQ-SENSOR-21 {
		left: 260px;
	}
	.map-marker-IAQ-SENSOR-22 {
		left: 355px;
	}
}
/* mobile view */
@media screen and (max-width: 499px) {
}
@media (max-width: 769px) {
}