.responsive-map {
    height: 70vh;   /* Default height for larger screens */
}

/* For smaller screens */
@media (max-width: 768px) {
    .responsive-map {
        height: 50vh;  /* Reduced height for smaller screens */
    }
}

div.Select-control, div.Select-menu-outer {
    width: 100% !important;
}

div.Select-value-label, div.Select-option {
    white-space: normal !important;
    text-overflow: clip !important;
    overflow: hidden !important;
    line-height: 1.4;
}

div.Select-option {
    min-height: 40px !important;
    height: auto !important;
    padding: 5px 10px !important;
}