@media only screen and (min-width:992px) {
    .City {
        display: block;
    }
    .Droplist {
        display: none;
    }
    .cardSize {
        max-width: 24%;
    }
}

@media only screen and (device-width: 992px), only screen and (max-width: 992px) {
    .City {
        display: none;
    }
    .Droplist {
        display: block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .cardSize {
        max-width: 49%;
    }
}
select {
    text-align-last: center;
}