@media(max-width: 1570px) {
    .mainrow {
        grid-template-columns: 475px repeat(3, 1fr);
    }
}

@media(max-width: 1570px) {
    .mainrow {
        grid-template-columns: 475px repeat(2, 1fr);
    }

    /* .mainrow.incident-allrow {
        grid-template-columns: 370px repeat(3, 1fr) !important;
    } */

    /* .mainrow .main-box:last-child {
        grid-column: 1/-1;
    } */
}


@media (max-width:1440px) {
    .chart-stats .chart-area {
        border-radius: 23px;
        padding: 20px;
    }

    .twotable {
        grid-template-columns: 1fr;
    }

    .last-notes {
        grid-template-columns: 1fr 1fr;
    }

    .last-notes .main-box:first-child {
        grid-column: 1/-1;
    }

    .edit-profile-set {
        flex-wrap: wrap;
    }

    .edit-profile-set {
        grid-template-columns: repeat(2, 1fr);
    }

    .edit-infos:nth-of-type(3) {
        grid-column: 1 / -1;
    }

}

@media(max-width: 1366px) {
    .chatbox {
        width: calc(100% - 300px);
    }

    .textboxes {
        width: 300px;
    }

    .mainrow {
        grid-template-columns: auto auto auto;
    }

    .mainrow .main-box:first-child {
        grid-column: 1/-1;
    }

    .mainrow .main-box:last-child {
        grid-column: unset;
    }
}

@media(max-width: 1300px) {
    .search-box {
        width: 230px;
    }

    .dataTables_wrapper .row:last-child {
        display: block;
    }
        div.dataTables_wrapper div.dataTables_paginate ul.pagination{justify-content: unset; margin-top: 10px;}
}

@media(min-width: 1201px) {
    .sidebar-toggle {
        display: none;
    }
}

@media (max-width:1200px) {
    .sidebar .main-logo {
        padding-top: 70px;
    }

    .dashboard-table,
    .secops-table,
    .netops-table {
        padding-right: 60px;
    }

    .dashboard-table .table-area {
        border-radius: 23px;
    }

    .wrapper {
        z-index: 10;
        position: relative;
    }

    .sidebar {
        position: fixed;
        transform: translateX(-320px);
        overflow: hidden;
        transition: 250ms linear;
        z-index: 100;
        top: 0;
        bottom: 0;
    }

    .sidebar.show {
        transform: translateX(0);
        box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
    }

    .fulltable {
        width: max-content;
    }

    .dashboard-table .table-area,
    .main-dashboard .table-area,
    .secops-table .table-area,
    .netops-table .table-area {
        width: 100%;
    }

    .main-dashboard {
        width: 100%;
    }

    .sidebar {
        max-width: 265px;
        min-width: 265px;
    }

    .sidebar-content {
        width: 265px;
    }

    .sidebar .main-logo {
        padding-top: 50px;
    }

    .sidebar .logo {
        padding-top: 0;
        padding-bottom: 50px;
        text-align: center;
    }

    .sidebar .logo img {
        width: 150px;
    }

    .side-nav .nav-link {
        padding: 10px 20px 10px 0;
        gap: 15px;
    }

    .side-nav .nav-link span {
        height: 40px;
        width: 40px;
    }

    .side-nav {
        margin-right: -28px;
    }

    .logout-btn button {
        padding: 15px 20px;
    }

    .logout-btn {
        padding-top: 15px;
    }

    .adduser-btn {
        padding-right: 0px !important;
    }
}

@media(max-width: 1080px) {
    .dashboard-stats {
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
        gap: 20px;
    }
}

@media (max-width: 1024px) {
    .textboxes {
        width: 100%;
    }

    .chatbox {
        width: 100%;
    }

    .twotable {
        grid-template-columns: 1fr;
    }
}

@media(max-width: 991px) {
    .header-area {
        padding: 45px;
    }

    .login-sec {
        height: auto;
    }

    .font-60 {
        font-size: 50px;
    }

    .login-sec p {
        font-size: 20px;
    }

    .create-date {
        width: 400px;
    }

    .customer-profile {
        padding: 45px;
    }

    .main-padding {
        padding: 45px;
    }

    .dashboard-stats,
    .dashboard-table,
    .dashboard-stats,
    .dashboard-table,
    .secops-table,
    .netops-table,
    .chart-stats {
        padding: 40px 30px 0px 30px !important;
    }

    .dashboard-stats .stat-box {
        top: -55%;
    }

    .textboxes textarea {
        height: 25vh;
    }

    .dashboard-stats {
        grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
    }

    .dashboard-stats .stat-box {
        padding: 15px 25px;
    }

    .admin .header-area {
        padding: 60px 50px 115px 60px;
    }

    .mainrow.incident-allrow {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    }
}

@media(max-width: 767px) {
    .font-60 {
        font-size: 40px;
    }

    div.dataTables_wrapper div.dataTables_filter label {
        justify-content: center;
    }

    .mainrow.incident-allrow {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .edit-profile-set {
        grid-template-columns: auto;
    }
}


@media(max-width: 380px) {
    .signin-form {
        width: 100%;
        margin: 0 auto;
    }
}

@media(hover:hover) {

    input:focus,
    input:focus-visible,
    .input-field:focus,
    .input-field:focus-visible {
        /* outline: none; */
        background-color: #082040;
        /* border-color: #082040; */
        color: #fff;
    }
}