#map{
    width: 100%;
    height: 400px;
    z-index: 10;
}
.map{
    height: 400px;
    margin-bottom: 40px;
}


@media(max-width:550px){
    .map{
        height: 70vh;
    }
    #map{
        width: 100%;
        height: 100%;
    }
}

#map_single{
    width: 100%;
    height: 430px;
}
.map_single{
    /* height: 430px; */
    /* margin-bottom: 40px; */
}


@media(max-width:550px){
    .map_single{
        height: 70vh;
    }
    #map_single{
        width: 100%;
        height: 100%;
    }
}

#map_2{
    height: 300px;
}
.map_2{
    height: 300px;
    margin-bottom: 40px;
}

.location_select {
    margin-top: -50px;
    position: absolute;
    z-index: 10000;
    top: 140px;
    left: 10px;
    border-radius: 5px;
    padding: 9px;
    color: #333;
    background: #fff;
    border: 2px solid #bebebe;
    line-height: 0px;
    cursor: pointer;
}

.add-map-location {
    position: relative;
}


@media(max-width:550px){
    .map_2{
        height: 70vh;
    }
    #map_2{
        height: 100%;
    }
}

@media(max-width:576px){
    .add-map-location { height: 200px !important; }
}