Map Coordinates being Altered when sizing.

I am having an issue with the coordinates on the google map. It works in both full size and mobile sizes, but the mid point sizes the coordinates are thrown completely off. I am not sure what is causing this. I will insert screen shots to give you an idea of what is happening.

I found the issue.

The x-tablet view had the following statement that directly effected the google maps coordinates placement:
@media (min-width: 768px) and (max-width: 1200px) {

canvas {
height: 140px !important;
width: 140px !important;
}


Once I commented it out the coordinates worked as expected.