@media only screen and (max-width: 1199px){
    .static_container{width:100%;}
    #page.container, #page .navbar-static-top .container, #page .navbar-fixed-top .container, #page .navbar-fixed-bottom .container {
        width: 100%;
        border-left:0px;
        border-right:0px;
    }
    
    .salesDividerLight{width:100%;}
    
    body.login .maincontent{width:calc(100% - 120px);}
    
    
    /*
    ////////////////
            Account Information page
    ////////////////
    */
    #frm_publicInfo .control-group{width:calc(100% - 30px);padding-right: 30px;}
    .main-icon{width: 35%;margin-right: 0px;}
    .main-banner{width:65%;float: left;}
    .designerImage{width:calc(100% - 82px);max-width: 568px;margin-left:20px;height: auto;aspect-ratio: 1592/800;}
    .image_show_banner{height: auto; aspect-ratio: 1592/800; margin: 0;}
    .designerIcon{width:calc(100% - 62px);height: auto;aspect-ratio: 1/1;}
    .image_show_icon{width:100%;height: auto; aspect-ratio: 1/1; margin: 0;}
    .label-upload-banner{padding: 20px 0 16px 20px;}
    .label-upload-icon{width:100%;}
    
    .tabbable{width:100%;}
    .tabs-left .tab-content{width:calc(100% - 225px);float:right;}
    #frm_publicInfo fieldset{width:100%;}
    #frm_publicInfo .controls{margin:0;width:calc(100% - 170px);float: left;}
    #frm_publicInfo input.span8, #frm_publicInfo textarea.span8, #frm_publicInfo .uneditable-input.span8 {
        width: calc(100% - 20px);
    }
    
    #frm_addressInfo .control-group{width:calc(100% - 30px);padding-right: 30px;}    
    
}

@media only screen and (max-width: 1084px)  {
    #multipleaccount{width:calc(100% - 804px);}
    body.login .maincontent{margin-top: calc(50vh - 210px);}
    .grid-container{height: 420px;}
    .content_column{height: 420px;}
}

@media only screen and (max-width: 1024px)  {
    .adsBarTop{display: none;}
    .static_container{width:100%;}
    #page.container, #page .navbar-static-top .container, #page .navbar-fixed-top .container, #page .navbar-fixed-bottom .container {
        width: 100%;
        border-left:0px;
        border-right:0px;
    }
    
    .salesHeaderAtext{width:calc(55% - 1px);}
    .salesHeaderA{width:calc(55% - 1px);}
    .salesHeaderD{width:calc(45% - 303px);}
    
    
}

@media only screen and (max-width: 991px) {
    .navbar-toggle{display: block;}
    #mainnav{display: none;}
    .HeaderTop #logoff{width:100%!important;float: none;}
    .HeaderTop #logoff2{width:100%!important;float: none;}
    .HeaderTop #selectuser{width:100%!important;float: none;}
       
    .hiddendateFromText{display: none;}
    .visibledateFromText{display: block;}
    
    .salesSummary ul{width: 100%;padding:0px;}
    .salesSummary li{padding-left: 30px;width: calc(33.33% - 31px);margin-right:0px;border-right:0px; border-bottom: 1px solid #E7E7E7;}
    .salesSummary li:nth-child(2){padding-left: 30px; border-left:1px solid #E7E7E7; border-right:1px solid #E7E7E7;width:calc(33.33% - 33px);}
    .salesSummary li:nth-child(3){padding-left: 30px; width:calc(33.33% - 30px);}
    .salesSummary li:nth-child(4){padding-left: 30px; width:calc(33.33% - 31px);border-bottom:0px;}
    .salesSummary li:nth-child(5){padding-left: 30px; border-left:1px solid #E7E7E7; border-right:1px solid #E7E7E7;width:calc(33.33% - 33px);}
    
    #quickReportMenu .bootstrap-select:not([class*="span"]){width:140px;}
    .dateFromlabel{margin-right: 15px!important;}
    
    
    /*
    ////////////////
            Account Information page
    ////////////////
    */
    .main-icon{width: 35.5%;margin-right: 0px;}
    .main-banner{width:64.5%;float: left;}
    #frm_publicInfo .control-label{width: 130px;}
    #frm_publicInfo .controls{margin:0;width:calc(100% - 140px);float: left;}
    #frm_publicInfo input.span3, #frm_addressInfo textarea.span3, #frm_addressInfo .uneditable-input.span3 {
        width: calc(100% - 20px)!important;
    }
    
    #frm_addressInfo .control-group { width: calc(100% - 30px);padding-right: 30px; }
    #frm_addressInfo .control-label{width: 130px;}
    #frm_addressInfo .controls{margin:0;width:calc(100% - 140px);float: left;}
    #frm_addressInfo input.span3, #frm_addressInfo textarea.span3, #frm_addressInfo .uneditable-input.span3 {
        width: calc(100% - 20px)!important;
    }
    #frm_addressInfo .controls .btn-group.span3{ width: 100%;}
    .text-need-info{padding:0!important;width:calc(100% - 140px); margin-left:140px!important;}
    .country-readonly{margin:8px 0!important;}
    
    #frm_paymentInfo .control-group { width: calc(100% - 30px);padding-right: 30px; }
    #frm_paymentInfo .control-label{width: 150px;}
    #frm_paymentInfo .controls{margin:0;width:calc(100% - 160px);float: left;}
    #frm_paymentInfo input.span3, #frm_addressInfo textarea.span3, #frm_addressInfo .uneditable-input.span3 {
        width: calc(100% - 20px)!important;
    }
    #frm_paymentInfo .controls .btn-group.span3{ width: 100%;}
    
    
    
}

@media only screen and (max-width: 926px) {
    .title_bar_header_left{width:100%; text-align: left;}
    .title_bar_text_right{width:100%; text-align: left;padding-bottom:15px;}
    .title_bar_header_left h3{padding-bottom:0px!important;}

    .salesHeaderC{width: 90px;}
    .salesHeaderD { width: calc(45% - 273px); }
    
    #quickReportMenu .bootstrap-select:not([class*="span"]) { width: 130px;}
    
   
    .salesSummary ul{width: 100%;padding:0px;}
    .salesSummary li{padding-left: 30px;width: calc(33.33% - 31px);margin-right:0px;border-right:0px; border-bottom: 1px solid #E7E7E7;}
    .salesSummary li:nth-child(2){padding-left: 30px; border-left:1px solid #E7E7E7; border-right:1px solid #E7E7E7;width:calc(33.33% - 33px);}
    .salesSummary li:nth-child(3){padding-left: 30px; width:calc(33.33% - 30px);}
    .salesSummary li:nth-child(4){padding-left: 30px; width:calc(33.33% - 31px);border-bottom:0px;}
    .salesSummary li:nth-child(5){padding-left: 30px; border-left:1px solid #E7E7E7; border-right:1px solid #E7E7E7;width:calc(33.33% - 33px);}
    
    .smallscreen { display: block; }
    .image_column { display: none; }
    body.login .maincontent{
        width: calc(100% - 120px);
        max-width: 360px;
    }
    
    #pricing #pricelist{width:100%;}
    #pricelist .title-header-pricelist{width:calc(100% - 152px);}
    #pricelist .rowsitem{width:100%;}
    
    #pricelist .title-header-pricelist .col-from{width:calc(33.333% - 10px);}
    #pricelist .title-header-pricelist .col-to{width:calc(33.333% - 10px);margin-left:10px;}
    #pricelist .title-header-pricelist .col-price-scheme{width:calc(33.333% - 10px);margin-left:10px;}
    
    #pricelist .item{width:calc(100% - 152px);}    
    #priceform .inputtextadd{width:calc(100% - 152px);}
    
    #pricelist #priceform .labe-qtyfrom{width:33.333%; float: left;}
    #pricelist #priceform .labe-qtyto{width:33.333%; float: left;}
    #pricelist #priceform .labe-price{width:33.333%; float: left;}
    
    #priceform #qtyfrom{width:calc(100% - 10px);}
    #priceform #qtyto{width:calc(100% - 10px);}
    #priceform #price{width:calc(100% - 5px);}
    
    #pricelist .item .uneditable-input.qtyfrom{width:calc(33.333% - 10px);}
    #pricelist .item .uneditable-input.qtyto{width:calc(33.333% - 10px);margin-left:5px;}
    #pricelist .item .uneditable-input.price-scheme{width:calc(33.333% - 5px);margin-left:5px;}
    .hidden-text-1024{display: none;}
}

@media only screen and (max-width: 863px) {
    .filter-actions-button {
        clear: both;
        float: left !important;
        margin-top: 20px;
        margin-left:0px;
    }
}

@media only screen and (max-width: 836px) {
    .divBar{padding-right: 30px}
    .title_bar_header_left{width:100%; text-align: left;}
    .title_bar_text_right{width:100%; text-align: left;padding-bottom:15px;}
    .title_bar_header_left h3{padding-bottom:0px!important;}
    .pie_nodata{width:225px; height:225px;margin-bottom:35px;}
    .pie_nodata p{line-height: 225px!important;}
    
    .sale-filter{margin:0;float: left;}
    .sale-filter:first-child{margin: 0px;float: left;}
    .filter-actions-button {
        margin-top: 20px;
        margin-left:0px;
    }
    .dateFromlabel {
        margin-left: 15px;
        margin-right: 15px !important;
    }
    #page #dateRange input.salesDateForm{width: 95px;}
    .hidden-header-836{display: none!important;}
    .visible-header-836{display: inline-block;}
    
    .salesHeaderA {width: calc(62% - 1px);}
    .saleSectionBar .salesHeaderC{text-align: left;padding-left:20px;width:134px;}
    .salesHeaderC{width:154px;}
    .salesHeaderD { width: calc(38% - 155px); }
    .salesList .salesHeaderC{text-align: left;}
    .salesList .salesHeaderC span{padding-left:20px;}
    
    .salesHeaderA.whiteBorder{border-right: 1px solid #E7E7E7;text-align: right!important;}
    .salesHeaderA.whiteBorder span{padding-right: 20px;}
    
    .summaryTotal ul{display: flex; align-items: center;}
    .summaryTotal .salesHeaderA{min-height:40px;}
    .summaryTotal .salesHeaderC{height:auto;}
    .summaryTotal .salesHeaderD{height:auto;}
    
    .div-column-A{width:35%;}
    .div-column-B{width:20%}
    .div-column-C{width:20%;}
    .div-column-D{width:20%;}
    .div-column-E{width:5%;}
    
    /*
    ////////////////
            Account Information page
    ////////////////
    */
    .tabs-left .tab-content{width:100%;}
    .youraccount #tab_account{width:100%!important;margin:0!important;padding: 0;border-bottom: 1px solid #E7E7E7;}
    .youraccount #tab_account li{width:calc(33.333% - 1px)!important; float: left;border-right: 1px solid #E7E7E7;}
    .youraccount #tab_account li > a{width:100%!important;border-bottom:0px!important;border-left: 0px;border-right: 0px;text-align: center;padding:15px 0!important;}
    .youraccount #tab_account li > a:hover,.youraccount #tab_account li>a:focus{border-right:0px!important;}
    .youraccount #tab_account li > a > span{text-align: center;}
    .youraccount #tab_account li:nth-child(3){width:33.333%!important;border-right: 0px;}
    .youraccount #tab_account li.last{display: none!important;}
    
    .main-icon{width: 35%;margin-right: 0px;}
    .main-banner{width:65%;float: left;}
    #frm_publicInfo .control-group{width: 100%;padding: 0;}
    #frm_publicInfo .button{text-align: center;}    
    #frm_publicInfo .middle_group{width:100%;}
    
    #frm_addressInfo .button{text-align: center;}
    #frm_addressInfo .control-group{width: 100%;padding: 0;}
    
    .titlepayment{width: calc(100% - 30px);padding-left:30px;}
    
    #frm_paymentInfo .button{text-align: center;}
    #frm_paymentInfo .control-group {width: 100%;padding: 0;}
    
    .row-fieldset{width:calc(100% - 60px); padding:0 30px;}
    .designerImage { width: calc(100% - 82px); max-width: 100%;}
    .label-upload-banner { padding: 20px 0 10px 20px; width:calc(100% - 20px);}
    .label-upload-icon{max-width:320px;width:100%;}
    .control-group.box_content{width:calc(100% - 60px)!important; padding:0 30px!important;}    
    #frm_paymentInfo .control-group.box_content{padding: 0 30px 20px 30px!important;}

    
    #settings .subbmit-button{text-align: center;}
    

    .eula-License .seeting_col_right{clear: both;width:100%;float: left;}
    .eula-multi-license .seeting_col_right{clear: both;width:100%;float: left;}
    
    .eula-License .seeting_col_right .padding-inner{    padding: 0;}
    .eula-multi-license .seeting_col_right .padding-inner{    padding: 0;}
    .eula-License .seeting_col_right .right-text-license{padding: 20px 30px 0 30px !important;}
    .eula-multi-license .seeting_col_right .right-text-license{padding: 20px 30px 0 30px !important;}
    
    .eula-License .seeting_col_right .license.seperate{width:calc(100% - 60px); padding:0 30px;margin-bottom:0;margin-top:10px;}
    
    #pricing .form-inline p{padding:0 30px;}
    #pricing .form-inline .seperate{padding: 10px 30px 0 30px;}
    
    #pricing #pricelist{width:100%;}
    #pricelist .title-header-pricelist{width: calc(100% - 212px); padding: 0 0 0 30px;}
    #pricelist .rowsitem{width:calc(100% - 60px); padding:0 30px;}
    
    #pricelist .item{width:calc(100% - 152px);}    
    #priceform .inputtextadd{width:calc(100% - 152px);}
    
    #pricelist #priceform .labe-qtyfrom{width:33.333%; float: left;}
    #pricelist #priceform .labe-qtyto{width:33.333%; float: left;}
    #pricelist #priceform .labe-price{width:33.333%; float: left;}
    
    #priceform #qtyfrom{width:calc(100% - 10px);}
    #priceform #qtyto{width:calc(100% - 10px);}
    #priceform #price{width:calc(100% - 5px);}
    
    #pricelist .item .uneditable-input.qtyfrom{width:calc(33.333% - 10px);}
    #pricelist .item .uneditable-input.qtyto{width:calc(33.333% - 10px);margin-left:5px;}
    #pricelist .item .uneditable-input.price-scheme{width:calc(33.333% - 5px);margin-left:5px;}
    
    
}

@media only screen and (max-width: 768px) {
    .sale-filter{clear:left;}
    .sale-filter:first-child {margin: 0 0 20px 0;float: left;clear: right;}
    .reportTypeText{width:88px;}
    .dateFromlabel {
        width:88px;
        margin-left: 0;
        margin-right: 15px !important;
    }
    
}

@media only screen and (max-width: 767px) {
    
    .bar_chart{display: flex; align-items: center;}
    .chart_title{width:200px;}
    .chart_legend{width: calc(100% - 200px);}
    .pie_nodata{width:180px; height:180px;margin-bottom:79px;}
    .pie_nodata p{line-height: 180px!important;}
    
    .adsBarTop{display: none;}
    .export-sales {display: none!important;}
    
    .sale-filter{margin: 20px 0 0 0;float: left;}
    .sale-filter:first-child{margin: 0px;float: left;}
    .sale-filter .visibledateFromText{margin-left:0px;}
    
    .reportTypeText {
        width:88px;
        display: block !important;
    }
    .dateFromlabel {
        width:88px;
        margin-right: 15px !important;
        margin-left: 0px;
    }
    .filter-actions-button {
        margin-top: 20px;
        margin-left:0px;
    }
    #page #dateRange input.salesDateForm{width: 95px;}
    .salesList ul{display: flex;}
    .salesList ul li.clear{display: none;}
    .salesHeaderA{width: calc(60% - 1px);}
    .salesHeaderD{width: calc(40% - 155px);}
    .salesImage{width:160px;height:auto !important;}
    .salesList .salesHeaderA{height:auto !important;}
    .salesList .salesHeaderC, .salesList .salesHeaderD{height:auto!important;}
    .salesProductName{width:calc(100% - 200px);}
    
    .div-column-A{width:38%;}
    .div-column-B{width:17%}
    .div-column-C{width:20%;}
    .div-column-D{width:20%;}
    .div-column-E{width:5%;}
    
    /*
    ////////////////
            Account Information page
    ////////////////
    */
    
    .main-icon{width: 35.5%;margin-right: 0px;}
    .main-banner{width:64.5%;float: left;}

/*    #period_report .col4{width:100%;margin-bottom: 10px;}
    #period_report .col4 .form_label {
        width:60px;        
    }*/
    .setting_col_left{width:calc(100% - 30px);padding-right: 30px;}
    .seeting_col_right{clear:both;width:100%;float:left;}
    #settings .column-label-A{width:calc(50% - 10px);}
    #settings .column-label-B{padding-left:0px;text-align: left;}
    #settings .column-label-B label.switch{float: left;}
    #settings .seeting_col_right p{padding-top:7px;}
    #settings .licenseStatusSelect .btn-group.bootstrap-select{padding-left:0px;margin-left: -25px;}
    #settings .multilicenseSelect .btn-group.bootstrap-select{padding-left:0px; margin-left: -25px;}
    
    .seeting_col_right .padding-inner{padding: 0 30px 0 30px;}    
    .seeting_col_right .padding-inner.col{padding: 0 30px 0 30px;width:calc(100% - 60px)!important;}


    #settings .subbmit-button{text-align: center;}
    .explan-setting-email-report{margin-top:10px;}
    .seeting_col_right .right-text-license{padding: 12px 0 0 0 !important;}
    .license.seperate{padding-top:12px;margin-bottom:0px;}
    #pricing .form-inline p{padding-top: 5px;}
    #pricing .form-inline .seperate{margin-bottom:5px;padding-top: 15px;}
    #settings .column-label-B .form_label{font-family: 'Valid-Bold', Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal;}
    #settings .column-label-B #switchaitrain{margin-bottom: 8px;}
    #Ailicense .control-label{    margin: 4px 10px 4px 0!important;}
    #setting_mobileapp .control-label, #setting_epub .control-label{ margin: 1px 10px 4px 0!important;}
    #settings .column-label-B #emailreport{margin-bottom:20px;}
    #period_report .col-period-report-monthly{text-align: center;}
    #period_report .switch-period-report-monthly{margin:0 auto;}
    #period_report .switch-period-report-quarterly{float:right;}
    .hidden-explaination-eula-767{display: none;}
    .visible-explaination-eula-767{display: block;}
    
    .switch-period-report-monthly{width:95px;}
    .switch-period-report-monthly label.report{margin-left:20px;}
    
    .eula-License .seeting_col_right{clear: both;width:100%;float: left;}
    .eula-multi-license .seeting_col_right{clear: both;width:100%;float: left;}
    
    .eula-License .seeting_col_right .padding-inner{    padding: 0;}
    .eula-multi-license .seeting_col_right .padding-inner{    padding: 0;}
    .eula-License .seeting_col_right .right-text-license{padding: 20px 30px 0 30px !important;}
    .eula-multi-license .seeting_col_right .right-text-license{padding: 20px 30px 0 30px !important;}
    
    .eula-License .seeting_col_right .license.seperate{width:calc(100% - 60px); padding:0 30px;margin-bottom:0;margin-top:10px;}
    
    #pricing .form-inline p{padding:0 30px;}
    #pricing .form-inline .seperate{padding: 10px 30px 0 30px;}
    
    #pricing #pricelist{width:100%;}
    #pricelist .title-header-pricelist{width: calc(100% - 212px);padding-right: 0px;}
    #pricelist .rowsitem{width:calc(100% - 60px); padding:0 30px;}
    
    #pricelist .item{width:calc(100% - 152px);}    
    #priceform .inputtextadd{width:calc(100% - 152px);}
    
    #pricelist #priceform .labe-qtyfrom{width:33.333%; float: left;}
    #pricelist #priceform .labe-qtyto{width:33.333%; float: left;}
    #pricelist #priceform .labe-price{width:33.333%; float: left;}
    
    #priceform #qtyfrom{width:calc(100% - 10px);}
    #priceform #qtyto{width:calc(100% - 10px);}
    #priceform #price{width:calc(100% - 5px);}
    
    #pricelist .item .uneditable-input.qtyfrom{width:calc(33.333% - 10px);}
    #pricelist .item .uneditable-input.qtyto{width:calc(33.333% - 10px);margin-left:5px;}
    #pricelist .item .uneditable-input.price-scheme{width:calc(33.333% - 5px);margin-left:5px;}
    
    
}

/*@media only screen and (max-width: 687px) {

    .setting_col_left.report-inactive{width:100%;}
    .column-label-B{ width:100%;}
    .setting_col_left.report-inactive .column-label-B{width:150px;}
    #settings .row .control-label{margin-bottom: 17px!important;}
    .label-email-report .control-label{margin-bottom: 17px!important;}
    #setting_epub .column-label-B .form_label{margin-top: -17px;}
    #setting_mobileapp .column-label-B .form_label{margin-top: -17px;}
    
    #settings .report-inactive .label-email-report .control-label{margin-bottom: 4px !important;}
    #settings .report-inactive #emailreport{margin-bottom: 0px;}
}*/

@media only screen and (max-width: 667px) {
    .adsBarTop{display: none;}
    .export-sales {display: none!important;}
    
    .salesHeaderA {width: calc(100% - 160px);}
    .saleSectionBar .salesHeaderC{text-align: left;padding-left:20px;width:139px;}
    .salesHeaderC{width:149px;border-right:0px;}
    .salesHeaderD { width: calc(42% - 150px); display: none}
    .salesList .salesHeaderC{text-align: left;border-right:0px;}
    .salesList .salesHeaderC span{padding-left:20px;}
    
    .salesHeaderA.whiteBorder{border-right: 1px solid #E7E7E7;text-align: right!important;}
    .salesHeaderA.whiteBorder span{padding-right: 20px;}
    
    .summaryTotal ul{display: flex; align-items: center;}
    .summaryTotal .salesHeaderA{border-right:0px;}
    .summaryTotal .salesHeaderC{height:auto;}
    .summaryTotal .salesHeaderD{height:auto;}
    .summaryTotal .salesHeaderC span:last-child {
        margin-top: 20px;
    }
    
    .hidden-header-836{display: none!important;}
    .visible-header-836{display: inline-block;}
    
    .hidden-header-667{display: none!important;}
    .visible-header-667{display: inline-block;}
    
    .salesList .salesHeaderC br{display: none;}
    
    .salesProductName{width:100%;}
/*    .summaryTotal .salesHeaderC span:last-child{font-size: 16px;}
    .summaryTotal .salesHeaderC span:last-child strong{font-size: 16px;}*/
    .summaryTotal .salesHeaderC br{display: none;}
    
    .div-column-A {
        width: 45%;
    }
    .div-column-B {
        width: 45%;
    }
    .div-column-E {
        width: 10%;
    }
    .product_batch_on_sale .div-column-C, .product_batch_on_sale .div-column-D{ display: none;}
    .product_batch_on_sale .div-column-B{text-align: left!important;}
    
    .div-column-A>div{padding-right: 20px;} 
    .discountPercen{font-family: 'Valid-Bold', Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal;}
    
    /*
    ////////////////
            Account Information page
    ////////////////
    */
    
    .main-icon{width: 36%;margin-right: 0px;}
    .main-banner{width:64%;float: left;}
    
}

@media only screen and (max-width: 599px) {
    .adsBarTop{display: none;}
    .bar_chart{display: flex; align-items: center; height: max-content;}
    .chart_title{width: calc(100% - 130px);}
    .best_sellers_graph{height: 60px;}
    .chart_profits_ratio{min-height: 60px;}
    .chart_legend{width: 130px; display: grid; height: auto;}
    .chart_legend label{text-align: right;margin: 20px 30px 0 0;}
    .chart_legend label:last-child{margin-bottom:20px;}
    .pie_chart{width:100%;margin-bottom: 50px;}
    .pie_nodata{width:240px; height:240px;margin-bottom:25px;}
    .pie_nodata p {line-height: 240px !important;}
    
    .export-sales {display: none!important; width: 220px;position: absolute;z-index: 3;top:0;right:0;}
    
    .reportTypeText {width:88px; display: block !important; }
    .sale-filter{width:100%;margin: 0px;float: left;}
    .sale-filter:first-child{margin: 0 0 20px;float: left;}
    .sale-filter .visibledateFromText{width:88px;margin-left:0px;}
    .filter-actions-button {
        margin-top: 20px;
        margin-left:0px;
    }

    .dateFromlabel{margin-right: 15px!important;}
    
    .salesSummary ul{width: 100%;padding:0px;}
    .salesSummary li{padding-left: 30px;width: calc(50% - 31px);margin-right:0px;border-right:0px; border-bottom: 1px solid #E7E7E7;}
    .salesSummary li:nth-child(2){padding-left: 30px; width:calc(50% - 30px);border-right:0px}
    .salesSummary li:nth-child(3){padding-left: 30px; border-left:0px; border-right:1px solid #E7E7E7;width:calc(50% - 31px);}
    .salesSummary li:nth-child(4){padding-left: 30px; width:calc(50% - 31px);border-bottom: 1px solid #E7E7E7;}
    .salesSummary li:nth-child(5){padding-left: 30px; border-left:0px; border-right:1px solid #E7E7E7;width:calc(50% - 31px);}
    
    .span-hidden-599{display: none!important;}
    
    .salesImage{width:140px;height:auto !important;}
    .saleSectionBar .salesHeaderA{border-right: 0px;}
    .saleSectionBar .salesHeaderC{display: none;}
    .salesList .salesHeaderA {width: 70%;padding-bottom:13px;height:auto !important;border-right: 0px;}
    .salesList .salesHeaderC{text-align: left;width:30%;display:inline-block;}
    .salesList .salesHeaderC br{display: none;}
    .salesList .salesHeaderC span {
        display: inline-block;
        padding-left: 0;
        width: 100%;
    }

    
    .salesList .salesHeaderC span:first-child{margin-top:0px;}

    .summaryTotal .salesHeaderA{width: 70%;}
    .summaryTotal .salesHeaderC{display: grid;width:30%;padding-left:0px;}
    .summaryTotal .salesHeaderC br{display: none;}
    .summaryTotal .salesHeaderC span:last-child{margin-top:20px;}
    
    .div-column-A {
        width: 45%;
    }
    .div-column-B {
        width: 45%;
    }
    .div-column-E {
        width: 10%;
    }

    .discountPercen{font-family: 'Valid-Bold', Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal;}
    .sort_filter{display: none;}
    .button_submit_frm_promotion_onsale{margin-left: 170px;width:108px;}
    .batch_on_sale .sort_filter{display: block;float:left!important;width:130px!important;}
    .batch_on_sale .pagination_top{display: none!important;}
    .sort_filter .bootstrap-select.btn-group, .sort_filter .bootstrap-select.btn-group[class*="span"]{width:100%!important;}
    #frm_promotion_onsale .input-add-on{     
        width: calc(100% - 170px);
        margin-left: 170px;
    }
    .select_product_sale .controls{width: calc(100% - 170px);    margin-left: 170px;}
    /*
    ////////////////
            Account Information page
    ////////////////
    */
    .main-icon{width:100%;}
    .main-banner{width:100%;}
    .designerImage { width: calc(100% - 62px); max-width: 100%;margin-left:0px}
    .label-upload-banner { padding: 20px 0 16px; width:100%;}
    .label-upload-icon{max-width:320px;width:100%;padding: 20px 0 17px;}
    
    #frm_publicInfo .about-row .control-label{width:100%; margin: 0 0 10px 0;}
    #frm_publicInfo .about-row .controls{width:100%; margin:0;}
    
    #frm_publicInfo .website-row .control-label{width:100%; margin: 0 0 10px 0;}
    #frm_publicInfo .website-row .controls{width:100%; margin:0;}
    
    /*#frm_promotion_onsale #inputDiscount{width: calc(100% - 61px) !important;}*/
    .batch_on_sale .controls .btn-group{width: 187px !important;}
    .control-group.error .help-block, .control-group.error .help-inline{
        clear: both;
        width: 100%;
        margin-top: 10px;
        height: auto;
    }
/*    .setting_col_left{width: 200px;}
    .seeting_col_right{width: calc(100% - 200px);}
    .seeting_col_right .padding-inner{padding-left:0px;}*/
} 

@media only screen and (max-width: 568px) {
    .adsBarTop{display: none;}
    .bar_chart{display: flex; align-items: center; height: max-content;}
    .chart_title{width: calc(100% - 130px);}
    .best_sellers_graph{height: 60px;}
    .chart_profits_ratio{min-height: 60px;}
    .chart_legend{width: 130px; display: grid; height: auto;}
    .chart_legend label{text-align: right;margin: 20px 30px 0 0;}
    .chart_legend label:last-child{margin-bottom:20px;}
    .pie_chart{width:100%;margin-bottom: 50px;}
    .pie_nodata{width:240px; height:240px;margin-bottom:25px;}
    .pie_nodata p {line-height: 240px !important;}
    
    .export-sales {display: none!important; width: 220px;position: absolute;z-index: 3;top:0;right:0;}
    
    
    .reportTypeText {width:88px; display: block !important; }
    .sale-filter{width:100%;margin: 0px;float: left;}
    .sale-filter:first-child{margin: 0 0 20px;float: left;}
    .sale-filter .visibledateFromText{width:88px;margin-left:0px;}
    .filter-actions-button {
        margin-top: 20px;
        margin-left:0px;
    }
    .dateFromlabel{margin-right: 15px!important;}
    
    .salesSummary ul{width: 100%;padding:0px;}
    .salesSummary li{padding-left: 30px;width: calc(50% - 31px);margin-right:0px;border-right:0px; border-bottom: 1px solid #E7E7E7;}
    .salesSummary li:nth-child(2){padding-left: 30px; width:calc(50% - 30px);border-right:0px}
    .salesSummary li:nth-child(3){padding-left: 30px; border-left:0px; border-right:1px solid #E7E7E7;width:calc(50% - 31px);}
    .salesSummary li:nth-child(4){padding-left: 30px; width:calc(50% - 31px);border-bottom: 1px solid #E7E7E7;}
    .salesSummary li:nth-child(5){padding-left: 30px; border-left:0px; border-right:1px solid #E7E7E7;width:calc(50% - 31px);}
    
    .span-hidden-599{display: none!important;}
    
    .salesList ul{display: block;}
    .salesList ul li.clear{display: block;}
    .salesImage{width:100%;height:auto !important;}
    .salesProductName{clear:both;padding:20px 0 0;}
    .saleSectionBar .salesHeaderA{border-right: 0px;}
    .saleSectionBar .salesHeaderC{display: none;}
    .salesList .salesHeaderA {width: 100%;padding-bottom:0px;height:auto !important;border-right: 0px;display: block;}
    .salesList .salesHeaderC{text-align: left;width:100%;display:inline-block;}
    .salesList .salesHeaderC br{display: none;}
    .salesList .salesHeaderC span {
        display: inline-block;
        padding-left: 0;
        width: 100%;
    }
    .salesList .salesHeaderC span strong{
        width: 119px;
        display: inline-block;
        text-align: left;
        float: left;
    }
    
    .salesList .salesHeaderC span:first-child{margin-top:0px;}
    
    .summaryTotal ul{display: block;}
    .summaryTotal .salesHeaderA{width: 40%;display: none;}
    .summaryTotal .salesHeaderC{display: grid;width:100%;padding-left:0px;text-align: left;}
    .summaryTotal .salesHeaderC span{text-align: left;}
    .summaryTotal .salesHeaderC br{display: none;}
    .summaryTotal .salesHeaderC span:last-child{margin-top:20px;}
    .summaryTotal .salesHeaderC span strong{
        width: 119px;
        display: inline-block;
        text-align: left;
        float: left;
    }
    
    .div-column-A {
        width: 50%;
    }
    .div-column-B {
        width: 40%;
    }
    .div-column-E {
        width: 10%;
    }
    
    .discountPercen{font-family: 'Valid-Bold', Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal;}
    .sort_filter{display: none;}

    
    /*
    ////////////////
            Account Information page
    ////////////////
    */

    #frm_publicInfo .middle_group{width:100%;}
    #frm_publicInfo .control-label{width: 115px;}
    #frm_publicInfo .controls{margin:0;width:calc(100% - 125px);float: left;}
    
    #frm_addressInfo .control-label{width: 90px;}
    #frm_addressInfo .controls{margin:0;width:calc(100% - 100px);float: left;}
    .text-need-info{width: calc(100% - 100px); margin-left: 100px !important;line-height: 1.5em;}
    
    #frm_paymentInfo .control-label{width: 150px;}
    #frm_paymentInfo .controls{margin:0;width:calc(100% - 160px);float: left;}
    
    /*
    ////////////////
            Product page
    ////////////////
    */
    
    .stock-art-format{width:100%;margin-bottom:10px;}
    
}

@media only screen and (max-width: 530px) {  
    .div-column-A {
        width: 50%;
    }
    .div-column-B {
        width: 15%;
    }
    .product_batch_on_sale .div-column-D{
        display: table-cell;
        width: calc(35% - 30px);
        text-align: right;
        padding-right: 30px;
    }
    .product_batch_on_sale .div-column-E {
        display: none;
    }
    .product_batch_on_sale .div-column-B {
        text-align: center !important;
    }
    .visible-header-836{display: none;}
    .hidden-510{display: none;}
    .visible-510{display: inline-block;}
    .product_batch_on_sale .div-column-D .visible-510{text-align: right;}
    
    .summaryTotal .salesHeaderC .visible-header-836{display: inline-block;}
    
    #pricelist .title-header-pricelist{width: calc(100% - 203px);}
    #pricelist .title-header-pricelist .col-price-scheme{width:88px!important;margin-left:8px;}    
    #pricelist .title-header-pricelist .col-to{margin-left:7px;}
    
}

@media only screen and (max-width: 480px) {
    body.login .maincontent{width: calc(100% - 40px);max-width: 440px;margin-top: calc(50vh - 159px);}
    #settings .column-label-A{width: calc(100% - 100px);}
    #settings .column-label-B{padding-right:0px;text-align: right;}
    #settings .licenseStatusSelect .btn-group.bootstrap-select{padding-left:0px;margin-left: 0px;}
    #settings .multilicenseSelect .btn-group.bootstrap-select{padding-left:0px; margin-left: 0px;}
    
    #settings .column-label-B label.switch{float: right;}
    .switch-period-report-monthly label.report{margin-left:0px}
    #pricing .seperate .bootstrap-select.btn-group[class*="span"] {  width: calc(100% - 95px)!important;}
    
    #pricelist .title-header-pricelist{width: calc(100% - 60px);}
    #pricelist .title-header-pricelist .col-to{margin-left:10px;}
    #pricelist .title-header-pricelist .col-price-scheme{margin-left: 10px;}
    #pricelist .item{width: 100%;}
    #pricelist .new_item{width:100%;}
    #priceform .inputtextadd{width:100%;}
    #pricelist .new_item .actionadd{width:100%; text-align: center;margin-left:0px;}
    
}

@media only screen and (max-width: 390px) {
    .adsBarTop{display: none;}
    .bar_chart{display: flex; align-items: center; height: max-content;}
    .chart_title{width: calc(100% - 130px);}
    .best_sellers_graph{height: 60px;}
    .chart_legend{width: 130px; display: grid; height: auto;}
    .chart_legend label{text-align: right;margin: 20px 30px 0 0;}
    .chart_legend label:last-child{margin-bottom:20px;}
    .pie_chart{width:100%;margin-bottom: 50px;}
    .pie_nodata{width:240px; height:240px;margin-bottom:25px;}
    .pie_nodata p {line-height: 240px !important;}
    
    .export-sales {display: none!important; width: 220px;position: absolute;z-index: 3;top:0;right:0;}
    
    .reportTypeText {width:88px; display: block !important; }
    .sale-filter{width:100%;margin: 0px;float: left;}
    .sale-filter:first-child{margin: 0 0 20px;float: left;}
    .sale-filter .visibledateFromText{width:88px;margin-left:0px;}

    .dateFromlabel{margin-right: 15px!important;}
    .dashDate{clear:both;margin:4px 0;width:100%;text-align: center;}
    #dateRange{height:auto;}
    #page #dateRange input.salesDateForm{width:140px}
    #quickReportMenu .bootstrap-select:not([class*="span"]) {width: 172px;}
    
    .salesSummary ul{width: 100%;padding:0px;}
    .salesSummary li{padding-left: 30px;width: calc(50% - 31px);margin-right:0px;border-right:0px; border-bottom: 1px solid #E7E7E7;}
    .salesSummary li:nth-child(2){padding-left: 30px; width:calc(50% - 30px);border-right:0px}
    .salesSummary li:nth-child(3){padding-left: 30px; border-left:0px; border-right:1px solid #E7E7E7;width:calc(50% - 31px);}
    .salesSummary li:nth-child(4){padding-left: 30px; width:calc(50% - 31px);border-bottom: 1px solid #E7E7E7;}
    .salesSummary li:nth-child(5){padding-left: 30px; border-left:0px; border-right:1px solid #E7E7E7;width:calc(50% - 31px);}
    
    .span-hidden-599{display: none!important;}
    
    .salesList ul{display: block;}
    .salesList ul li.clear{display: block;}
    .salesImage{width:100%;height:auto !important;}
    .salesProductName{clear:both;padding:20px 0 0;}
    .saleSectionBar .salesHeaderA{border-right: 0px;}
    .saleSectionBar .salesHeaderC{display: none;}
    .salesList .salesHeaderA {width: 100%;padding-bottom:0px;height:auto !important;border-right: 0px;display: block;}
    .salesList .salesHeaderC{text-align: left;width:100%;display:inline-block;}
    .salesList .salesHeaderC br{display: none;}
    .salesList .salesHeaderC span {
        display: inline-block;
        padding-left: 0;
        width: 100%;
    }
    .salesList .salesHeaderC span strong{
        width: 119px;
        display: inline-block;
        text-align: left;
        float: left;
    }
    
    .salesList .salesHeaderC span:first-child{margin-top:0px;}
    
    .summaryTotal ul{display: block;}
    .summaryTotal .salesHeaderA{width: 30%;}
    .summaryTotal .salesHeaderC{display: grid;width:70%;padding-left:0px;text-align: right;}
    .summaryTotal .salesHeaderC span{text-align: right;}
    .summaryTotal .salesHeaderC br{display: none;}
    .summaryTotal .salesHeaderC span:last-child{margin-top:20px;}
    .summaryTotal .salesHeaderC span strong{
        width: 119px;
        display: inline-block;
        text-align: right;
        float: left;
    }

    .discountPercen{font-family: 'Valid-Bold', Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal;}
    .sort_filter{display: none;}
    .button_submit_frm_promotion_onsale{
        margin: 0;
        width: 100%;
        float: none;
        text-align: center;
        padding: 0 0 75px;
    }
    
    .div-column-A {
        width: 40%;
    }
    .div-column-B {
        width: 15%;
    }
    .product_batch_on_sale .div-column-D{
        display: table-cell;
        width: calc(40% - 30px);
        text-align: right;
        padding-right: 30px;
    }
    .product_batch_on_sale .div-column-E {
        display: none;
    }
    .product_batch_on_sale .div-column-B {
        text-align: center !important;
    }
    .visible-header-836{display: none;}
    .hidden-510{display: none;}
    .visible-510{display: inline-block;}
    .product_batch_on_sale .div-column-D .visible-510{text-align: right;}
}

@media only screen 
    and (device-width : 320px) 
    and (device-height : 480px) 
    and (-webkit-min-device-pixel-ratio : 2) 
    and (orientation : portrait) {
        .adsBarTop{display: none;}
        .chart_title{width: calc(100% - 130px);font-size: 14px;}
        .chart_legend{width: 130px; display: grid; height: auto;}
        .chart_legend label{text-align: right;margin: 20px 30px 0 0;}
        .chart_legend label:last-child{margin-bottom:20px;}
        .highcharts-axis-labels text tspan{ font-size: 10px;}
        .chart_legend label{font-size: 11px;}
        #sale_report_legend label{font-size: 11px;}
        .pie_chart{width:100%;margin-bottom: 50px;}
        #chart_bestseller .highcharts-axis-labels text tspan{font-size: 13px;}
        .export-sales {display: none!important;}
}

@media only screen and (device-width : 320px) and (device-height : 480px) and (-webkit-min-device-pixel-ratio : 2) and (orientation : landscape) {
    body.login .maincontent{margin-top:0px;}
    .adsBarTop{display: none;}
    li.li-nav a, li.li-nav a:visited{padding: 15px 0;}
    .export-sales {display: none!important;}

    .reportTypeText {width:88px; display: block !important; }
    .sale-filter{width:100%;margin: 0px;float: left;}
    .sale-filter:first-child{margin: 0 0 20px;float: left;}
    .sale-filter .visibledateFromText{width:88px;margin-left:0px;}

    .dateFromlabel{margin-left: 0px;}
    
}
    


@media only screen 
    and (device-width: 320px) 
    and (device-height: 568px) 
    and (-webkit-device-pixel-ratio: 2) 
    and (orientation : portrait){ 
        .adsBarTop{display: none;}
    .chart_title{width: calc(100% - 130px);font-size: 14px;}
    .chart_legend{width: 130px; display: grid; height: auto;}
    .chart_legend label{text-align: right;margin: 20px 30px 0 0;}
    .chart_legend label:last-child{margin-bottom:20px;}
    .highcharts-axis-labels text tspan{ font-size: 10px;}
    .chart_legend label{font-size: 12px;}
    #sale_report_legend label{font-size: 12px;}
    .pie_chart{width:100%;margin-bottom: 50px;}
    #chart_bestseller .highcharts-axis-labels text tspan{font-size: 13px;}
    .chart_legend{line-height: 25px;}
    .export-sales {display: none!important;}
}

@media only screen and (device-width: 320px) and (device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation : landscape) {
    body.login .maincontent{margin-top:0px;}
    .adsBarTop{display: none;}
    li.li-nav a, li.li-nav a:visited{padding: 15px 0;}
    .export-sales {display: none!important;}
    
    .reportTypeText {width:88px; display: block !important; }
    .sale-filter{width:100%;margin: 0px;float: left;}
    .sale-filter:first-child{margin: 0 0 20px;float: left;}
    .sale-filter .visibledateFromText{width:88px;margin-left:0px;}

    .dateFromlabel{margin-left: 0px;}
}



@media only screen 
    and (device-width: 320px) 
    and (device-height: 932px) 
    and (-webkit-device-pixel-ratio: 2) 
    and (orientation : portrait){
/*        @supports (-webkit-tap-highlight-color: currentcolor) and (not (-webkit-background-composite:clear)) and (not (-ms-accelerator:true)) and (not (overflow:-webkit-marquee)) and (not (-moz-appearance:none)){

        }*/
    .adsBarTop{display: none;}
    .chart_title{width: calc(100% - 130px);font-size: 14px;}
    .chart_legend{width: 130px; display: grid; height: auto;}
    .chart_legend label{text-align: right;margin: 20px 30px 0 0;}
    .chart_legend label:last-child{margin-bottom:20px;}
    .highcharts-axis-labels text tspan{ font-size: 10px;}
    .chart_legend label{font-size: 12px;}
    #sale_report_legend label{font-size: 12px;}
    .pie_chart{width:100%;margin-bottom: 50px;}
    #chart_bestseller .highcharts-axis-labels text tspan{font-size: 13px;}
    .chart_legend{line-height: 25px;}
    .export-sales {display: none!important;}
}

@media only screen and (device-width: 320px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 2) and (orientation : landscape){
    body.login .maincontent{margin-top:0px;}
    .adsBarTop{display: none;}
    li.li-nav a, li.li-nav a:visited{padding: 15px 0;}
    .export-sales {display: none!important;}
    
    .reportTypeText {width:88px; display: block !important; }
    .sale-filter{width:100%;margin: 0px;float: left;}
    .sale-filter:first-child{margin: 0 0 20px;float: left;}
    .sale-filter .visibledateFromText{width:88px;margin-left:0px;}

    .dateFromlabel{margin-left: 0px;}
}



@media only screen 
    and (device-width: 320px) 
    and (device-height: 932px) 
    and (-webkit-device-pixel-ratio: 3) 
    and (orientation : portrait){
/*        @supports (-webkit-tap-highlight-color: currentcolor) and (not (-webkit-background-composite:clear)) and (not (-ms-accelerator:true)) and (not (overflow:-webkit-marquee)) and (not (-moz-appearance:none)){ 

        }*/
        .adsBarTop{display: none;}
    .chart_title{width: calc(100% - 130px);font-size: 14px;}
    .chart_legend{width: 130px; display: grid; height: auto;}
    .chart_legend label{text-align: right;margin: 20px 30px 0 0;}
    .chart_legend label:last-child{margin-bottom:20px;}
    .highcharts-axis-labels text tspan{ font-size: 10px;}
    .chart_legend label{font-size: 12px;}
    #sale_report_legend label{font-size: 12px;}
    .pie_chart{width:100%;margin-bottom: 50px;}
    #chart_bestseller .highcharts-axis-labels text tspan{font-size: 13px;}
    .chart_legend{line-height: 25px;}
    .export-sales {display: none!important;}
}

@media only screen and (device-width: 320px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation : landscape){
    body.login .maincontent{margin-top:0px;}
    .adsBarTop{display: none;}
    li.li-nav a, li.li-nav a:visited{padding: 15px 0;}
    .export-sales {display: none!important;}

    .reportTypeText {width:88px; display: block !important; }
    .sale-filter{width:100%;margin: 0px;float: left;}
    .sale-filter:first-child{margin: 0 0 20px;float: left;}
    .sale-filter .visibledateFromText{width:88px;margin-left:0px;}

    .dateFromlabel{margin-left: 0px;}
}



@media only screen 
    and (device-width: 375px) 
    and (device-height: 667px) 
    and (-webkit-device-pixel-ratio: 2) 
    and (orientation : portrait) {
        .adsBarTop{display: none;}
    .chart_title{width: calc(100% - 130px);font-size: 14px;}
    .chart_legend{width: 130px; display: grid; height: auto;}
    .chart_legend label{text-align: right;margin: 20px 30px 0 0;}
    .chart_legend label:last-child{margin-bottom:20px;}
    .highcharts-axis-labels text tspan{ font-size: 10px;}
    .chart_legend label{font-size: 12px;}
    #sale_report_legend label{font-size: 12px;}
    .pie_chart{width:100%;margin-bottom: 50px;}
    #chart_bestseller .highcharts-axis-labels text tspan{font-size: 13px;}
    .chart_legend{line-height: 25px;}
    .export-sales {display: none!important;}
}

@media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation : landscape) {
    body.login .maincontent{margin-top:0px;}
    .adsBarTop{display: none;}
    li.li-nav a, li.li-nav a:visited{padding: 15px 0;}
    .export-sales {display: none!important;}
    
    .reportTypeText {width:88px; display: block !important; }
    .sale-filter{width:100%;margin: 0px;float: left;}
    .sale-filter:first-child{margin: 0 0 20px;float: left;}
    .sale-filter .visibledateFromText{width:88px;margin-left:0px;}

    .dateFromlabel{margin-left: 0px;}
}
    


@media only screen 
    and (device-width: 375px) 
    and (device-height: 812px) 
    and (-webkit-device-pixel-ratio: 2) 
    and (orientation : portrait) { 
        .adsBarTop{display: none;}
    .chart_title{width: calc(100% - 130px);font-size: 14px;}
    .chart_legend{width: 130px; display: grid; height: auto;}
    .chart_legend label{text-align: right;margin: 20px 30px 0 0;}
    .chart_legend label:last-child{margin-bottom:20px;}
    .highcharts-axis-labels text tspan{ font-size: 10px;}
    .chart_legend label{font-size: 12px;}
    #sale_report_legend label{font-size: 12px;}
    .pie_chart{width:100%;margin-bottom: 50px;}
    #chart_bestseller .highcharts-axis-labels text tspan{font-size: 13px;}
    .chart_legend{line-height: 25px;}
    .export-sales {display: none!important;}
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 2) and (orientation : landscape) {
    body.login .maincontent{margin-top:0px;}
    .adsBarTop{display: none;}
    li.li-nav a, li.li-nav a:visited{padding: 15px 0;}
    
    .reportTypeText {width:88px; display: block !important; }
    .sale-filter{width:100%;margin: 0px;float: left;}
    .sale-filter:first-child{margin: 0 0 20px;float: left;}
    .sale-filter .visibledateFromText{width:88px;margin-left:0px;}

    .dateFromlabel{margin-left: 0px;}
}



@media only screen 
    and (device-width: 375px) 
    and (device-height: 812px) 
    and (-webkit-device-pixel-ratio: 3) 
    and (orientation : portrait) { 
        .adsBarTop{display: none;}
    .chart_title{width: calc(100% - 130px);font-size: 14px;}
    .chart_legend{width: 130px; display: grid; height: auto;}
    .chart_legend label{text-align: right;margin: 20px 30px 0 0;}
    .chart_legend label:last-child{margin-bottom:20px;}
    .highcharts-axis-labels text tspan{ font-size: 10px;}
    .chart_legend label{font-size: 12px;}
    #sale_report_legend label{font-size: 12px;}
    .pie_chart{width:100%;margin-bottom: 50px;}
    #chart_bestseller .highcharts-axis-labels text tspan{font-size: 13px;}
    .chart_legend{line-height: 25px;}
    .export-sales {display: none!important;}
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation : landscape) {
    body.login .maincontent{margin-top:0px;}
    .adsBarTop{display: none;}
    li.li-nav a, li.li-nav a:visited{padding: 15px 0;}
    .export-sales {display: none!important;}
    
    .reportTypeText {width:88px; display: block !important; }
    .sale-filter{width:100%;margin: 0px;float: left;}
    .sale-filter:first-child{margin: 0 0 20px;float: left;}
    .sale-filter .visibledateFromText{width:88px;margin-left:0px;}

    .dateFromlabel{margin-left: 0px;}
}



@media only screen 
    and (device-width: 390px) 
    and (device-height: 844px) 
    and (-webkit-device-pixel-ratio: 2) 
    and (orientation : portrait){ 
        .adsBarTop{display: none;}
    .chart_title{width: calc(100% - 130px);font-size: 14px;}
    .chart_legend{width: 130px; display: grid; height: auto;}
    .chart_legend label{text-align: right;margin: 20px 30px 0 0;}
    .chart_legend label:last-child{margin-bottom:20px;}
    .highcharts-axis-labels text tspan{ font-size: 10px;}
    .chart_legend label{font-size: 12px;}
    #sale_report_legend label{font-size: 12px;}
    .pie_chart{width:100%;margin-bottom: 50px;}
    #chart_bestseller .highcharts-axis-labels text tspan{font-size: 13px;}
    .chart_legend{line-height: 25px;}
    .export-sales {display: none!important;}
}

@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 2) and (orientation : landscape){
    body.login .maincontent{margin-top:0px;}
    .adsBarTop{display: none;}
    li.li-nav a, li.li-nav a:visited{padding: 20px 0;}
    .export-sales {display: none!important;}
    
    .reportTypeText {width:88px; display: block !important; }
    .sale-filter{width:100%;margin: 0px;float: left;}
    .sale-filter:first-child{margin: 0 0 20px;float: left;}
    .sale-filter .visibledateFromText{width:88px;margin-left:0px;}

    .dateFromlabel{margin-left: 0px;}
}



@media only screen 
    and (device-width: 390px) 
    and (device-height: 844px) 
    and (-webkit-device-pixel-ratio: 3) 
    and (orientation : portrait){ 
        .adsBarTop{display: none;}
    .chart_title{width: calc(100% - 130px);font-size: 14px;}
    .chart_legend{width: 130px; display: grid; height: auto;}
    .chart_legend label{text-align: right;margin: 20px 30px 0 0;}
    .chart_legend label:last-child{margin-bottom:20px;}
    .highcharts-axis-labels text tspan{ font-size: 10px;}
    .chart_legend label{font-size: 12px;}
    #sale_report_legend label{font-size: 12px;}
    .pie_chart{width:100%;margin-bottom: 50px;}
    #chart_bestseller .highcharts-axis-labels text tspan{font-size: 13px;}
    .chart_legend{line-height: 25px;}
    .export-sales {display: none!important;}
}

@media only screen and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation : landscape){
    body.login .maincontent{margin-top:0px;}
    .adsBarTop{display: none;}
    li.li-nav a, li.li-nav a:visited{padding: 20px 0;}
    .export-sales {display: none!important;}
    .dateFromlabel{margin-left: 0px;}
}



@media only screen 
    and (device-width: 393px) 
    and (device-height: 852px) 
    and (-webkit-device-pixel-ratio: 2) 
    and (orientation : portrait){ 
        .adsBarTop{display: none;}
    .chart_title{width: calc(100% - 130px);font-size: 14px;}
    .chart_legend{width: 130px; display: grid; height: auto;}
    .chart_legend label{text-align: right;margin: 20px 30px 0 0;}
    .chart_legend label:last-child{margin-bottom:20px;}
    .highcharts-axis-labels text tspan{ font-size: 10px;}
    .chart_legend label{font-size: 12px;}
    #sale_report_legend label{font-size: 12px;}
    .pie_chart{width:100%;margin-bottom: 50px;}
    #chart_bestseller .highcharts-axis-labels text tspan{font-size: 13px;}
    .chart_legend{line-height: 25px;}
    .export-sales {display: none!important;}
}

@media only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 2) and (orientation : landscape){
    body.login .maincontent{margin-top:0px;}
    .adsBarTop{display: none;}
    li.li-nav a, li.li-nav a:visited{padding: 20px 0;}
    .export-sales {display: none!important;}

    .reportTypeText {width:88px; display: block !important; }
    .sale-filter{width:100%;margin: 0px;float: left;}
    .sale-filter:first-child{margin: 0 0 20px;float: left;}
    .sale-filter .visibledateFromText{width:88px;margin-left:0px;}

    .dateFromlabel{margin-left: 0px;}
}



@media only screen 
    and (device-width: 393px) 
    and (device-height: 852px) 
    and (-webkit-device-pixel-ratio: 3) 
    and (orientation : portrait){ 
        .adsBarTop{display: none;}
    .chart_title{width: calc(100% - 130px);font-size: 14px;}
    .chart_legend{width: 130px; display: grid; height: auto;}
    .chart_legend label{text-align: right;margin: 20px 30px 0 0;}
    .chart_legend label:last-child{margin-bottom:20px;}
    .highcharts-axis-labels text tspan{ font-size: 10px;}
    .chart_legend label{font-size: 12px;}
    #sale_report_legend label{font-size: 12px;}
    .pie_chart{width:100%;margin-bottom: 50px;}
    #chart_bestseller .highcharts-axis-labels text tspan{font-size: 13px;}
    .chart_legend{line-height: 25px;}
    .export-sales {display: none!important;}
}

@media only screen and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation : landscape){
    body.login .maincontent{margin-top:0px;}
    .adsBarTop{display: none;}
    li.li-nav a, li.li-nav a:visited{padding: 20px 0;}
    .export-sales {display: none!important;}
    
    .reportTypeText {width:88px; display: block !important; }
    .sale-filter{width:100%;margin: 0px;float: left;}
    .sale-filter:first-child{margin: 0 0 20px;float: left;}
    .sale-filter .visibledateFromText{width:88px;margin-left:0px;}

    .dateFromlabel{margin-left: 0px;}
}



@media only screen 
    and (device-width: 414px) 
    and (device-width: 736px) 
    and (-webkit-device-pixel-ratio: 2) 
    and (orientation : portrait) { 
        .adsBarTop{display: none;}
    .chart_title{width: calc(100% - 130px);font-size: 14px;}
    .chart_legend{width: 130px; display: grid; height: auto;}
    .chart_legend label{text-align: right;margin: 20px 30px 0 0;}
    .chart_legend label:last-child{margin-bottom:20px;}
    .highcharts-axis-labels text tspan{ font-size: 10px;}
    .chart_legend label{font-size: 13px;}
    #sale_report_legend label{font-size: 13px;}
    .pie_chart{width:100%;margin-bottom: 50px;}
    #chart_bestseller .highcharts-axis-labels text tspan{font-size: 13px;}
    .chart_legend{line-height: 25px;}
    .export-sales {display: none!important;}
}

@media only screen and (device-width: 414px) and (device-width: 736px) and (-webkit-device-pixel-ratio: 2) and (orientation : landscape) {
    body.login .maincontent{margin-top:0px;}
    .adsBarTop{display: none;}
    li.li-nav a, li.li-nav a:visited{padding: 25px 0;}
    .export-sales {display: none!important;}
    
    .reportTypeText {width:88px; display: block !important; }
    .sale-filter{width:100%;margin: 0px;float: left;}
    .sale-filter:first-child{margin: 0 0 20px;float: left;}
    .sale-filter .visibledateFromText{width:88px;margin-left:0px;}

    .dateFromlabel{margin-left: 0px;}
}



@media only screen 
    and (device-width: 414px) 
    and (device-height: 736px) 
    and (-webkit-device-pixel-ratio: 3) 
    and (orientation : portrait) { 
        .adsBarTop{display: none;}
    .chart_title{width: calc(100% - 130px);font-size: 14px;}
    .chart_legend{width: 130px; display: grid; height: auto;}
    .chart_legend label{text-align: right;margin: 20px 30px 0 0;}
    .chart_legend label:last-child{margin-bottom:20px;}
    .highcharts-axis-labels text tspan{ font-size: 10px;}
    .chart_legend label{font-size: 13px;}
    #sale_report_legend label{font-size: 13px;}
    .pie_chart{width:100%;margin-bottom: 50px;}
    #chart_bestseller .highcharts-axis-labels text tspan{font-size: 13px;}
    .export-sales {display: none!important;}
}

@media only screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation : landscape) {
    body.login .maincontent{margin-top:0px;}
    .adsBarTop{display: none;}
    li.li-nav a, li.li-nav a:visited{padding: 25px 0;}
    .export-sales {display: none!important;}
    
    .reportTypeText {width:88px; display: block !important; }
    .sale-filter{width:100%;margin: 0px;float: left;}
    .sale-filter:first-child{margin: 0 0 20px;float: left;}
    .sale-filter .visibledateFromText{width:88px;margin-left:0px;}

    .dateFromlabel{margin-left: 0px;}
}



@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) 
    and (orientation : portrait) { 
        .adsBarTop{display: none;}
    .chart_title{width: calc(100% - 130px);font-size: 14px;}
    .chart_legend{width: 130px; display: grid; height: auto;}
    .chart_legend label{text-align: right;margin: 20px 30px 0 0;}
    .chart_legend label:last-child{margin-bottom:20px;}
    .highcharts-axis-labels text tspan{ font-size: 10px;}
    .chart_legend label{font-size: 13px;}
    #sale_report_legend label{font-size: 13px;}
    .pie_chart{width:100%;margin-bottom: 50px;}
    #chart_bestseller .highcharts-axis-labels text tspan{font-size: 13px;}
    .export-sales {display: none!important;}
}

@media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 2) and (orientation : landscape) {
    body.login .maincontent{margin-top:0px;}
    .adsBarTop{display: none;}
    li.li-nav a, li.li-nav a:visited{padding: 25px 0;}
    .export-sales {display: none!important;}
    
    .reportTypeText {width:88px; display: block !important; }
    .sale-filter{width:100%;margin: 0px;float: left;}
    .sale-filter:first-child{margin: 0 0 20px;float: left;}
    .sale-filter .visibledateFromText{width:88px;margin-left:0px;}

    .dateFromlabel{margin-left: 0px;}
}



@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 3) 
    and (orientation : portrait) {
        .adsBarTop{display: none;}
    .chart_title{width: calc(100% - 130px);font-size: 14px;}
    .chart_legend{width: 130px; display: grid; height: auto;}
    .chart_legend label{text-align: right;margin: 20px 30px 0 0;}
    .chart_legend label:last-child{margin-bottom:20px;}
   .highcharts-axis-labels text tspan{ font-size: 10px;}
    .chart_legend label{font-size: 13px;}
    #sale_report_legend label{font-size: 13px;}
    .pie_chart{width:100%;margin-bottom: 50px;}
    #chart_bestseller .highcharts-axis-labels text tspan{font-size: 13px;}
    .export-sales {display: none!important;}
}

@media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) {
    body.login .maincontent{margin-top:0px;}
    .adsBarTop{display: none;}
    li.li-nav a, li.li-nav a:visited{padding: 25px 0;}
    .export-sales {display: none!important;}

    .reportTypeText {width:88px; display: block !important; }
    .sale-filter{width:100%;margin: 0px;float: left;}
    .sale-filter:first-child{margin: 0 0 20px;float: left;}
    .sale-filter .visibledateFromText{width:88px;margin-left:0px;}

    .dateFromlabel{margin-left: 0px;}
}



@media only screen 
    and (device-width : 428px) 
    and (device-height : 926px) 
    and (-webkit-device-pixel-ratio : 3) 
    and (orientation : portrait) {
    .adsBarTop{display: none;}
    .chart_title{width: calc(100% - 130px);font-size: 14px;}
    .chart_legend{width: 130px; display: grid; height: auto;}
    .chart_legend label{text-align: right;margin: 20px 30px 0 0;}
    .chart_legend label:last-child{margin-bottom:20px;}
    .highcharts-axis-labels text tspan{ font-size: 10px;}
    .chart_legend label{font-size: 13px;}
    #sale_report_legend label{font-size: 13px;}
    .pie_chart{width:100%;margin-bottom: 50px;}
    #chart_bestseller .highcharts-axis-labels text tspan{font-size: 13px;}
    .export-sales {display: none!important;}
}

@media only screen and (device-width : 428px) and (device-height : 926px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) {
    body.login .maincontent{margin-top:0px;}
    .adsBarTop{display: none;}
    li.li-nav a, li.li-nav a:visited{padding: 30px 0;}
    .export-sales {display: none!important;}

    .reportTypeText {width:88px; display: block !important; }
    .sale-filter{width:100%;margin: 0px;float: left;}
    .sale-filter:first-child{margin: 0 0 20px;float: left;}
    .sale-filter .visibledateFromText{width:88px;margin-left:0px;}

    .dateFromlabel{margin-left: 0px;}
}


    
@media only screen 
    and (max-device-width : 440px) 
    and (max-device-height : 956px) 
    and (-webkit-device-pixel-ratio : 3) 
    and (orientation : portrait) { 
    .adsBarTop{display: none;}
    .chart_title{width: calc(100% - 130px);font-size: 14px;}
    .chart_legend{width: 130px; display: grid; height: auto;}
    .chart_legend label{text-align: right;margin: 20px 30px 0 0;}
    .chart_legend label:last-child{margin-bottom:20px;}
    .highcharts-axis-labels text tspan{ font-size: 10px;}
    .chart_legend label{font-size: 13px;}
    #sale_report_legend label{font-size: 13px;}
    .pie_chart{width:100%;margin-bottom: 50px;}
    #chart_bestseller .highcharts-axis-labels text tspan{font-size: 13px;}
    .export-sales {display: none!important;}
}

@media only screen and (max-device-width : 440px) and (max-device-height : 956px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) {
    body.login .maincontent{margin-top:0px;}
    .adsBarTop{display: none;}
    li.li-nav a, li.li-nav a:visited{padding: 30px 0;}
    .export-sales {display: none!important;}

    .reportTypeText {width:88px; display: block !important; }
    .sale-filter{width:100%;margin: 0px;float: left;}
    .sale-filter:first-child{margin: 0 0 20px;float: left;}
    .sale-filter .visibledateFromText{width:88px;margin-left:0px;}

    .dateFromlabel{margin-left: 0px;}
}


/*Portrait and landscape iPad mini 1, iPad 1 and iPad 2*/
@media only screen
    and (device-width: 768px)
    and (device-height: 1024px)
    and (-webkit-min-device-pixel-ratio: 1)
    and (orientation: portrait){
        .adsBarTop{display: none;}
    }


@media only screen
    and (device-width: 768px)
    and (device-height: 1024px)
    and (-webkit-min-device-pixel-ratio: 1)
    and (orientation: landscape){
        .adsBarTop{display: none;}
    }



/*Portrait and landscape iPad mini 2, iPad mini 3, iPad mini 4, iPad 3, iPad 4, iPad Air and iPad Air 2*/
@media only screen
    and (device-width : 768px)
    and (device-height : 1024px)
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation : portrait)
    {
        .adsBarTop{display: none;}
    }

@media only screen
    and (device-width : 768px)
    and (device-height : 1024px)
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation : landscape) {
        .adsBarTop{display: none;}
    }



/*// iPad Air*/
@media only screen
    and (device-width : 820px)
    and (device-height : 1180px)
    and (orientation : portrait) {
        .adsBarTop{display: none;}
    }

@media only screen
    and (device-width : 820px)
    and (device-height : 1180px)
    and (orientation : landscape) {
        .adsBarTop{display: none;}
    }




/*// iPad Pro*/
@media only screen
  and (device-width: 1024px)
  and (device-height: 1366px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait){
      .adsBarTop{display: none;}
  }


@media only screen
  and (device-width: 1024px)
  and (device-height: 1366px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape){
      .adsBarTop{display: none;}
  }