/*START HOTSPOT FIXES*/
body {
	counter-reset: dragtipcounter;
	counter-reset: dragtiptextcounter;
}

.product-hotspot {
	background-color: #f2f2f2;
}

.mobile-hotspot-list {
	display: none;
	background-color: #f2f2f2;
	color: #000;
	position: relative;
	padding-bottom: 25px;
}

.mobile-hotspot-list::before {
	content: "";
	position: absolute;
	bottom: 100%;
	left: calc(50%);
	height: 60px;
	width: 1px;
	background-color: #333;
}

.mobile-hotspot-list ul {
	list-style: none;
	padding: 0 25px;
}

.mobile-hotspot-list li {
	counter-increment: dragtiptextcounter;
	border-bottom: 1px solid #333;
	padding: 10px 0;
}

.mobile-hotspot-list li::before {
	content: counter(dragtiptextcounter);
	background-color: #333333;
	color: #fff;
	width: 25px;
	display: inline-block;
	height: 25px;
	text-align: center;
	line-height: 25px;
	border-radius: 100%;
	margin-right: 10px;
}

.mobile-hotspot-list li:first-child {
	border-top: 1px solid #333;
}

@media only screen and (max-width:900px) {

	.mobile-hotspot-list {
		display: block;
	}

	.drag_element.tips {
		counter-increment: dragtipcounter;
		position: absolute;
		min-width: 1px;
		min-height: 1px;
		padding: 0;
	}

	.drag_element .custom-tip {
		margin: 0 !important;
		display: none;
	}

	.drag_element.tips::before {
		content: counter(dragtipcounter);
		color: #fff;
		position: absolute;
		color: #fff;
		z-index: 50;
		position: absolute;
		top: calc(50% - 1px);
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 14px;
		font-weight: 700;
	}

	.pins_animation, .point_style img {
		display: block !important;
	}

}


/*END HOTSPOT FIXES*/