@media only screen and (min-width: 1367px) {
    .detail-container { bottom: 0; right: 15px; max-width: 200px; }
    .clientbase-detail-container { bottom: 55px; right: 15px; max-width: 165px; }
}

@media only screen and (min-width: 1200px) {
    .table-responsive-padding { padding-right: 15px; }
    .table-responsive-padding .table { table-layout: fixed; }
}

@media only screen and (min-width: 1200px) and (max-width: 1366px) {
    .detail-container { bottom: -15%; right: 15px; max-width: 200px; }
    .clientbase-detail-container { bottom: 0; right: 15px; max-width: 200px; }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .prasentageBox { bottom: 0 !important; }
    .detail-container { bottom: -30%; right: 15px; max-width: 200px; }
    .clientbase-detail-container { bottom: 0%; right: 15px; max-width: 200px; }
}

@media all and (max-width: 1024px) and (min-width: 992px) {
    .client-view-lp-holder-sibling { width: 50%; }
    .client-view-lp-holder { width: 25%; }
    .client-view-year-sort { padding-left: 30%; }
    .sort-by{ padding-left:45px;}
}

@media all and (max-width: 1024px) and (min-width: 768px) {
    .projectBox:hover .text { margin-left: 10px; }
    .projectBox .text { font-size: 17px; }
}

@media only screen and (max-width: 1199px) {
    .positioned-data-filter { position: static; margin-top: 20px; }
    .height-mng.height-mng-rpt-bs { display: block !important; }
    .height-mng.height-mng-rpt-bs > .height-mng-child { flex: 0 0 100%; max-width: 100%; position: relative; padding: 0 !important; }
}

@media only screen and (min-width: 992px) {
    .height-mng { display: flex; flex-flow: row wrap; align-items: stretch; width: 100%; margin-left: 0 !important; margin-right: 0 !important; }
    .height-mng > .height-mng-child { flex: 0 0 49%; max-width: 49%; position: relative; padding: 0 !important; position: relative; }
    .height-mng > .height-mng-child:first-child { margin-right: auto; }
    .height-mng-2 { display: flex; flex-flow: column nowrap; align-items: stretch; width: 100%; margin-left: 0 !important; margin-right: 0 !important; justify-content: space-between; height: 100%; }
    .height-mng-2 > .height-mng-child { flex: 0 0 100%; max-width: 100%; position: relative; padding: 0 !important; max-height: 49%; margin-bottom: 0; }
    .height-mng-2 > .height-mng-child:first-child { margin-bottom: auto !important; }
    .table-holder { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
    #totalClientInfo { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; }
    #totalClientInfo > .col-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -moz-box-flex: 0; flex: 0 0 auto; width: auto; max-width: none; }
    #totalClientInfo > .col { -ms-flex-preferred-size: 0; -webkit-flex-basis: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; flex-grow: 1; max-width: 100%; }
    .SelectedDriverHeading { width: 30% !important; }
    .total-project-count { width: 100px; }
}

@media only screen and (max-width: 991px) {
    .columChartHeight991 { padding: 0; }
    .columChartHeight991 img { width: 100%; min-height: 200px; }
    .cb-data-filter { float: none; margin-top: 25px; }
    .col-sm-8.fullWidth .cb-data-filter { margin-top: 0; }
    .height-mng-child:first-child { margin-bottom: 20px; }
    .topFiveList { height: auto; }
    .detail-container { position: static; max-width: none; width: 100%; border: dashed 1px #333; }
    #barChartImage60Month, #barChartImage12Month { margin-top: -18px; }
    .gpfr-search-holder { width: 40%; }
    .gpfr-period-date { width: 25%; }
    .client-view-sort-by-holder { float: none; }
    .client-view-sort-by { width: 80%; float: none; margin-top: 0px !important; margin-right: 0px; }
    .table-client-chart > thead > tr > th { min-width: 100px; max-width: 85px; }
    .tbl-mtn-box-sz { table-layout: auto; }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .clientbase-detail-container { bottom: 0; right: 15px; max-width: 165px; }
    .clientbase-detail-container h5 { margin-top: 0; }
}

@media only screen and (max-width: 768px) and (min-width: 768px) {
    #barChartImage60Month, #barChartImage12Month { margin-top: 0 !important; }
}

@media only screen and (max-width:767px) {
    .clientbase-detail-container { position: relative; max-width: none; width: 100%; border: dashed 1px #333; z-index: 1; margin-top: -100px; }
    .small-block { width: 100%; float: none; }
    .table-responsive > .table > thead > tr > td { white-space: normal; }
    #totalClientInfo .col-auto { padding-left: 0; padding-right: 0 !important; }
    .loseMarketingP { margin: 0; display: inline; padding: 0 12px; line-height: 30px; }
    .loseMarketingP:first-of-type { padding: 0 !important; }
    .repeatbussiness { table-layout: auto; }
    .chart-container .col-md-6 { flex: inherit; }
    .txtRgiht { padding-top: 10px; }
    .leftFilter { height: auto; display: none; }
    .btntoggle { display: block; font-size: 18px; }
    .projectBox { color: #fff; border-radius: 5px; padding: 25px; cursor: pointer; overflow: hidden; margin-top: 40px; position: relative; z-index: 1; transition: all .45s; text-align: center; }
    .projectBox i { float: none; transition: all .45s; }
    .projectBox h3 { margin: 0; transition: all .45s; }
    .projectBox .text { transition: all .45s; font-weight: 700; font-size: 16px; }
    .projectBox:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #333; transition: all .45s; transform: scale(0); z-index: -1; }
    .projectBox:hover:after { transform: scale(1); }
    .projectBox:hover i { margin-right: 0; margin-bottom: 10px; }
    .projectBox:hover h3 { margin-left: 0; margin-top: 10px; }
    .projectBox:hover .text { margin-left: 0; }
    .loginBar { width: 85%; }
    .cheboxList ul { margin: 0; }
    .cheboxList ul li { width: 100%; }
    .nav-tabs { border: 0; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-radius: 0; }
    .nav-tabs > li > a { border-radius: 0; padding: 5px 7px; }
    .btn { margin-bottom: 5px !important; margin-top: 5px; }
    .btn-primary { margin: 0 !important; }
    .filterArea .filterRightBorder { border-right: 0 dashed #d6d2c1; border-bottom: 1px dashed #d6d2c1; min-height: initial; padding: 25px 0; }
    .filterArea .filterRightBorder:last-child { border-right: 0 dashed #d6d2c1; border-bottom: 0 dashed #d6d2c1; min-height: 120px; }
    .leftNav ul li a:hover { background: #55a4f2 !important; color: #fff !important; }
    .buttons-holder-ul li { display: block; width: 100%; }
    .buttons-holder-ul li a { width: 100% !important; }
    .print-button-holder { float: right; padding: 0; }
    .ClientList { float: right !important; }
    #ColumnChartContainerForPreviousYears, #ColumnChartContainerForPreviousYearsForIncome { min-height: 250px; }
}

@media only screen and (min-width:405px) and (max-width:767px) {
    .txtRgiht { padding-top: 0 !important; }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .noDataImgParentBarChart .noDataAvailable { margin-bottom: 20%; }
    .loginBar { width: 50%; }
    .marignForTabBtn { margin: 10px 0; }
    .filterArea .filterRightBorder { border-right: 1px dashed #d6d2c1; min-height: 165px; padding: 0 25px; }
    .leftNav ul li a:hover { background: #55a4f2 !important; color: #fff !important; }
    #ColumnChartContainerForPreviousYears, #ColumnChartContainerForPreviousYearsForIncome { min-height: 300px; }
}

@media only screen and (min-width:1440px) {
    .table1440 tbody td { padding: 14px 10px !important; }
}