dialog {
    width: calc(100% - 100px);
    max-width: 100%;
    margin: auto;
}

@media (min-width: 768px) {
    dialog.max-1800 {
        max-width: 1800px;
        width: calc(100% - 10px);
    }
    dialog.max-1200 {
        max-width: 1200px;
        width: calc(100% - 10px);
    }
    dialog.max-1000 {
        max-width: 1000px;
        width: calc(100% - 10px);
    }
    dialog.max-800 {
        max-width: 800px;
        width: calc(100% - 10px);
    }
    dialog.max-600 {
        max-width: 600px;
        width: calc(100% - 10px);
    }
    dialog.max-400 {
        max-width: 400px;
        width: calc(100% - 10px);
    }
}