.boldr-contact-map {
    max-width: var(--boldr-columns-12);
    margin: 0 auto;

}

@media screen and (min-width: 800px)
{
    .boldr-contact-map {
        display: flex;
        align-items: stretch;
        justify-content: space-between;
    }

    .boldr-contact-map-details {
        flex: 0 1 var(--boldr-columns-5);
    }

    .boldr-contact-map-map {
        flex: 0 1 var(--boldr-columns-7);
    }
}

.boldr-contact-map-map {
    min-height: 300px;
}

.boldr-contact-map-marker {
    position: relative;
    display: inline-block;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15);
}
.boldr-contact-map-marker-image {
    height: 35px;
    display: block;
    padding: 5px;
    background: #fff;
    position: relative;
    z-index: 100;
}
.boldr-contact-map-marker::before {
    background: #fff;
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15);
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%) rotate(45deg);
}