/*X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

    .slider{
        position: absolute;
        height: calc(100% - 193px) !important;
        width: 100%;
    }
    .modal-dialog{
        max-width: 600px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {

    .slider{
        position: absolute;
        height: calc(100% - 193px) !important;
        width: 100%;
    }
    .modal-dialog{
        max-width: 600px;
    }
    
}

@media (min-width: 768px) and (max-width: 991.98px) {

    .modal-dialog{
        max-width: 650px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {

    .modal-dialog{
        max-width: 700px;
    }
}

/* X-Large devices (large desktops, less than 1400px)*/
@media (min-width: 1200px) {

    .modal-dialog{
        max-width: 800px;
    }
    .modal-dialog.course{
        max-width: 600px;
    }
}