@media only screen and (max-width: 760px) {
    body>div{
        display: none;
    }
    .noBody{
        display: block;
    }
}

@media only screen and (max-width: 990px) {
    .internal-padding{
        padding-left: 0;
        padding-right: 1rem;
    }
    
    h3{
        font-size: 1.5rem;
    }

    h4{
        font-size: 1.25rem;
    }

    canvas{
        width: 100% !important;
        height: 100% !important;
    }

    .SelectAllDIv span{
        font-size: small;
    }

    .nav-text{
        left: 20%;
    }

    .sideNav,.navbar-div{
        width: 19% !important;
    }

    .right-div{
        width: 81% !important;
    }

    .navContainer{
        margin-right:  5%;
    }
    
    .sidebarLinks{
        padding: 5px 10px 5px 10px;
    }

    .sidebarOtherLinks{
        padding: 8px;
    }

    .smallIcon{
        display: none !important;
    }

    .responsiveIcon i{
        font-size: 1.4em;
    }

    .choose-subject span{
        padding-left: 0 !important;
    }
    
    .card-columns {
        column-count: 1;
    }
}

@media only screen and (max-width: 1150px) {
    .card-columns {
        column-count: 1;
    }
}

@media only screen and (min-width: 1400px) {
    .nav-text{
        left: 8%;
    }

    .sideNav{
        top: 12%;
    }
    
    .card-columns {
        column-count: 2;
    }
}

@media only screen and (min-width: 1850px) {
    .nav-text{
        left: 6%;
    }

    .sideNav{
        top: 8%;
    }
    
    .card-columns {
        column-count: 2;
    }
}

@media only screen and (min-width: 2340px) {
    .chartjs-render-monitor{
        width: 100% !important;
        height: 300px !important;
    }
    
    .card-columns {
        column-count: 2;
    }
}