@media (min-width: 768px)
        {
            .modal-xl
            {
                width: 90% !important;
                max-width: 1200px !important;
            }
        }
        
        @media (min-height: 400px)
        {
            .modal-xl
            {
                height: 80% !important;
                max-height: 600px !important;
            }
        }