@media (min-width: 768px) {
    .responsive-dropdown {
        width: 100% !important;
    }

    /* Ensure dropdowns are side by side */
    .dropdown-container {
        display: flex;
        gap: 20px;
        /* Increase spacing between dropdowns */
        align-items: flex-start;
        width: 100%;
    }

    .dropdown-wrapper {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
}

@media (min-width: 1024px) {
    .responsive-dropdown {
        width: 50% !important;
    }

    .dropdown-container {
        gap: 30px;
        /* Further increase spacing between dropdowns */
    }
}