@media screen and (min-width: 375px) and (max-width: 991px) {
    .col-table {
        margin-bottom: 25px;
        margin-top: 0px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1366px) {
    .homePage .common-data .col-panel h1,
    .homePage .backup-data .col-panel h1 {
        font-size: 30px;
        margin-top: 0px;
    }
    .homePage .backup-data .col-panel h1 {
        font-size: 22px;
    }
    .homePage .common-data .col-panel h4,
    .homePage .backup-data .col-panel h4 {
        margin-top: 0px;
        font-size: 12px;
    }
    .homePage .backup-data .col-panel h4 {
        margin-bottom: 2px;
        font-size: 12px;
    }
    .homePage .backup-data .col-panel .progress-bar {
        height: 6px;
    }
    .homePage .backup-data .progress-bar .success,
    .homePage .backup-data .progress-bar .failed,
    .homePage .backup-data .progress-bar .missed {
        height: 2px;
    }
    /*    .col-table {
        height: calc(100vh - 182px);
    }*/
    .custConfig .editProfile .col-xs-12 .col-md-3 select,
    .custConfig .profileConfig .col-xs-12 .col-md-3 select {
        width: 104%;
    }
    .loginPage .col-table,
    .signupPage .col-table,
    .resetPage .col-table {
        width: 500px;
    }
    .content_form {
        margin-top: 17px;
    }
    .loginPage .input-field,
    .signupPage .input-field,
    .resetPage .input-field {
        width: 88.3%\9;
    }
    .loginPage img.avatar,
    .signupPage img.avatar,
    .resetPage img.avatar {
        width: 9%;
    }
    .signupPage .input-container .first-field {
        width: 53%\9;
    }
    #downloadPopup .modal-dialog,
    #addnewUser .modal-dialog {
        top: 18%\9;
        left: 27%\9;
    }
    .custConfig .dataTables_wrapper .dataTables_filter {
        right: 0px
    }
    .custConfig .dataTables_wrapper .dataTables_filter label {
        margin-left: 23%;
    }
    .custConfig .dataTables_wrapper .dataTables_filter input {
        width: 80%;
    }
    .custConfig .colExclude > div.col-radio,
    .custConfig .week > div {
        float: left;
        width: auto;
    }
}

@media screen and (min-width: 1367px) and (max-width: 1753px) {
    .homePage .common-data .col-panel h1,
    .homePage .backup-data .col-panel h1 {
        font-size: 53px;
        margin-top: 0px;
    }
    .homePage .common-data .col-panel h4 {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .homePage .backup-data .progress-bar .success,
    .homePage .backup-data .progress-bar .failed,
    .homePage .backup-data .progress-bar .missed {
        height: 18px;
    }
    .homePage .backup-data .col-panel .progress-bar {
        height: 56px;
    }
    .custConfig .dataTables_wrapper .dataTables_filter label {
        margin-left: 45%;
    }
    .custConfig .dataTables_wrapper .dataTables_filter input {
        width: 84%;
    }
}

@media screen and (min-width: 1754px) and (max-width: 1896px) {
    .custConfig .dataTables_wrapper .dataTables_filter label {
        margin-left: 49%;
    }
    .custConfig .dataTables_wrapper .dataTables_filter input {
        width: 84%;
    }
}

@media (max-width: 767px) {
    .header-wrap .left_col,
    .sidebar-menu {
        display: block;
        z-index: 999999;
        position: absolute;
        width: 90%;
    }
    .header-wrap .right_col {
        width: auto;
        margin-left: 0px;
    }
    .header-wrap .left_col .site_title img {
        width: 175px;
    }
    .navbar-nav {
        margin: 0px -15px;
    }
    .right_col .navbar-nav .open .dropdown-menu,
    .right_col .navbar-nav .open .dropdown-usermenu {
        left: -255px;
        top: 32px;
    }
    .right_col .navbar-nav .open .dropdown-usermenu {
        left: auto;
    }
    .content_col {
        width: auto;
        margin-top: 30px;
        margin-left: 0px;
    }
    .homePage .row .col-md-12 .backup-data {
        padding-left: 0px;
    }
    .homePage .common-data .col-panel h1,
    .homePage .backup-data .col-panel h1 {
        font-size: 30px;
    }
    .homePage .backup-data .col-panel h1 {
        font-size: 27px;
    }
    h1 {
        font-size: 1.7em;
    }
    /*    .dataTables_wrapper .dataTables_filter {
        float: right !important;
    }*/
    footer {
        width: 100%;
        left: 0%;
    }
    body {
        overflow-y: auto;
    }
    .btnTable,
    .toggleBtn {
        position: relative;
    }
    .toggleBtn {
        float: none;
    }
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px;
        word-break: break-word;
        white-space: normal;
    }
    .dropdown-togglemenu,
    .dropdown-left {
        left: 30px;
    }
    .dropdown-left {
        left: 0px;
    }
    .header-wrap .right_col .toggle span .fa-chevron-right,
    .header-wrap .right_col .toggle span .fa-chevron-left {
        display: inline-block;
        z-index: 999999;
    }
    .header-wrap .right_col .toggle span .fa-chevron-left {
        position: absolute;
        right: 11%;
        margin-top: 0px;
        top: 0px;
        padding: 9px;
        transition: all 0.3s;
        color: #fff;
    }
    .header-wrap .right_col .toggle {
        width: auto;
    }
    .dropdown-filter {
        top: 75px;
    }
    .dt-buttons .noBordermenu {
        left: 0px;
    }
    /*    .dt-buttons .noBorder,
    .dt-button.btnTable {
        float: left;
    }*/
    .reportPage .btnDownload {
        margin-top: 0px;
    }
    .custConfig .editProfile .col-xs-12 .col-md-3 select,
    .custConfig .profileConfig .col-xs-12 .col-md-3 select {
        width: 106%;
    }
    .custConfig .left_col {
        padding-right: 0px;
    }
    .custConfig .right_col,
    .custConfig .right_col .col-xs-12 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .custConfig .col-table {
        height: 100%;
        margin-bottom: 5px;
    }
    .loginPage .col-table,
    .signupPage .col-table,
    .resetPage .col-table {
        width: 80%;
    }
    .loginPage img.avatar,
    .signupPage img.avatar,
    .resetPage img.avatar {
        width: 18%;
    }
    .content_form {
        margin-top: 15px;
    }
    .signupPage .col-table p {
        width: 100%;
        float: left;
        font-size: 13px;
    }
    .signupPage .input-container .first-field {
        width: 47.5%\9;
    }
    .loginPage .input-field,
    .signupPage .input-field,
    .resetPage .input-field {
        width: 83.9%\9;
    }
    .resetPage .col-table h1 {
        font-size: 36px;
    }
    .homePage .col-panel .col-md-8 {
        width: 50%;
        float: left;
    }
    .header-wrap .left_col .comm_title {
        display: none;
    }
    #downloadPopup .modal-dialog,
    #addnewUser .modal-dialog {
        width: 80%;
        margin: 30px auto;
    }
    #downloadPopup .modal-dialog,
    #addnewUser .modal-dialog {
        top: 25%\9;
        left: 9%\9;
    }
    .right_col .nav.navbar-nav>li>a {
        float: left;
    }
    .custConfig .dataTables_wrapper .dataTables_filter label {
        margin-left: 59%;
    }
    .custConfig .dataTables_wrapper .dataTables_filter input {
        width: 85%;
    }
    .custConfig {
        height: calc(100vh - 57px);
    }
    .custConfig .colExclude > div.col-radio,
    .custConfig .week > div {
        float: left;
        width: auto;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .header-wrap .left_col,
    .sidebar-menu {
        display: block;
        z-index: 999999;
        position: absolute;
        width: 90%;
    }
    .header-wrap .right_col {
        width: auto;
        margin-left: 0px;
    }
    .header-wrap .left_col .site_title img {
        width: 175px;
    }
    .right_col .navbar-nav .open .dropdown-menu,
    .right_col .navbar-nav .open .dropdown-usermenu {
        left: -255px;
    }
    .right_col .navbar-nav .open .dropdown-usermenu {
        left: 0px;
        margin-top: -2px\9;
    }
    footer {
        width: 100%;
        left: 0%;
    }
    .content_col {
        width: auto;
        margin-top: 30px;
        margin-left: 0px;
    }
    .homePage .row .col-md-12 .backup-data {
        padding-left: 0px;
    }
    .homePage .common-data .col-panel h1,
    .homePage .backup-data .col-panel h1 {
        font-size: 36px;
    }
    .homePage .backup-data .col-panel h1 {
        font-size: 32px;
    }
    body {
        overflow-y: auto;
    }
    .toggleBtn {
        float: none;
    }
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px;
        word-break: break-word;
        white-space: normal;
    }
    .dropdown-togglemenu,
    .dropdown-left {
        left: 30px;
    }
    .dropdown-left {
        left: 0px;
    }
    .header-wrap .right_col .toggle span .fa-chevron-right,
    .header-wrap .right_col .toggle span .fa-chevron-left {
        display: inline-block;
        z-index: 999999;
    }
    .header-wrap .right_col .toggle span .fa-chevron-left {
        position: absolute;
        right: 11%;
        margin-top: 0px;
        top: 0px;
        padding: 9px;
        transition: all 0.3s;
        color: #fff;
    }
    .header-wrap .right_col .toggle {
        width: auto;
    }
    .reportPage .btnDownload {
        margin-top: 0px;
    }
    .custConfig .editProfile .col-xs-12 .col-md-3 select,
    .custConfig .profileConfig .col-xs-12 .col-md-3 select {
        width: 104%;
    }
    .custConfig .left_col {
        padding-right: 0px;
    }
    .custConfig .right_col,
    .custConfig .right_col .col-xs-12 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .custConfig .col-table {
        height: 100%;
        margin-bottom: 5px;
    }
    .loginPage .col-table,
    .signupPage .col-table,
    .resetPage .col-table {
        width: 55%;
    }
    .content_form {
        margin-top: 15px;
    }
    .loginPage img.avatar,
    .signupPage img.avatar,
    .resetPage img.avatar {
        width: 12%;
    }
    .signupPage .input-container .first-field {
        width: 50%\9;
    }
    .loginPage .input-field,
    .signupPage .input-field,
    .resetPage .input-field {
        width: 85.7%\9;
    }
    .signupPage .col-table p {
        width: 100%;
        float: left;
        font-size: 13px;
    }
    .loginPage .msgRed,
    .signupPage .msgRed,
    .resetPage .msgRed {
        width: 90% !important;
    }
    .homePage .col-panel .col-md-8 {
        width: 50%;
        float: left;
    }
    .header-wrap .left_col .comm_title {
        display: none;
    }
    #downloadPopup .modal-dialog,
    #addnewUser .modal-dialog {
        top: 22%\9;
        left: 13%\9;
    }
    .custConfig .dataTables_wrapper .dataTables_filter label {
        margin-left: 70%;
    }
    .custConfig .dataTables_wrapper .dataTables_filter input {
        width: 89%;
    }
    .custConfig {
        height: calc(100vh - 57px);
    }
    .custConfig .colExclude > div.col-radio,
    .custConfig .week > div {
        float: left;
        width: auto;
    }
}