#divZoom { max-width: 800px; }

#divZoom img { max-width: 100%; }



@media screen and (max-width: 1300px) {
    .knob-charts.performance > div:nth-child(14) { display: none !important; }
}

@media screen and (max-width: 1250px) {
    .table-responsive {
        border: 1px solid #ddd;
        border-radius: 5px;
        padding: 10px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1250px) {
    .date-box .panel .panel-body { padding-left: 0px !important; }
}

@media screen and (min-width: 1101px) and (max-width: 1290px) {
    .top-select-drop.drp-slct { width: 205px !important; }

    .Tpl-btn-wrp.stepform-wrap .col-md-4.col-sm-4 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .Tpl-btn-wrp.stepform-wrap .form-tpl-wrap {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1300px) {
    .summary-title {
        font-weight: bold;
        line-height: 1em;
        margin-top: 4px;
        text-align: left;
        width: 64%;
    }

    .performance .knob-chart { width: 25%; }

    .knob-charts.resolution .knob-chart:nth-child(3) { border-bottom: none !important; }

    .knob-charts.performance .knob-chart { width: 15% !important; }

    .total-summary > .col-sm-6:first-child { width: 16%; }

    .total-summary > .col-sm-6:nth-child(2) { width: 17%; }

    .total-summary > .col-sm-12:last-child { width: 66%; }
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
    .stepform-wrap .col-md-4.col-sm-4 { padding-left: 0px !important; }

    .stepform-wrap .col-md-4.col-sm-4 .form-tpl-wrap {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    /*#content_wrapper{min-height:inherit!important;}*/
    .top-select-drop {
        max-width: 235px !important;
        width: 100% !important;
    }

    .tbl_data_mng .col-md-3 {
        max-width: 140px;
        padding: 0px 5px;
    }

    .tbl_data_mng .col-md-3.max_wdh { max-width: 218px; }

    .stepform-wrap.stp1_frm .evnt_name { padding-left: 11px !important; }

    #content_wrapper { margin-left: 110px; }

    .table.table-striped.setting-gear > tbody > tr > td:nth-child(7) { width: 90px !important; }

    .panel-body.borderStyle { padding: 15px 0px; }

    .borderStyle .optn-grid {
        font-size: 12px;
        padding: 5px 5px 5px 6px;
    }

    .borderStyle .optn-grid span { font-size: 13px; }

    .borderPro .row .optn-grid {
        font-size: 12px;
        padding: 5px 3px;
    }

    .panel-body.borderPro { padding: 15px 10px; }

    .tab-pr0 { padding-right: 0px; }

    .borderPro .row:first-child .optn-grid { padding: 5px 5px 5px 10px; }

    .borderAss .border .optn-grid { padding: 5px 10px; }

    h3.ProHtitle { max-width: 92%; }

    .color-textBox .input-group-btn .btn { width: 215px; }

    .pdfIcon a span b {
        display: inline-block;
        line-height: 0.8em;
        margin-top: 5px;
        min-height: 28px;
    }

    .pdfIcon a p { line-height: 1em; }

    .wide-modal {
        height: 100%;
        width: 100% !important;
    }

    .wide-modal .modal-content {
        border-radius: 0px;
        min-height: 100%;
    }

    .panel-sidemenu .panel-body { padding-right: 0px; }

    .panel-Rtmenu .panel-body { padding-left: 0px; }

    .col-sm-12.panel-Rtmenu .panel-body, .col-md-12.panel-Rtmenu .panel-body { padding-left: 18px; }

    .lblProfit { left: -195px; }

    .lineLbl { font-size: 12px; }
}

@media screen and (max-width: 1023px) {
    .prfProgs { margin-bottom: 25px; }

    .prfProgs.violetFill, .prfProgs.blueFill { margin-bottom: 10px !important; }

    .lblProfit {
        background: transparent;
        margin-top: 10px;
        padding: 0;
        position: initial;
    }

    .sttsBoxPnl .ucCstmrAdm .panel-heading { padding-right: 0px !important; }

    .sttsBoxPnl .ucCstmrAdm .panel-heading .pull-right {
        float: left !important;
        line-height: normal;
        margin-bottom: 10px;
        margin-right: 0px !important;
        width: 100%;
    }

    .dashboard .panel { min-height: auto !important; }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    /*.knob-chart {width:50%;}*/
    .fix-width { width: 33.33333333%; }

    .date-box .date-no { font-size: 18px; }

    .date-box .pro-date { font-size: 16px; }

    .date-box .panel .panel-body { padding-left: 0px !important; }
}

@media screen and (min-width: 992px) and (max-width: 1130px) {
    .pop-btn {
        text-align: center;
        width: 100%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1080px) {
    .date-box .date-no { font-size: 16px; }

    .date-box .pro-date { font-size: 14px; }

    .date-box .day-dtl { font-size: 14px; }

    .date-box .day-dtl span { font-size: 12px; }

    .date-box .date-no span { font-size: 36px; }
}


@media screen and (min-width: 991px) and (max-width: 1023px) {
    .knob-charts.performance .knob-chart { width: 16% !important; }
}

@media screen and (min-width: 800px) and (max-width: 1300px) {
    .acrdion-bdy .btn .fa { font-size: 14px !important; }

    .spn-date { margin-left: 0px !important; }
}

@media screen and (min-width: 768px) {
    .evnt-slct-Btn .btn-default { height: 34px; }

    .chart-form button.btn.btn-default { width: 220px !important; }

    .P-Grup .col-md-4 .btn { float: right !important; }

    .P-Grup .col-md-4 .AddBooking { margin-right: 0 !important; }

    .circle_nav_wrap ul {
        display: table !important;
        margin: auto !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .fixtable-head .table-fixed thead { width: 100%; }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    /*#content_wrapper{min-height:inherit!important;}*/
    .circle_nav_wrap, .circle_nav_wrap ul { height: 88px; }

    .circle_nav_wrap ul li { height: 85px; }

    .pre_crnt { line-height: 1 !important; }

    .row.xtra label.lh25 { font-size: 12px; }

    .row.xtra label.lh25 .fs16 { font-size: 13px !important; }

    .stepform-wrap .col-md-4.col-sm-4 { padding-left: 0px !important; }

    .stepform-wrap .col-md-4.col-sm-4 .form-tpl-wrap {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    a.tpl-part-btn, a.tpl-part-btn-act { width: 185px !important; }

    .imgarr { margin-left: 2px !important; }

    .accordian-number { margin-right: 10px !important; }

    .accordion .nopadding {
        overflow: auto;
        width: 100% !important;
    }

    .accordion .nopadding .table { /*width:1030px!important;*/ }

    .mail_table.nopadding .table { width: 100% !important; }

    .stp1_frm label {
        font-size: 11px !important;
        line-height: 1;
    }

    .stp1_frm .col-md-4.col-sm-4 { padding-left: 10px !important; }

    .stp1_frm .col-md-4.col-sm-4.stepfieldgrp-clear { padding-left: 0px !important; }

    .stp1_frm .pt15.pb15.xtra { padding: 0px !important; }

    .stp1_frm .fs16.fa-question-circle { font-size: 12px !important; }

    .timepicker_wrap { padding: 5px 0px !important; }

    .time, .mins, .meridian {
        font-size: 12px !important;
        line-height: 2 !important;
        width: 34px !important;
    }

    .prev, .next {
        background-size: 15px auto !important;
        padding: 12px !important;
    }

    .prev { background-position: 50% -45% !important; }

    .next { background-position: 50% 130% !important; }

    .ti_tx, .mi_tx, .mer_tx { margin: 5px 0px !important; }

    .cBoxinline table tr { max-width: 140px !important; }

    .tbl_data_mng .fsn.pull-left {
        float: left;
        font-size: 12px !important;
        line-height: 1;
        text-align: left;
        width: 45% !important;
    }

    .tbl_data_mng .datacnt-main {
        font-size: 15px !important;
        line-height: 1 !important;
    }

    .tbl_data_mng .clrBX {
        height: 15px !important;
        margin-top: 3px;
        width: 15px !important;
    }

    .tbl_data_mng .col-md-3 {
        max-width: 160px;
        padding: 0px 5px;
    }

    .tbl_data_mng .col-md-3.max_wdh {
        max-width: 135px;
        width: 100%;
    }

    .chart-form button.btn.btn-default { width: 150px !important; }

    .userGID .steps-dwn { width: 100% !important; }

    .userGID .steps-tmb img { max-width: 100%; }

    .userGID .steps-tmb { padding-top: 0px !important; }

    .userGID .col-xs-3 {
        height: 185px;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .usr-pass-btn .bg-orange3 { margin-left: -25px !important; }

    .spn-date { margin-left: 0px !important; }

    .accordion-toggle .conttx {
        display: table-cell;
        font-size: 13px;
        height: 38px;
        line-height: 1;
        vertical-align: middle;
        width: 100%;
    }

    .navbar .navbar-right { max-width: 300px; }

    .clearPad { clear: both; }

    .gen-pswrd a.label { font-size: 10px !important; }

    .color-textBox input.textbox { width: 100% !important; }

    h3.ProHtitle {
        font-size: 15px;
        max-width: 95%;
    }

    .panel-body.borderStyle { padding: 15px 0px; }

    .borderStyle .optn-grid { font-size: 12px; }

    .borderStyle .optn-grid span { font-size: 13px; }

    .borderPro .row .optn-grid { padding: 5px 3px; }

    .panel-body.borderPro { padding: 15px 10px; }

    .borderPro .row:first-child .optn-grid { padding: 5px 5px 5px 5px; }

    .panel-body .postcd_tag { font-size: 13px !important; }

    .dataTables_wrapper tr td:first-child { width: 130px !important; }

    .ReportHare .panel-title {
        font-size: 13px;
        padding-left: 10px;
    }

    .panel-collapse.collapse.in iframe { min-height: 786px; }

    .total-summary > .col-sm-6:first-child { width: 50%; }

    .total-summary > .col-sm-6:nth-child(2) {
        float: right;
        text-align: right;
        width: 50%;
    }

    .total-summary > .col-sm-6:nth-child(2) select {
        float: right;
        width: 200px;
    }

    .total-summary > .col-sm-12 {
        padding: 0 10px !important;
        width: 100% !important;
    }

    .total-summary > .col-sm-12 .sml-icon h5.text-muted { text-align: left; }

    .total-summary > .col-sm-12 .sml-icon h5 .summary-title {
        line-height: 1em;
        margin-top: 4px;
        text-align: left;
        width: 65%;
    }

    .total-summary > .col-sm-12 .col-sm-6 { width: 25%; }

    .total-summary .panel.sml-icon { margin-top: 10px; }

    .color-textBox .input-group-btn .btn {
        min-width: 265px;
        padding-left: 10px;
        width: 265px;
    }

    .Calendar .minRespM.fc.fc-ltr { overflow-x: auto; }

    .panel-sidemenu .panel-body { padding-right: 0px; }

    .panel-Rtmenu .panel-body { padding-left: 0px; }

    .hide768 { display: none !important; }

    .divToTble.withSlt li > label { margin-top: 0px; }

    .col-sm-12 .divToTble.withSlt li > label { margin-top: 8px; }

    .borderPanel { padding: 15px; }

    select.form-control { background-position: right 0.7rem center; }

    .sideTabhdr { text-align: left; }
}

@media screen and (min-width: 768px) and (max-width: 990px) {
    .slct-All-btn {
        float: left;
        width: 35% !important;
    }

    .usr-pass-pd { margin-top: 10px !important; }

    .cstm-Ipt .form-control { width: 80% !important; }

    .knob-charts.performance .knob-chart { width: 20% !important; }

    .wdMdlHdr .statInfo {
        display: block;
        float: none;
        margin-right: 0px;
    }
}

@media screen and (min-width: 768px) and (max-width: 799px) {
    a.save-icon {
        display: inline-block;
        float: left;
        margin-top: 5px;
        width: 24%;
    }

    .red-block {
        display: inline-block !important;
        float: right;
        margin-top: 5px;
        width: 66%;
    }

    .capacity_label label { min-height: 40px; }

    body.login-page div#main div#content .row.mt20 { margin-top: 20% !important; }
}

@media screen and (max-width: 767px) {
    body .defaultModal { max-width: 100% !important; }

    body .modal-dialog iframe {
        border-radius: 0px !important;
        height: 100% !important;
        margin: 0px !important;
        width: 100% !important;
    }

    body .defaultModal iframe {
        border-radius: 0px !important;
        height: 100% !important;
        margin: 0px !important;
        width: 100% !important;
    }

    #content_wrapper {
        margin-left: 0px !important;
        min-height: inherit;
    }

    .switch label { margin-top: 0px !important; }

    /*a.btn .fa{display:none;}*/
    a.btn-gradient .fa, span.btn-gradient .fa {
        display: block;
        font-size: 13px !important;
    }

    .set_all {
        float: none !important;
        margin-top: 5px;
    }

    .circle_nav_wrap, .circle_nav_wrap ul { height: 30px; }

    .circle_nav_wrap ul li {
        display: inline-block;
        height: 50px;
        width: 75px;
    }

    .circle_nav_wrap {
        padding-bottom: 20px;
        padding-top: 0px;
    }

    .row { /*margin-left: -5px !important; margin-right: -5px !important;*/ }

    .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1 { /*padding-left: 0px !important; padding-right: 0px !important;*/ }

    .pd_lr10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .stp1_frm .row {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .fileup-block div.manageW { padding-left: 11px !important; }

    .stp1_frm #txtSlug { margin-top: 3px; }

    .stepfieldgrp-clear { margin-bottom: 5px !important; }

    .row.xtra .input-group { width: 100% !important; }

    .form-step-title {
        font-size: 14px !important;
        margin-bottom: 5px !important;
    }

    span.form-step-title {
        font-size: 13px !important;
        font-weight: 600;
    }

    .dealerMrtp .btn-group { margin-top: 0px !important; }

    .select-tpl-control { margin: 5px 0px 0px 0px !important; }

    .form-tpl-wrap ul li {
        margin-bottom: 0px !important;
        overflow: hidden;
    }

    .form-tpl-wrap ul li strong { top: 0px !important; }

    .form-tpl-wrap {
        height: auto !important;
        margin-bottom: 10px !important;
        padding: 0px !important;
    }

    .form-tpl-wrap .tpl-part-btn-act, .form-tpl-wrap .tpl-part-btn { margin-right: 5px; }

    body.login-page .fa-power-off {
        display: none;
        font-size: 14px !important;
    }

    body.login-page .text03 {
        display: block;
        font-size: 12px !important;
        line-height: 1.2;
        padding-bottom: 5px;
    }

    .evnCnt .mn {
        clear: both;
        line-height: 1.3;
        margin-bottom: 5px !important;
        margin-top: 5px !important;
    }

    p { line-height: 1.3; }

    .rwnew .col-sm-3 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .evnCnt h3, h3 {
        font-size: 12px;
        line-height: 1.3;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .uni_slct {
        overflow: hidden;
        padding: 0px;
    }

    .top-select-drop {
        margin-top: 3px;
        width: 100% !important;
    }

    .top-select-drop .selector, .top-select-drop .selector span { width: 100% !important; }

    .accordion.mt25 {
        margin-bottom: 0px !important;
        margin-top: 0px !important;
    }

    .accordion .nopadding {
        overflow: auto;
        width: 100% !important;
    }

    .nopadding table { width: 1010px !important; }

    .btnSec .col-md-2, .btnSec .col-md-3 {
        float: left;
        margin-bottom: 5px;
        text-align: left;
        width: 32% !important;
    }

    .btnSec .btn-upload {
        padding: 5px !important;
        width: auto !important;
    }

    .btnSec .filesec, .btnSec .savegrn {
        padding-top: 5px;
        width: 100% !important;
    }

    .filesec input[type="file"] {
        margin-bottom: 10px;
        margin-top: 5px;
    }

    .circle_nav_wrap {
        background: transparent !important;
        padding-bottom: 0px !important;
    }

    .circle_nav_wrap ul {
        margin-bottom: 0px !important;
        padding: 0px;
    }

    .circle_nav_wrap ul li {
        height: auto !important;
        margin-bottom: 0px !important;
        width: auto !important;
    }

    .circle_nav_wrap ul li a.circle_nav {
        font-size: 21px !important;
        height: 30px !important;
        margin: 0px !important;
        padding: 0px !important;
        width: 30px !important;
    }

    .control-label i { margin-right: 5px; }

    #divZoom {
        left: 0px;
        margin: 0 auto !important;
        right: 0px;
        width: 90% !important;
    }

    #divZoom img, .sample-thumb-wrap img { max-width: 100%; }

    a.save-btn .fa-floppy-o, a.next-btn .fa-angle-double-right, a.prev-btn .fa-angle-double-left { font-size: 13px; }

    a.tpl-part-btn, a.tpl-part-btn-act {
        padding-bottom: 5px !important;
        padding-top: 5px !important;
        width: 88.55% !important;
    }

    .select-all-bottom div { width: 88.55% !important; }

    .accordian-number {
        margin-right: 5px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 20px !important;
    }

    .panel-heading a.edit-icon {
        right: 15px !important;
        top: 2px !important;
    }

    .panel-heading a.edit-icon i, .fa-pencil-square-o { font-size: 14px !important; }

    .accordion-toggle .conttx {
        display: table-cell;
        font-size: 11px;
        height: 38px;
        line-height: 1;
        max-width: 250px;
        vertical-align: middle;
        width: 100%;
    }

    .togglediv_btn {
        height: 35px;
        min-width: 84px;
    }

    .footer-in {
        padding: 5px 0px;
        text-align: center;
    }

    .mngebutton .btn2 {
        margin-bottom: 5px;
        width: 79% !important;
    }

    .mngebutton .btn2.padMM { width: 100% !important; }

    .mngebutton .btn2inner { width: 212px !important; }

    #dvpicker {
        left: auto !important;
        margin: 0 auto !important;
        right: auto !important;
        width: 92% !important;
    }

    #dvpicker .ui-datepicker-multi .ui-datepicker-group {
        float: none !important;
        width: 100% !important;
    }

    #dvpicker .ui-datepicker-inline { width: auto !important; }

    .tbl_data_mng .col-md-3.max_wdh, .tbl_data_mng .col-md-3 {
        display: inline-block;
        max-width: 100% !important;
        padding-left: 10px !important;
        width: 100% !important;
    }

    .tooltipBXPT {
        left: 0 !important;
        margin: 0 auto;
        right: 0 !important;
    }

    a.event_ctrlbtn { width: 40px; }

    a.event_ctrlbtn span .fa { font-size: 15px; }

    div.download-btn {
        float: none !important;
        padding-bottom: 5px;
        position: inherit !important;
        top: 0 !important;
    }

    .tbl-detail-wrap .info-row {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .mnguid_fa .fa { font-size: 13px !important; }

    .chart-form div {
        max-width: 100%;
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 100% !important;
    }

    .chart-form .manageselect button {
        max-width: 100% !important;
        width: 100% !important;
    }

    .chart-form .bg-red3 { padding: 6px 12px !important; }

    .userGID.panel-body .col-xs-3 {
        display: inline-block;
        float: none !important;
        height: auto;
        margin: auto;
        max-width: 146px;
        padding-left: 5px !important;
        padding-right: 5px !important;
        width: 100% !important;
    }

    .userGID.panel-body { text-align: center; }

    .userGID.panel-body .steps-tmb { padding-top: 0px !important; }

    .userGID.panel-body img { max-width: 100%; }

    .userGID.panel-body .steps-dwn { width: 100% !important; }

    .usr-pass-btn .nopadding {
        margin-bottom: 5px !important;
        width: 100%;
    }

    .usr-pass-btn .btn-upload {
        margin-left: 0px !important;
        text-align: center;
        width: 100% !important;
    }

    .usr-pass-btn .bg-orange3 {
        margin-left: 0px !important;
        margin-right: 0px !important;
        text-align: center;
        width: 100% !important;
    }

    .mngbtn_6 .btn-upload { padding: 6px 10px !important; }

    .panel-body.mnguid_fa { padding: 10px 5px !important; }

    .drp-slct select { text-indent: 0px !important; }

    .pdLR {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .scrollACC1.scrl-ovrflow { overflow-x: auto; }

    .scrl-ovrflow .clickrow .clicklink {
        min-width: 100% !important;
        position: unset !important;
    }

    .accordion-toggle .conttx { padding-right: 7px; }

    .btn-grp .btn-default { padding: 5px !important; }

    .add-mdl {
        margin-right: 5px;
        margin-top: 10px;
    }

    .tbl-detail-wrap .col-sm-6, .tbl-detail-wrap .col-xs-6 {
        float: left !important;
        max-width: 50% !important;
        width: 100% !important;
    }

    .table-head-btn.btn-xs { padding: 2px 6px !important; }

    .usr-pass-btn .btn-upload, .usr-pass-btn .bg-orange3 { white-space: inherit; }

    .Save-mg { margin-top: 5px; }

    .cstmr-mt20 { margin-top: 20px !important; }

    .gen-pswrd { /*right: 0 !important; position: absolute !important; top: -8px !important;*/ }

    .shdwBx .chkfrm label { margin-top: 0px !important; }

    .chkfrm label { width: 65% !important; }

    .login-footer h6 { font-size: 12px; }

    body.login-page .panel-bg, body.login-page .panel {
        background-color: rgb(255, 255, 255, 0.4);
        border-radius: 5px;
        box-shadow: none;
        padding: 0px;
        width: 100% !important;
    }

    body.login-page #page-logo {
        margin: 0px 0px 10px 0px !important;
        text-align: center !important;
        width: 100% !important;
    }

    body.login-page #page-logo img {
        display: inline !important;
        width: 150px;
    }

    body.login-page #main {
        background: url('../images/login-img.jpg');
        background-position: left top;
        background-repeat: no-repeat;
        background-size: cover;
    }

    body.login-page div#content { padding: 25px !important; }

    body.login-page div#content .row.mt20 { margin-top: 22% !important; }

    body.login-page .panel .login-right {
        background-color: initial;
        float: none;
        padding: 15px;
        width: 100%;
    }

    body.login-page .panel .login-right label { margin-top: 0px !important; }

    body.login-page .panel .panel-heading, body.login-page .panel .login-right .panel-footer { background: initial; }

    body.login-page .panel .login-left {
        display: none;
        float: none;
        width: 100%;
    }

    body.login-page .panel .panel-heading { border: none; }

    body.login-page .panel .panel-title {
        font-size: 18px;
        margin-bottom: 0px;
    }

    body.login-page .panel .panel-heading {
        line-height: unset;
        margin-bottom: 0px;
        min-height: unset;
    }

    body.login-page .panel .login-right input { background-color: rgb(255, 255, 255, 0.5) !important; }

    body.login-page .form-group { margin-bottom: 0px !important; }

    body.login-page .panel .login-right .panel-footer a { margin-top: 5px; }

    .knob-charts.performance .knob-chart {
        min-width: 110px;
        width: 20% !important;
    }

    .navbar-fixed-top {
        max-width: 100%;
        position: initial;
    }

    .navbar.navbar-fixed-top + #main { margin-top: 0px; }

    .total-summary > .col-sm-6:first-child {
        float: left;
        width: 50%;
    }

    .total-summary > .col-sm-6:nth-child(2) {
        float: right;
        text-align: right;
        width: 50%;
    }

    .total-summary > .col-sm-12:last-child {
        clear: both;
        width: 100% !important;
    }

    .knob-charts.resolution .knob-chart.compRes {
        padding: 5px 0px !important;
        width: 100%;
    }

    .chartWrp { overflow: hidden; }

    .lstImgwrp {
        height: auto !important;
        padding-bottom: 0px;
        padding-top: 0px;
    }

    .lstImgwrp img { max-height: none; }

    /*top header user detail*/
    .navbar-right .user-info .media .badge {
        height: 45px;
        line-height: 28px;
        margin-top: 5px;
        width: 45px;
    }

    .navbar-right .user-info .media .badge span { font-size: 20px; }

    .navbar-right .user-info .media > .pull-left { margin-right: 5px; }

    .Calendar .minRespM.fc.fc-ltr { overflow-x: auto; }

    .fc-content, .fc-header {
        min-width: 100%;
        width: 100%;
    }

    .Calendar { padding: 0px !important; }

    .fc-header td.fc-header-left, .fc-header td.fc-header-center, .fc-header td.fc-header-right { padding: 5px; }

    .fc .fc-header-space { padding-left: 0px; }

    .fc-header .fc-button { padding: 1px 3px; }

    .fc-view.fc-view-month .fc-border-separate .fc-first.fc-last .fc-day-header { min-width: 14% !important; }

    .fc-view.fc-view-month table.fc-border-separate { min-width: 100% !important; }

    .fc-grid .fc-day-number { padding: 5px 5px; }

    .wdMdlHdr .statInfo {
        display: block;
        float: none;
        margin-right: 0px;
    }

    .clndrPop { top: 0px; }

    .clndrPop .modal-content, .clndrPop .wide-modal {
        height: calc(100% - 15px);
        overflow: auto;
    }

    .dashboard-page .header-logo img { max-width: 115px; }

    .dashboard-page #toggle_sidemenu_l { display: flex; }

    .dashboard-page .nav.navsml:before { display: block; }

    .dashboard-page.sidebarShown .navbar-branding {
        background-color: #fff;
        position: relative;
        z-index: 9;
    }

    .dashboard-page.sidebarShown .navbar-branding:after {
        background: #fff;
        border-right: 1px solid #e9e8ed;
        content: "";
        height: 70px;
        left: 0;
        position: fixed;
        right: 0;
        width: 235px;
        z-index: -1;
    }

    .sidebar-menu { text-align: left; }

    .greedy-nav {
        display: block;
        font-size: inherit;
        position: inherit;
    }

    .greedy-nav .visible-links { font-size: inherit; }

    .hiddenToggle { display: none !important; }

    .sidebar-menu ul li .tltp { display: none; }

    .nwUploadBtn { text-align: center; }

    .hide767 { display: none !important; }

    .panel-Rtmenu .table.tblCstm td > .form-control { min-width: 300px; }

    .sideTabhdr {
        float: none;
        text-align: center;
    }
}

@media screen and (min-width: 640px) {
    .shdwBx .chkfrm { width: 25% !important; }
}

@media screen and (min-width: 600px) and (max-width: 767px) {
    .center600 { text-align: center !important; }

    .left600 { text-align: left !important; }

    .right600 { text-align: right !important; }

    .hide600 { display: none !important; }

    .mob100 {
        float: left;
        width: 100%;
    }

    .mob75 {
        float: left;
        width: 75%;
    }

    .mob66 {
        float: left;
        width: 66.66666667%;
    }

    .mob50 {
        float: left;
        width: 50%;
    }

    .mob33 {
        float: left;
        width: 33.33%;
    }

    .mob25 {
        float: left;
        width: 25%;
    }

    .mob50 .btn.mt20 { margin-top: 10px !important; }

    .splrBlkRow .mob50:nth-child(2n + 1), .survey-gllry .mob50:nth-child(2n + 1) { clear: both; }

    .panel-sidemenu ul.nav li {
        float: left;
        width: 33.33%;
    }

    .panel-sidemenu ul.nav li:nth-child(3n + 1) { clear: both; }

    .arrowHeading .btn + .panel-title { width: calc(100% - 185px); }
}


@media screen and (max-width: 599px) {
    .mob-center { text-align: center !important; }

    .mob-left { text-align: left !important; }

    .mob-right { text-align: right !important; }

    .mob-pull-left { float: left !important; }

    .mob-pull-right { float: right !important; }

    .hide599 { display: none !important; }

    .imob100 { width: 100%; }

    #content { padding-top: 10px; }

    .dashboard-page #toggle_sidemenu_l {
        margin-left: 10px !important;
        padding-right: 10px !important;
    }

    .dashboard-page .navbar-branding {
        max-width: 235px !important;
        width: 50% !important;
    }

    .dashboard-page .header-logo img { max-width: 120px; }

    .dashboard-page .header-logo { padding-left: 10px; }

    .dashboard-page .navbar-right {
        margin-right: 0px;
        max-width: 50%;
        text-align: right;
        width: 50%;
    }

    .dashboard-page .navbar-right h5 {
        font-size: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dashboard-page .navbar-right .fs11 { font-size: 10px !important; }

    .dashboard-page .sidebar-menu ul li a > span:nth-child(1) { margin: 0px 10px; }

    .dashboard-page .sidebar-menu ul li .navSignupNotify {
        left: 33px;
        top: -4px;
    }

    .dashboard-page .nav.navsml::before { left: 55px; }

    .panel-tabs {
        margin: 5px auto;
        position: initial;
    }

    .panel-tabs li {
        margin: 0px 10px;
        margin-bottom: 5px;
        text-align: center;
        width: calc(50% - 20px);
    }

    .panel-tabs > li > a {
        padding: 10px 5px;
        width: 100%;
    }

    a.timeView {
        float: left;
        margin: 0px 10px;
        margin-bottom: 0px;
        margin-bottom: 5px;
        text-align: center;
        width: calc(50% - 20px);
    }

    .color-textBox .input-group-btn .btn {
        min-width: 150px;
        width: 150px;
    }

    .color-textBox .input-group input {
        min-width: auto;
        width: 70% !important;
    }

    .arrowHeading { margin-bottom: 0px; }

    .arrowHeading .btn {
        position: absolute;
        right: 0px;
        top: 0px;
    }

    .arrowHeading .btn.btn-rfrs { right: 210px; }

    .arrowHeading .panel-title {
        display: inline-block !important;
        float: none !important;
        margin-bottom: 10px;
        margin-top: 0px;
        width: 100% !important;
    }

    .arrowHeading .btn + .panel-title { margin-top: 30px; }

    .arrowHeading .ulTab {
        float: none;
        margin: 0px 0px -1px;
        text-align: center;
        width: 100%;
    }

    .arrowHeading .ulTab li { width: 45%; }

    .arrowHeading .ulTab li a {
        padding-left: 5px;
        padding-right: 5px;
        width: 100%;
    }

    .modal-dialog .panel-heading .panel-title {
        margin: 0px;
        width: auto !important;
    }

    .creatGrp { margin-top: 0px !important; }

    .mob-form-group { margin-bottom: 15px; }

    .panel-sidemenu ul.nav li {
        float: left;
        width: 50%;
    }

    .panel-sidemenu ul.nav li:nth-child(2n + 1) { clear: both; }

    .ordRptPnl, .grfPnl { min-height: auto !important; }

    .prfProgs.violetFill, .prfProgs.blueFill { margin-bottom: 25px !important; }

    .ucCmplEdit [class*="col-"] .panel-title {
        margin-bottom: 10px !important;
        width: 100% !important;
    }

    .calMark { display: none; }

    .clndrCnt > div { height: calc(100vh - 180px); }

    .ui-dialog.ui-widget { max-width: calc(100% - 20px); }

    .ui-dialog.ui-widget .ui-dialog-content { min-height: 320px !important; }

    .ucImages .gall { width: 33.33%; }

    .sideTabhdr .numWrap {
        margin: auto 2px;
        margin-bottom: 5px;
        padding: 5px;
        width: calc(33.33% - 10px);
    }

    .insCallMail + div {
        margin-top: 10px;
        text-align: left !important;
    }

    .borderPanel { padding: 15px; }

    .divToTble.withSlt li > label {
        float: none;
        margin-bottom: 5px;
        margin-top: 0px;
        width: 100%;
    }

    .divToTble.withSlt li > span {
        display: inline-block;
        float: none;
    }

    .divToTble.withSlt.pItm li span { width: 48%; }

    .divToTble.withSlt.pItm li > span > span { width: 100%; }

    .divToTble.withSlt.pItm li > span > span:nth-child(2) {
        color: #75b3ca;
        padding-top: 5px;
    }
}

@media screen and (min-width: 567px) and (max-width: 850px) {
    .button-set {
        margin-right: 0px !important;
        margin-top: -10px !important;
    }

    .email_content .col-xs-6 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .chkfrm label { width: 65% !important; }
}

@media screen and (min-width: 567px) and (max-width: 767px) {
    .set_all {
        float: right !important;
        margin-top: 0px !important;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    .total-summary > .col-sm-12 .col-sm-6 {
        float: left;
        width: 50%;
    }

    .panel-collapse iframe { min-height: 850px !important; }
}

@media screen and (min-width: 412px) and (max-width: 980px) {
    .upld_btn .stp2 { width: 280px !important; }
}

@media screen and (min-width: 412px) and (max-width: 767px) {
    .mngebutton .btn2.padMM.mngbtn_6 { width: 79% !important; }
}


@media screen and (min-width: 401px) and (max-width: 767px) {
    .rpt-ftr-btn { padding-left: 10%; }
}

@media screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation: portrait) {
    body.login-page div#main div#content .row.mt20 { margin-top: 40% !important; }
}

@media screen and (max-width: 370px) {
    /*a.btn{display:none;}*/
    .dashboard-page .header-logo img { max-width: 112px; }

    .inpt_Wth.col-xs-9 { width: 70% !important; }

    .upld_btn .stp2, .mngebutton .btn2inner { width: 195px !important; }

    .dashboard-page .navbar-branding { width: 55% !important; }

    .dashboard-page .header-logo img { max-width: 100px; }

    .dashboard-page .navbar-right { width: 45%; }

    .dashboard-page .navbar-right h5 { width: 90px; }
}

@media screen and (min-width: 320px) and (max-width: 639px) {
    .shdwBx { padding: 20px 10px 5px !important; }

    .chkfrm {
        margin-bottom: 15px !important;
        width: 50% !important;
    }

    .shdwBx { position: relative; }

    .shdwBx img { padding-right: 3px !important; }

    .chkfrm label {
        line-height: 1em;
        margin-top: 10px !important;
    }

    .chkfrm label input { font-size: 12px; }

    .add-new-field a.btn-addnew { margin-top: 0px !important; }
}


@media screen and (min-width: 320px) and (max-width: 480px) {
    .acc_tgl { width: 80% !important; }
}

@media screen and (min-width: 320px) and (max-width: 479px) {
    .knob-chart.compRes .text-muted {
        line-height: 1em !important;
        margin-top: 0px;
        max-width: 240px;
        text-align: left;
    }

    .panel-collapse iframe { min-height: 850px !important; }
}

@media screen and (min-width: 320px) and (max-width: 400px) {
    .upld_btn .stp2 { width: 210px !important; }

    .hdrBtn i { font-size: 20px !important; }

    .rpt-ftr-btn { float: right !important; }

    .rmv_fld i { font-size: 25px !important; }

    body.login-page div#content .row.mt20 { margin-top: 30% !important; }
}

@media screen and (min-width: 320px) and (max-width: 360px) {
    .mng-prl-usr .btn-addnew { margin-bottom: 5px !important; }

    .pageSave .panel-body > div, .pageSave > div {
        float: none !important;
        margin-bottom: 5px;
        text-align: left;
    }

    .manageSupplier .mob-pull-left .btn {
        margin: auto 1px !important;
        padding-left: 10px;
        padding-right: 10px;
    }

    modal-dialog .modal-content .panel-body {
        padding-left: 0;
        padding-right: 0;
    }

    .col-xs-5 .btn-blue-save {
        padding: 7px 15px 6px 15px;
        width: 100%;
    }
}

@media screen and (min-width: 320px) and (max-width: 359px) {
    body.login-page div#content .row.mt20 { margin-top: 25% !important; }

    .arrowHeading .btn {
        background-position: 1rem center;
        padding-left: 35px !important;
        padding-right: 10px !important;
    }

    .arrowHeading .btn.btn-rfrs { right: 187px; }

    .sttsBoxPnl .ucCstmrAdm .panel-heading { margin-top: 30px; }

    .sttsBoxPnl .sttsMbox {
        left: 15px;
        right: initial;
        top: 15px;
    }

    .divToTble li > label {
        float: none;
        margin-bottom: 10px;
        text-align: left;
        width: 100%;
    }

    .divToTble li > span {
        float: none;
        text-align: left;
        width: 100%;
    }
}