.map_container{
    overflow-x: auto;
}

.control_map{          
	min-width: 662px;
}

.map{
    position: relative;
    width: 100%;
    height: 450px;
    width: 662px;
    min-width: 662px;
    background-repeat: no-repeat;
}
.dot {
    pointer-events: none; /* Prevent interaction with dots */
    z-index: 10;
}

area:not([enabled=true]) {
	cursor: not-allowed
}	

.mapBg {
    overflow-x: auto;
    background-size: cover;
    background-position: left center;
    width: 100%; height: 520px;
    background-repeat: no-repeat;
    padding: 10px;
}

/* Responsive styles */
@media (max-width: 768px) {
    .map {
        left: 80px;
        top:0px;
    }
}