@media screen and (max-width: 1200px) and (min-width: 992px){
    .gmap-container{
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media screen and (min-width: 1200px){
    .map-col{
        padding: 0;
    }

    .gmap-container{
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (min-width: 992px){



    .map-canvas{
        margin-top: 80px;
    }
    .vac-container-maps{
        max-width: 1270px;

    }
    .mapheader-txt{
        font-size: 26px;
        letter-spacing: 0;
        line-height: 40px;
    }
    .mapplaats .comp-name{
        font-size: 18px;
        letter-spacing: 0;
        line-height: 21px;
    }
    .mapplaats .comp-location{
        margin-top: 16px;
        opacity: 0.5;
        font-size: 1em;
        letter-spacing: 0;
        line-height: 23px;
    }
    #gmap_canvas {
        height: 200px;
        width: 100%;
    }

    .map-canvas-alt{
        margin-top: 40px;
    }

    .map-canvas-alt .vert-line{
        position: relative;
        float: left;
        width: 1px;
        height: 74px;
        background: #215872;
        opacity: 0.3;
    }
    .locaties{
        float: left;
        font-size: 1em;
        width: 20%;
    }
    .margin-location{
        margin-right: 42px;
        margin-left: 30px;
    }

    .locatie-adres{
        padding: 0;
        margin-bottom: 12px;
    }

    .loc-border.locaties{
        border-right: 1px solid rgba(33, 88, 114, 0.3);
        height: 109px;
        margin-bottom: 40px;
        margin-right: 28px;
        padding-right: 14px;
        width: 282px;
    }

    .mapheader p{
        margin-bottom: 26px;
    }


}

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

    .map-col{
        padding: 0;
    }

    .gmap-container{
        padding: 0;
    }


    #gmap_canvas {
        height: 300px;
        width: 100%;
    }
    .map-canvas{
        width: 100%;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .mapheader-txt{
        font-size: 20px;
        letter-spacing: 0;
        line-height: 23px;
    }
    .mapplaats .comp-name{
        padding-left: 15px;
        font-size: 1em;
        letter-spacing: 0;
        line-height: 18px;
    }
    .mapplaats .comp-location{
        opacity: 0.6;
        font-size: 1em;
        margin-left: 15px;
        letter-spacing: 0;
        line-height: 18px;
        margin-bottom: 0;
    }


    .mapplaats{
        margin-bottom: 30px;
    }


    /*werkgever item page max 992*/

    .locatie-adres{
        font-size: 1em;
        letter-spacing: 0;
        line-height: 18px;
    }

    .locatie-plaats{
        opacity: 0.5;
        font-size: 1em;
        letter-spacing: 0;
        line-height: 20px;
    }

    .mapheader p{
     margin-bottom: 30px;
    }

    #vestiging .mapheader,
    #vestiging .locaties{
        margin-left: 15px;
        margin-right: 15px;
    }

    /*end*/
}



/*-md*/
@media screen and (min-width: 768px){

}

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



}
/*-md end*/

/*-sm*/
@media (min-width: 576px) {



}

@media (max-width: 576px) {



}
/*-sm end*/
#mapouter {
    overflow: hidden;
    height: 100%;
    width: 100%;
}

.mapcolor{
    color: #F29174;
}

.locatie-plaats{
    opacity: 0.5;
    line-height: 20px;
    font-size: 1em;
    letter-spacing: 0;
}

.mapheader .regulartext{
    font-size: 22px;
    letter-spacing: 0;
    line-height: 26px;
}

#vestiging .locaties{
    margin-bottom: 40px;
}


.HB #gmap_canvas {
    height: 550px;
    width: 100%;
}