/*.about-bg {*/
/*    background-image: url("/public/uploads/image/grey-map.png");*/
/*    width: 800px;*/
/*    height: 500px;*/
/*    background-position: center;*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*}*/
.about-bg {
     height: 20px;

 }
.cntc_map {
    width: 100%;
    height: 800px;

}
.cntc_margin {
 margin-top: 100px;
}

@media only screen and (max-width: 1280px){
    .about-bg{
        height: 100px;

    }
    .cntc_map {
        width: 100%;
        height: 750px;

    }

}

@media only screen and (max-width: 1200px){
    .about-bg{
        height: 200px;

    }
    .cntc_map {
        width: 100%;
        height: 800px;

    }

}
@media only screen and (max-width: 1024px){
    .about-bg{
        height: 100px;

    }
    .cntc_map {
        width: 100%;
        height: 680px;

    }
    .cntc_margin {
        margin-top: 90px;
    }

}
@media only screen and (max-width: 912px) {
    .about-bg {

        height: 10px;
    }
    .cntc_map {
        width: 100%;
        height: 450px;

    }
    .cntc_margin {
        margin-top: 20px;
    }
}
@media only screen and (max-width: 820px) {
    .about-bg {

        height: 10px;
    }
    .cntc_map {
        width: 100%;
        height: 450px;

    }
    .cntc_margin {
        margin-top: 20px;
    }
}
@media only screen and (max-width: 540px) {
    .about-bg {

        height: 200px;
    }
    .cntc_map {
        width: 100%;
        height: 200px;

    }
    .cntc_margin {
        margin-top: 20px;
    }
}
@media only screen and (max-width: 468px) {
    .about-bg {

        height: 200px;
    }
    .cntc_map {
        width: 100%;
        height: 200px;

    }
    .cntc_margin {
        margin-top: 20px;
    }
}