/* lg */ 
@media (min-width: 1200px) {
 /* Make Navigation Toggle on Desktop Hover */
    .modal-min-width{
        width: 500px;
    }

}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
 /* Make Navigation Toggle on Desktop Hover */

}


/* sm */
@media (min-width: 768px) and (max-width: 991px) {

}

/* xs */
@media (max-width: 767px) {
    .modal-min-width{
        min-width: 100%;
        width: 100%;
    }
}

/* XS Portrait */
@media (max-width: 500px) {

}


/* XS Portrait */
@media (max-width: 480px) {

}