.map-type {
    width: 70px;
        height: 70px;
        cursor: pointer;
        margin-right: 5px;
        border-radius: 5px;
        /* padding: 3px; */
}

.map-type.active {
    border: 2px solid #000;
}


#map-type-selector img {
    width: 70px;
    height: 70px;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 5px;
    padding: 3px;
    border: 1px solid #ffffff;
}

#map-type-selector img:hover {
    border: 2px solid #000;
    transform: scale(1.1);
    transition: transform 0.3s ease;
    margin-right: 5px;
}

#map-type-selector {
    position: absolute;
    bottom: 20px;
    left: 6px;
    z-index: 505;
}



@media only screen and (max-width: 1200px) {
   

    #map-type-selector img {
        width: 40px;
        height: 40px;

    }
        #map-type-selector {
            bottom: 22px;
            width: 200px;
        }
 .map-type {
     height: 40px;
     margin-right: 8px;
 }
}