/* Extra Small */
@media (max-width:575px) {
    .cit-dialog .k-dialog {
        width: 80% !important;
    }
}

/* Small */
@media (min-width:576px) and (max-width: 767px) {}

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

/* Large */
@media (min-width:992px) and (max-width: 1199px) {}

/* Extra Large */
@media (min-width:1200px) {}

@media (max-width:768px) {
    body {
        min-height: 100vh;
        overflow-x: auto;
        overflow-y: auto;
    }
    .side { 
        display: none;
    }

    .form {
        width: 100%;
    }
}

@media (max-width:500px) {
    body {
        min-height: 100vh;
        overflow-x: auto;
        overflow-y: auto;
    }

    .form {
        padding: 0px 9%;
    }
}