/* Default styles for desktop and larger screens */
.responsive-select {
    font-size: 16px;
    /* Other styles */
}

/* Styles for screens with a maximum width of 768px (common breakpoint for tablets) */
@media (max-width: 768px) {
    .responsive-select {
        font-size: 0.9em; /* Adjust font size for smaller screens */
        /* Other mobile-specific adjustments */
    }
}

/* Styles for screens with a maximum width of 480px (common breakpoint for smartphones) */
@media (max-width: 480px) {
    .responsive-select {
        font-size: 0.9em; /* Further reduce font size for phones */
        /* Even more mobile-specific adjustments */
    }
}

/* Adjust height for a specific select input */
.mySelect {
    height: 35px; /* Example fixed height */
    line-height: 38px;
    font-size: 16px;
}

/* Make select height responsive using media queries */
@media (max-width: 768px) {
    .mySelect {
        height: 35px;
        font-size: 14px;
    }
}