html, body {
    height: 100%
}
#mapcontainer {
    height: calc(100% - 50px);
    position: relative;
}
#mapcontainer > #map {
    height: 100%;
    position: relative;
}
.circle-icon {
    padding: 0;
    background: red;
    border-radius: 50%;
    box-shadow: none;
}

@media (max-width: 991px) {
    #mapcontainer {
        height: calc(100% - 50px);
        top: 50px;
        position: relative;
    }
}