@media only screen and (max-width: 900px){
    .user-container { box-shadow: 0px 3px 20px rgba(162, 167, 173, 0.8); }
    .watermark{ font-size: 100px !important; }
    .mobile-left{ float: left; }
    .mobile-right{ float: right; }
    .mobile-small-width{ width: 15%; }
    .mobile-only{ display: block; }
    .app-body{ margin: 0px; }
    .user-container{ overflow: auto; }
    .user-container center{ width: 1000px; }
    .user-container > center > a{ float: left; }
    .school-brand-container{ width: 93% !important; }
    .online-exam-container .modal-dialog{ width: 95% !important; }
    .width-modal-small{ width: 95% !important; }
    .mobile-2000px{ width: 1500px; }
    .light-shadow{ border: .3px solid rgba(0,0,0,0.1); }
   .thick-shadow{ border: 1px solid rgba(0,0,0,0.3); }
    #other-info-parent{ margin-left: 0px !important; }
    .form-group, .form-control{ width: 100% !important; }
    #main-menu-scroll{ display: none;  height: 100% !important; }
    .desktop{ display: none; }
    .right:not(.exclude), .left:not(.exclude), .form-control, .row, .mobile-block{
        display: block !important;
        float: none !important;
    }
    .profile-nav{
        position: relative;
        top:0px;
        left:0px;
        height: 65px;
    }
    #sideMenuLogo{
        width: 40px;
        height: 40px;
        float: right;
        margin-top: -10px;
    }
    .app-nav {
        width: 100%;
        position: relative;
        top:0px;
        left: 0px;
        padding: 0px 10px;
    }
    .full-width{
        width: 91%;
        margin-bottom: 5px;
        display: block !important;
    }
    .full-width-fixed, .grid-container .grid{
        width: 100% !important;
        margin-bottom: 10px;
    }
    .outsideJSContainer{
        left: 10% !important;
        width: 95% !important;
    }
}