@media (min-width: 375px) { .form-check-input + span, .form-check-input + label { max-width: 146px; } } @media (min-width: 576px) { .form-group .form-control-url { width: calc(100% - 125px); } .form-inline .control-label { padding-top: 6px; padding-bottom: 6px; } .form-inline select.form-control { min-width: 194px; } .modal-lg { max-width: calc(90%); } .input-group.date { width: 186px; } } @media (min-width: 940px) { .btn span:last-child { display: inline; } .form-check-input + span, .form-check-input + label { max-width: 192px; } } @media (min-width: 992px) { .modal-lg { max-width: 940px; } .modal-xl { max-width: calc(100% - 100px); } } @media (min-width: 1200px) { .modal-xl { max-width: 1100px; } }