/* Normal desktop :1200px. */

@media (min-width: 1200px) and (max-width: 1500px) {}


/* Normal desktop :992px. */

@media (min-width: 992px) and (max-width: 1199.98px) {
    .sideBar {
        left: -250px;
        transition: .4s;
        z-index: 55;
    }
    .mainContent {
        margin-left: 0;
    }
    .mobile-bar {
        display: inline-block;
    }
    .sideBar.active {
        left: 0;
    }
    .mainContent-inner {
        padding-left: 20px;
        padding-right: 20px;
    }
    .close-sdBar {
        display: block;
    }
}


/* Tablet desktop :768px. */

@media (min-width: 768px) and (max-width: 991.98px) {
    .sideBar {
        left: -250px;
        transition: .4s;
        z-index: 55;
    }
    .mainContent {
        margin-left: 0;
    }
    .mobile-bar {
        display: inline-block;
    }
    .sideBar.active {
        left: 0;
    }
    .queryWrap {
        grid-template-columns: 100%;
        margin-bottom: 15px;
        grid-row-gap: 15px;
    }
    .mainContent-inner {
        padding-left: 15px;
        padding-right: 15px;
    }
    .common-table {
        width: 815px;
    }
    .common-table-wrap {
        overflow-x: scroll;
    }
    .header-part {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .queryWrap.style-2 {
        grid-template-columns: 80% 20%;
    }
    .query-lf.style-2 {
        grid-template-columns: 1fr 1fr;
    }
    .common-table.campaign {
        width: 100%;
    }
    .queryWrap.style-2.number-pge {
        grid-template-columns: 74% 26%;
    }
    .close-sdBar {
        display: block;
    }
}


/* small mobile :320px. */

@media (min-width: 320px) and (max-width: 767.98px) {
    .sideBar {
        left: -250px;
        transition: .4s;
        z-index: 55;
    }
    .mainContent {
        margin-left: 0;
    }
    .mobile-bar {
        display: inline-block;
    }
    .sideBar.active {
        left: 0;
    }
    .queryWrap {
        grid-template-columns: 100%;
        margin-bottom: 15px;
        grid-row-gap: 15px;
    }
    .date-wrap {
        grid-column: 1/3;
    }
    .query-lf {
        grid-template-columns: 1fr 1fr;
    }
    .mainContent-inner {
        padding-left: 15px;
        padding-right: 15px;
    }
    .common-table {
        width: 815px;
    }
    .common-table-wrap {
        overflow-x: scroll;
    }
    .page-title h1 {
        font-size: 22px;
    }
    .mobile-bar i {
        margin-top: 0;
    }
    .header-part {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .query-lf.style-2 {
        grid-template-columns: 100%;
        grid-column-gap: 0;
    }
    .close-sdBar {
        display: block;
    }
}


/* Large Mobile :480px. */

@media (min-width: 576px) and (max-width: 767.98px) {}