#location-map {
    width: 100%;
    overflow: auto;
    overflow-y: hidden;
}
#location-map::-webkit-scrollbar {
    height: 5px;
} 
.location-map {
    width: 1514px;
    height: 794px;
    position: relative;
}
.location-map img {
    width: 1514px;
    height: 794px;
}
#locations lord-icon {
    width: 80px;
    height: 80px;
    display: none;
}

.pin {
    width: 35px;
    height: 47px;
    display: block;
    background: url(../images/icons/pin.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    z-index: 0;
}
.pin-question {
    width: 35px;
    height: 47px;
    display: block;
    background: url(../images/icons/pin-question.svg) no-repeat center;
    background-size: contain;
    position: absolute;
    z-index: 0;
}
.pin:hover,
.pin:focus,
.pin-question:hover,
.pin-question:focus {
    z-index: 100;
    -webkit-transform: translateY(-5px) scale(1.1);
            transform: translateY(-5px) scale(1.1);
    cursor: pointer;
}

#pin-ottawa {
    top: 560px;
    left: 1020px;
}
#pin-windsor {
    top: 680px;
    left: 910px;
}
#pin-airdrie {
    top: 350px;
    left: 285px;
}
#pin-calgary {
    top: 360px;
    left: 285px;
}
#pin-edmonton {
    top: 260px;
    left: 295px;
}
#pin-leduc {
    top: 270px;
    left: 290px;
}
#pin-medicine-hat {
    top: 415px;
    left: 335px;
}
#pin-okotoks {
    top: 375px;
    left: 290px;
}
#pin-red-deer {
    top: 320px;
    left: 290px;
}
#pin-st-albert {
    top: 240px;
    left: 280px;
}

#pin-bc {
    top: 250px;
    left: 120px;
}
#pin-sk {
    top: 280px;
    left: 450px;
}
#pin-mb {
    top: 300px;
    left: 600px;
}
#pin-yt {
    top: 0;
    left: 192px;
}
#pin-nu {
    top: 80px;
    left: 600px;
}
#pin-nt {
    top: 42px;
    left: 454px;
}
#pin-on1 {
    top: 450px;
    left: 850px;
}
#pin-on2 {
    top: 600px;
    left: 990px;
}
#pin-qc {
    top: 500px;
    left: 1100px;
}
#pin-nb {
    top: 485px;
    left: 1245px;
}
#pin-ns {
    top: 520px;
    left: 1295px;
}
#pin-nl {
    top: 350px;
    left: 1400px;
}
#pin-pe {
    top: 465px;
    left: 1305px;
}


@media (max-width:1514px) {
    #locations lord-icon {
        display: block;
    }
}


@media (max-width:768px) {
    .location-map {
        width: 953px;
        height: 500px;
    }
    .location-map img {
        width: 953px;
        height: 500px;
    }
    #locations lord-icon {
        display: inline-block;
        margin: 0 auto;
    }

    .pin {
        width: 25px;
        height: 37px;
    }
    .pin-question {
        width: 25px;
        height: 37px;
    }

    #pin-ottawa {
        top: 352px;
        left: 647px;
    }
    #pin-windsor {
        top: 421px;
        left: 570px;
    }
    #pin-airdrie {
        top: 208px;
        left: 184px;
    }
    #pin-calgary {
        top: 215px;
        left: 184px;
    }
    #pin-edmonton {
        top: 152px;
        left: 195px;
    }
    #pin-leduc {
        top: 160px;
        left: 195px;
    }
    #pin-medicine-hat {
        top: 255px;
        left: 208px;
    }
    #pin-okotoks {
        top: 225px;
        left: 184px;
    }
    #pin-red-deer {
        top: 182px;
        left: 186px;
    }
    #pin-st-albert {
        top: 142px;
        left: 186px;
    }

    #pin-bc {
        top: 150px;
        left: 70px;
    }
    #pin-sk {
        top: 180px;
        left: 280px;
    }
    #pin-mb {
        top: 190px;
        left: 390px;
    }
    #pin-yt {
        top: -7px;
        left: 115px;
    }
    #pin-nu {
        top: 45px;
        left: 390px;
    }
    #pin-nt {
        top: 38px;
        left: 300px;
    }
    #pin-on1 {
        top: 257px;
        left: 515px;
    }
    #pin-on2 {
        top: 378px;
        left: 614px;
    }
    #pin-qc {
        top: 318px;
        left: 687px;
    }
    #pin-nb {
        top: 310px;
        left: 780px;
    }
    #pin-ns {
        top: 322px;
        left: 812px;
    }
    #pin-nl {
        top: 217px;
        left: 880px;
    }
    #pin-pe {
        top: 286px;
        left: 820px;
    }
}