@media (min-width: 992px) { .modal-lg, .modal-xl { /*max width either 90% or 1120px*/ max-width: min(90vw, 1120px) !important; } } @media (max-width: 992px) { .warehouse-order-modal-positions-entry-container { display: grid; grid-template-columns: 1fr 1fr !important; grid-gap: 10px; } }