@media(max-width:768px) {
    .header-navbar .navbar-wrapper .navbar-logo {
        padding: 5px 0;
    }
    .y-header .navbar-logo a {
        max-width: 130px;
    }
}

@media(max-width:768px) {
    img.login-logo {
        max-width: 130px;
    }
    .card .card-header .card-header-right {
        float: none;
        position: relative;
        display: block;
        right: initial;
        left: initial;
    }
    .card .card-header h5:after {
        bottom: -10px;
    }
    .card .card-header {
        padding: 10px;
    }
}

@media(max-width:576px) {
    .profile-notification {
        min-width: 150px !important;
    }
    .notification-view.dropdown-menu {
        min-width: 240px !important;
    }
    .header-notification .show-notification li {
        padding: 0.4em 5px !important;
    }
    .notify-list .name,
    .notify-list .count {
        display: block;
        width: 100%;
        padding-right: 5px;
    }
    .notify-list .count{
        padding-top:10px;
    }
}

@media(max-width:575px) {
    .card-header-right .d-inline-block {
        display: block !important;
    }
    .daterange-wrapper .date-cst .form-control {
        width: 100%;
    }
    .daterangepicker .drp-selected {
        display: block;
        text-align: center;
    }
    .daterangepicker .drp-buttons .btn {
        width: 100%;
        margin: 3px 0px !important;
    }
    div.dataTables_wrapper div.dataTables_info {
        padding-top: 0;
        font-size: 12px;
    }
    .page-item .page-link {
        font-size: 12px !important;
    }
    .tab-cst .nav-item {
        flex: auto;
        width: 100%;
        margin: 2px 0;
    }
    .tab-cst .nav-tabs {
        flex-wrap: wrap;
    }
    .card-header-right .btn {
        width: 100%;
        margin-bottom: 10px;
    }
    /* .card-header-right .btn:last-child{        
        margin-bottom: 10px;
    } */
    .read-table td,
    .read-table th {
        min-width: 100px;
    }
    table .action-btn .btn-primary {
        display: block;
    }
}

@media(max-height:480px) {
    .login-wrapper-cst .login-block {
        height: 100%;
        padding: 30px 0;
    }
}