@media only screen and (max-width:1024px) {
    .show-parts-sidebar {
        min-width: 80%;
    }
}
@media (max-width: 767px) {
    .login-row {
        max-height: 250px;
    }
    .login-bg a img {
        max-width: 256px;
        width: 100%;
    }
    .login-row {
        height: auto;
        min-height: 200px;
    }
    
    
}
@media (max-width: 580px) {
    .msg-bubble {
        max-width: 90%;
    }
}
@media only screen and (max-width:430px) {
    .login-row {
        max-height: 170px;
    }
    .login-bg img {
        max-width: 90%;
    }
    .add-new-user-parents{
        justify-content: center;
    }
    .tri-btn{
        display: block;
    }
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter{
        text-align: start;
    }
    .excel-btn-place{
        right: 0px;
        left: unset;
    }
    /* .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate{
        text-align: start;
    } */
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled{
        padding-left: 0;
    }
    .slick-slide img {
        border-radius: 10px;
    }
    .dataTables_wrapper .dataTables_filter input{
        margin-left: 0;
    }
    .dataTables_filter label{
        width: 100%;
    }
    .dataTables_filter label input{
        width: 100%;
    }
    .slick-dots li button:before{
        width: 14px;
        height: 14px;
        font-size: 34px;
        line-height: 12px;
    }
    .tab-design{
        font-size: 0.9rem;
    }
    .nav-sm .tab-design {
        font-size: 0.8rem;
    }
    .admin-access-menu-parents h6{
        font-size: 0.8rem;
    }
    .nav-sm .left-side-nav h4{
        font-size: 0.9rem;
    }
    .nav-sm .right-side-nav{
        display: block;
    }
    .message-box{
        max-height: 400px;
    }
}
@media(max-height:889px) {
    .profile-menu {
        position: relative;
        bottom: auto;
    }
 }
@media(min-height:890px) {
    .profile-menu {
        position: absolute;
        bottom: 0;
        /*bottom: 20px;*/
    }
 }