@media (max-width: 991px) {

    .form-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .dob-field-group {
        grid-column: span 2;
    }

    .form-group {
        margin-bottom: 15px;
        position: relative;
        z-index: 10;
    }

    .form-group.is-open {
        z-index: 9999 !important;
    }

    .select2-container {
        width: 100% !important;
    }

    .select2-container--default .select2-selection--single {
        height: 50px !important;
        line-height: 50px !important;
        border-radius: 10px !important;
        border: 1px solid #ddd !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 50px !important;
        padding-left: 15px !important;
    }

    .dob-inputs {
        grid-template-columns: 1fr 1fr 1.5fr !important;
        gap: 8px !important;
    }

    .dob-inputs input {
        height: 50px !important;
        font-size: 16px !important;
    }
}