/* Container CSS overwriting */

/* Smallest device */
@media (min-width: 100px) and (max-width: 767px) {
    .container {
        min-width: 500px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 768px) and (max-width: 1199px) {
    .container {
        min-width: 700px;
    }
    .modal-dialog {
        width: 800px;
    }
}


/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1799px) {
    .container {
        min-width: 1200px;
    }
    .modal-dialog {
        width: 1000px;
    }
}

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1800px) {
    .container {
        min-width: 1800px;
    }
    .modal-dialog {
        width: 1400px;
    }
}