.gmap-wrapper {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: var(--mobile-height);
    width: 100%;
}

.gmap-wrapper > #gmap {
    height: 100%;
    width: 100%;
    position: absolute!important;
    top: 0;
    left: 0;
}


@media screen and (min-width: 769px) {
    
    .gmap-wrapper {
        padding-top: var(--desktop-height);        
    }
}