/* Mobile styles */
/* Responsive Design */
@media (max-width: 768px) {
    .row {
        flex-direction: column;
    }

    .col-md-6 {
        width: 100%;
    }
}

/* on big screeens */
@media (min-width: 768px) {
    .borderRight { /*view student border style*/
        border-right: 3px solid black;
    }

    .attendanceClassSelectDiv {
        width: 400px;
    }

    .login-form {
        margin-left: 700px;
    }
}