/* Tablets (IPad, Tablets) */
@media (min-width: 768px) and (max-width: 1024px) {

    .map-container {
        padding: 0 24px !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    .map-card-wrapper {
        width: 100%;
        height: 360px;
    }
}



/* Mobile (Phones) */
@media (max-width: 767.98px) {
   
    .map-container {
        padding: 0 16px !important;
    }

    .map-card-wrapper {
        height: 188.598px;
    }
}