.pulsating-circle {
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 100;
    transition: all 500ms;
}
.pulsating-circle:before {
     content: '';
     position: relative;
     display: block;
     width: 300%;
     height: 300%;
     box-sizing: border-box;
     margin-left: -100%;
     margin-top: -100%;
     border-radius: 50%;
     background-color: #e63a4b;
     animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}

.pulsating-circle:after {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     width: 100%;
     height: 100%;
     background-color: white;
     border-radius: 50px;
     box-shadow: 0 0 8px rgba(0,0,0,.8);
     animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
}


#location-pest {
    left: 46%;
    top: 43%;
}
#location-szabolcs {
    left: 78%;
    top: 26%;
}
#location-csongrad {
    left: 59%;
    top: 75%;
}
#location-zala {
     left: 20%;
     top: 67%;
}
#location-gyor {
    left: 25%;
    top: 38%;
}
#location-hajdu {
    left: 72%;
    top: 44%;
}
#location-fejer {
    left: 40%;
    top: 53%;
}

#location-pestmegye {
    left: 43%;
    top: 46%;
}

@keyframes pulse-ring {
    0% {
        transform: scale(.33);
    }
    80%, 100% {
        opacity: 0;
    }
}

@keyframes pulse-dot {
    0% {
        transform: scale(.8);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(.8);
    }
}

@media screen and (max-width: 1000px) {
    .pulsating-circle {
        width: 40px;
        height: 40px;
    }
}


@media screen and (max-width: 700px) {
    .pulsating-circle {
        width: 30px;
        height: 30px;
    }
}