@media (max-width:1400px) {
        .emp-card {
            margin-bottom: 20px;
        }

        .widget-card .row.flex-fill {
            margin: 10px 0 0;
        }

        .emp-card {
            margin: 20px 0;
        }

        .table-responsive.custom-table {
            width: 100%;
            max-height: 400px;
        }
    }

    @media (max-width:1300px) {
        .logo img {
            margin-right: 0;
        }

        .nav-links, .nav-link {
            font-size: 1rem !important;
        }

        .nav-item a {
            padding: 6px 10px !important;
        }
    }

@media (max-width:1280px) {
    .sidebar-horizontal .horizontal-sidebar ul.main-menu {
        display: block !important;
    }

    .sidebar-horizontal .horizontal-sidebar .sidebar__toggle-container {
        display: none;
    }

    .sidebar-horizontal .sidebar-menu {
        width: 250px;
        height: 100%;
        align-items: self-start;
        display: block;
        transition: width 1s ease;
        visibility: visible;
        background: #fff;
    }

    body.sidebar-horizontal .right-content {
        margin-top: 90px;
    }

    .sidebar-horizontal.sidebar-closed .sidebar-menu {
        width: 0;
        visibility: hidden;
        transition: width 1s ease;
    }

    .sidebar-horizontal .toggle-top-bar {
        display: flex !important;
        justify-content: space-between;
    }

    .sidebar-horizontal .toggle-top-bar {
        display: block !important;
    }

    .horizontal-sidebar .sidebar-inner-content {
        margin-top: 10px;
    }

    body.sidebar-horizontal {
        margin-left: 250px;
    }

    body.sidebar-horizontal.sidebar-closed {
        margin-left: 0;
    }

    .nav-item a {
        padding: 6px 10px !important;
    }

    .section-x-gutter {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }

    .navbar-brand img {
        max-width: 120px !important;
    }

}


    @media (max-width:1240px) {
        .logo img {
            margin-right: 0;
        }

        .nav-links, .nav-link {
            font-size: 1rem !important;
        }
    }

@media (max-width:1200px) {
    .department-graph {
        padding: 0 22px;
        margin-top: 0;
        margin-bottom: 8px;
    }

    .punch-data {
        padding: 0 22px !important;
        margin-top: 22px;
    }
    .nav-item a {
        padding: 6px 8px !important;
    }

    .section-x-gutter {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .contact-info > a, #MainHeader2_login {
        padding: 6px 8px;
    }


    @media (max-width:1050px) {
    
    }



    @media (max-width:991px) {
        .search-box input {
            min-width: 250px;
        }

        .main-content-listing .card-body > div {
            display: block !important;
        }

            .main-content-listing .card-body > div > div {
                justify-content: end !important;
                width: 100%;
            }

        .main-content-listing .form-control {
            width: 100% !important;
            margin-bottom: 10px !important;
        }
        .login-form {
            margin-top: 50px;
        }

        .login-content {
            flex-direction: column;
        }

        .widget-card {
            margin-bottom: 10px;
        }

        .license-badge {
            display: none !important;
        }
        .emp-pol-card .card-header {
            display: block !important;
        }

        .card .card-header .card-title {
            font-size: 18px;
        }

    }


    @media (max-width:778px) {
        .listing-top-heading {
            display: block !important;
        }

        .listing-top-heading > .card-title {
            margin-top:10px;
        }

        .detailsCard .col-md-6.col-12 {
            flex:auto !important;
            width: 100% !important;
        }

        .main-content-listing .card-header {
            display: block !important;
        }
        .main-content-listing > div {
            justify-content:end !important;
        }
    }

@media (max-width:475px) {

}