#map {
    height: 400px;
    width: 600px;
    margin: 0;
}

#data {
    display: none;
}

@media (min-width: 400px) and (max-width: 1024px){
    #map {
        height: 270px;
        width: 400px;
        margin: 0;
    }
}

@media screen and (min-width: 100px) and (max-width: 399px){
    #map {
        display: none;
    }
}