#orderModal:not(.hidden),
#inquiryModal:not(.hidden),
#fasteningDetailsModal:not(.hidden) {
    display: flex;
}

#orderModal > div,
#inquiryModal > div,
#fasteningDetailsModal > div {
    top: auto !important;
    transform: none !important;
    margin: auto !important;
}

@media (max-width: 687.99px) {

    #orderModal > div,
    #inquiryModal > div,
    #fasteningDetailsModal > div {
        width: calc(100% - 24px) !important;
        margin: 12px auto !important;
        padding: 16px 14px !important;
    }

    #orderModal > div > div > div,
    #inquiryModal > div > div > div {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #orderModal > div,
    #inquiryModal > div,
    #fasteningDetailsModal > div {
        align-self: flex-start;
    }

    #orderModal .item_input,
    #inquiryModal .item_input {
        flex: 1 1 100% !important;
        min-width: 0 !important;
    }
}