.dmpro-image-hotspot > img {
width: 100%;
display: block;
}
@media all and (max-width: 767px){
.dmpro-image-hotspot {
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.dmpro_image_hotspot_child .dmpro-tooltip-wrap.dmpro-tooltip-wrap {
max-width: calc(100vw - 20px);
position: fixed;
transform: translateY(-40%) translateX(-50%);
margin: 0;
left: 50%;
}
}