@media only screen and (max-width: 800px) {
  
#work-collections .row
{
  overflow-x: auto;
  width: 800px;
}

.striped
{
  overflow-x: auto;
  width: 1000px;
}

}
.studentAttendanceBtn{
    display: none;
}
@media only screen and (max-width: 450px) {
    .login-form  {
        width: 88vw!important;
        padding: unset;
    }
    .studentAttendanceBtn{
        display: block;
    }
    img.responsive-img, video.responsive-video{
        max-width: 22%!important;
    }
    header .brand-logo img {
        height: 54px!important;
    }
    nav .brand-logo{
        left: 90%!important;
    }
}