.map {
    border: none;
}

@media screen and (min-width:0px) and (max-width:320px) {
    .map {
        width: 270px;
    }
}

@media screen and (min-width:321px) and (max-width:480px) {
    .map {
        width: 270px;
    }
}

@media screen and (min-width:640px) and (max-width:960px) {
    .map {
        width: 380px;
    }
}

@media screen and (min-width:960px)  {
    .map {
        width: 580px;
    }
}