/*X-Small None    <576px
Small   sm  ≥576px
Medium  md  ≥768px
Large   lg  ≥992px
Extra large xl  ≥1200px
Extra extra large   xxl ≥1400px*/



#map {
    min-width: 320px;
    max-width: 1800px;
    height: 750px;
}

@media (max-width:1399px) {
   #map {
        height: 650px;
    }
}
@media (max-width:1199px) {
   #map {
        height: 550px;
    }
}

@media (max-width:991px) {
   #map {
        height: 450px;
    }
}

@media (max-width:767px) {
   #map {
        height: 350px;
    }
}

@media (max-width:575px) {
   #map {
        height: 250px;
    }
}





.animated-line {
    stroke-dasharray: 5;
    stroke-dashoffset: 10;
    animation: dash 12s linear infinite;
}

@keyframes dash {
    from {
        stroke-dashoffset: 100;
    }

    to {
        stroke-dashoffset: 20;
    }
}