@media(min-width:999px){
     .modal-dialog {
        max-width: 800px;
        margin: 1.85rem auto;
    }
}

@media (max-width:1000px) {
    .main-app .active-side-panel {
        display: none;
    }

    .main-app main {
        width: 100%;
    }
    .header-section .side-collapse-btn{
        display: none;
    }
    .header-section .responsive-collapse-btn{
        display: block;
    }
}

@media (max-width:1000px) and (min-width:575px) {
    .add-records-input .input {
        width: 85%;
    }

    .add-records-input .records-btns {
        width: 15%;
    }
}

@media (max-width: 576px) {
    .modal-dialog {
        max-width: 400px;
        margin: 1.85rem auto;
    }

    /* #feesChart {
        height: 330px !important;
    } */

    .add-records-input {
        width: 100%;
    }

    .add-records-input .input {
        width: 75%;
    }

    .add-records-input .records-btns {
        width: 25%;
    }
    .all-teachers-page .data-view-table table tbody tr .img img{
        height: 120px !important;
    }
    .all-students-page .data-view-table table tbody tr .img img{
        height: 120px !important;
    }
    .all-courses-page .data-view-table table tbody tr .img img{
        height: 120px !important;
    }
    /* .data-wrapper .data-table .data-title{
        width: 227% !important;
    } */
}

@media (min-width: 577px) and (max-width:1000px){
    .modal-dialog {
        max-width: 740px;
        margin: 1.75rem auto;
    }

}