@media only screen and (max-width:1640px) {
    .total-card-new-block .total-span-card-left {
        width: 44%;
        flex: 0 0 44%;
        padding: 25px 10px 20px;
        font-size: 11px;
    }
    .total-card-new-block .total-span-card-right {
        width: 56%;
        flex: 0 0 56%;
        font-size:18px;
    }
    .weeks-card-tab-new-block .weeks-card-inner {
        width: 44%;
        flex: 0 0 44%;
        padding: 20px 10px 15px;
        font-size: 11px;
    }
    .weeks-card-tab-new-block span {
        width: 56%;
        flex: 0 0 56%;
        font-size:18px;
    }
}
@media only screen and (max-width:1440px) {
  .dash-box-sec .row {margin-left: -18px; margin-right: -18px;}
  .dash-box-sec .row [class*="col-"] { padding-left: 18px; padding-right: 18px; }
  .sub-bill-filter { width: 68%;  }
  .top-right {font-size: 14px;}
  .top-right a::after {top: 4px;}
  .callback-filter { width: 85%; }
  .team-search .media { width: 85%;}
  .add-new-team-block{ margin-right: 70px;}
  .content-header h1, .content-header h2{ font-size: 22px;}

  /* master admin void data */
  .void-data-filter .row [class*="col-"]{ flex: 0 0 20%; max-width: 20%; -ms-flex:0 0 20%;}
  .void-data-filter{ width: 100%;}
  /* master admin void data */

  /* metrics */
.total-card-tab{font-size:18px;padding:26px 0 16px 15px;}
.total-card-tab span{flex: 0 0 70px;}
.total-card-tab span:after{top:-26px;bottom:-16px;}

.weeks-card-tab {font-size:16px;padding:26px 0 16px 15px;}
.weeks-card-tab span{flex: 0 0 70px;}
.weeks-card-tab span small {top: -6px;font-size:10px;}

.hd-total{font-size:18px;padding:36px 0 32px;}
.total-step ul li{font-size:18px;padding:28px 0 22px;}

.standard-step ul li{font-size:18px;padding:28px 0 22px;}
.prsnt-list {bottom: -40px;max-width: 90px;}

.cutoff-block .purple-tbl-box .table tr th, .cutoff-block .purple-tbl-box .table tr td{padding:22px 20px 18px;}
.cutoff-heading {font-size: 20px;padding: 30px 0 22px;}
.weeks-card-tab {font-size: 14px;}
.weeks-card-tab span::after{right: 80px;}
/* metrics end*/

.total-card-new-block .total-span-card-left {
    background: #aaaaaa;
    width: 50%;
    flex: 0 0 50%;
    font-size:12px;
    padding: 20px 10px 15px;
}
.total-card-new-block .total-span-card-right {
    width: 50%;
    flex: 0 0 50%;
}
.weeks-card-tab-new-block .weeks-card-inner {
    width: 50%;
    flex: 0 0 50%;
    font-size:12px;
    padding:16px 10px 11.5px;
}
.weeks-card-tab-new-block span {
    width: 50%;
    flex: 0 0 50%;
}
}

@media only screen and (max-width:1270px) {
  .content-header > h1 > small{ display: block;}
  .total-card-new-block .total-span-card-left {
    font-size: 10px;
    padding: 20px 6px 15px;
}
.total-card-new-block .total-span-card-right {
    font-size: 16px;
}
.weeks-card-tab-new-block .weeks-card-inner {
    font-size: 10px;
    padding: 16px 5px 11.5px;
}
.weeks-card-tab-new-block span {
    font-size: 16px;
}
}

@media only screen and (max-width:1199px) {
  .logo-white img {width: 240px; }
  .top-right {font-size: 12px;}
  .callback-filter { width: 95%; }
  .callback-filter-admin { width: 100%;  }

    /*company-sales-manager-team-manager*/
    .add-new-team-block {margin-right:0;}
    /*company-sales-manager-team-manager end*/

    /* master admin void data */
    .void-data-filter .row [class*="col-"]{ flex: 0 0 33%; max-width: 33%; -ms-flex:0 0 33%;}
    .void-data-filter{ width: 100%;}
    /* master admin void data */

    /* metrics */
.total-card-tab{font-size:16px;padding:22px 0 16px 15px;}
.total-card-tab span{flex: 0 0 70px;}
.total-card-tab span:after{top:-26px;bottom:-16px;}

.weeks-card-tab {font-size:14px;padding:22px 0 16px 10px;}
.weeks-card-tab span small {top: -6px;font-size:10px;}
.weeks-card-tab span::after{right:70px;}

.hd-total{font-size:18px;padding:30px 0 28px;}
.total-step ul li{font-size:16px;padding:28px 0 22px;}

.standard-step ul li{font-size:16px;padding:28px 0 22px;}
.prsnt-list {bottom: -35px;max-width:75px;font-size:14px;}

.cutoff-block .purple-tbl-box .table tr th, .cutoff-block .purple-tbl-box .table tr td{padding:22px 20px 18px;}
.cutoff-heading {font-size: 20px;padding: 30px 0 22px;}
/* metrics end*/

/* breadcrumb-item start*/
.content-header > .breadcrumb{ width: 100%; position: relative; top: 17px; right: 0; color: #333;}
.content-header > .breadcrumb > li > a{color: #333;}
.content-header .breadcrumb-item + .breadcrumb-item::before {color: #333;}
.breadcrumb > .active {color: #333;text-decoration: underline;}
/* breadcrumb-item end*/
}

@media only screen and (max-width:991px) {
  .login-btn{padding: 22px 0 14px;}
  .dash-box-sec .row {margin-left: -15px; margin-right: -15px;}
  .dash-box-sec .row [class*="col-"] { padding-left: 15px; padding-right: 15px; }
  .content-header h1, .content-header h2{ font-size: 20px;}
  .gray-tbl-box .table tr th{ font-size: 14px; }
  .gray-tbl-box .table tr th, .gray-tbl-box .table tr td{line-height: 1.2;padding: 18px 10px 15px;}
  .gray-tbl-box-head{padding-left: 20px;}
  .show-all-btn{right: 30px;}
  .company-dashboard .row [class*="col-"] { flex: 0 0 33.33%;  max-width: 33.33%;   -ms-flex: 0 0 33.33%;  }

  .sub-bill-filter {width: 100%; flex-direction: column;  }
  .filter-btn {padding-left: 0 !important;  text-align: center; margin: auto;  padding-bottom: 10px;  }
  .sub-bill-filter .media-body{ width: 100%;}

  .callback-filter, 
  .callback-filter-admin
  { width: 100%; flex-direction: column; margin-bottom: 25px; }
  .callback { width: 100%;}
  .violet-tbl-box .table th br{ display: none;}
  .violet-tbl-box .table{margin-bottom: 15px !important;}
  .callback-master-admin{ width: 100%;}
  .team-col-width { width: 54px;  min-width: 54px;  }
  .team-search .media { width: 100%;  }
  .team-search .media-body{padding-right: 15px;}
  .team-search .filter-btn{ margin: 0;}

/*company-sales-manager-team-manager*/
.add-new-team-block {margin-right:0;margin-bottom:30px;}
.add-heading{padding: 15px 15px 10px;}
.add-new-team-form{padding:15px;}
.add-new-team-form label {margin-top: 14px;font-size: 13px;flex: 0 0 115px;}
.input-block .table tr th {padding: 15px 10px 12px;white-space: nowrap;}
.input-block .table tr td {padding: 15px 10px 12px; white-space: nowrap;}
/*company-sales-manager-team-manager end*/
  
/* master admin void data */
.void-data-filter {width: 100%;flex-wrap: wrap;flex-direction: column;margin-bottom: 20px;}
/* master admin void data */

/* metrics */
.col-w {flex: 0 0 33.33333%;max-width: 33.33333%;}
.col-wf {flex: 0 0 33.33333%;max-width: 33.33333%;}
.hd-total{font-size:15px;padding:30px 0 28px;}
.total-step ul li{font-size:14px;padding:18px 0 12px;}

.standard-step ul li{font-size:14px;padding:18px 0 12px;}
.prsnt-list {bottom: -25px;max-width:60px;font-size:12px;padding:8px 5px 4px;}

.cutoff-block .purple-tbl-box .table tr th, .cutoff-block .purple-tbl-box .table tr td {
    padding: 16px 20px 14px;
    font-size: 14px;
    white-space: nowrap;
}
.cutoff-heading {font-size: 18px;padding: 30px 0 18px;}
.step-chart {
	padding: 0 10px;
}
/* metrics end*/

/* company manager start*/
.card-tabs ul li a {
	padding: 14px 8px;
	font-size: 13px;
	padding-bottom: 8px;

}
/* company manager end*/

}

@media only screen and (max-width:767px) {
  body{  font-size: 14px;} 
  .logo-white img { width: 200px;  }
  .login-whitebg{padding: 25px;}
  .login-title {font-size: 20px;   padding-bottom: 20px;  }
  .login-btn {font-size: 20px;margin-top: 20px;  }
  .login-inner .form-control{ font-size: 14px;}
  .login-container {top: 0; transform: inherit;  }
  .login-bg{height: auto;  min-height: 100vh; }
  .login-btn{font-size: 20px}

  .content-header h1, .content-header h2{ padding-left: 20px;}
  .show-all-btn { position: relative;   left: 1px;    right: 0;    top: 8px;  }
  .main-footer{ font-size: 12px;}
  .company-dashboard .row [class*="col-"] { flex: 0 0 100%;  max-width: 100%;   -ms-flex: 0 0 100%;  }
  .btn.large-btn{line-height: 48px; height: 46px;}
  .subscriptions-modal .modal-footer{justify-content: center;}
  .filter-search-sec .media-body{ width: 100%;}
  .violet-tbl-box .table th, .violet-tbl-box .table td{ font-size: 14px;}
  .table {margin-bottom:0 !important;  }
  .my-team td .table{margin-bottom: 0 !important; }
  .team-search .media{flex-direction: column;}
  .team-search .media-body{width: 100%; padding-right: 0;}
  .team-search .filter-btn{margin: 0 auto 15px;}
  .list-collapse-tbl table.table{ margin-bottom: 0 !important;}
  .feedback-lbl { flex: 0 0 90px; }
  /* .feed-row { background: #fff; border-bottom: 1px solid #9a9a9a;flex-direction: column; }
  .feedback-lbl { flex: 100%; text-align: left;  width: 100%; padding: 20px 15px 0; }
  .feedback-opt { padding: 15px 15px;  padding-top: 7px; } */

  /*company-sales-manager-team-manager*/
.add-new-team-form label {margin-top: 0;margin-bottom:5px;}
/*company-sales-manager-team-manager end*/
.sales-manager .table tr td{ font-size: 14px;}

/* master admin void data */
.void-data-filter .row [class*="col-"]{ flex: 0 0 100%; max-width: 100%; -ms-flex:0 0 100%;}
/* master admin void data */

/* metrics */
.col-w {/*flex: 0 0 100%;max-width: 100%;*/}
.col-wf {/*flex: 0 0 100%;max-width: 100%;*/}
.hd-total{font-size:15px;padding:30px 0 28px;}
.total-step ul li{font-size:14px;padding:18px 0 12px;}
.step-chart img {
	width: auto;
	max-height: 500px;
	text-align: center;
	margin: auto;
}

.standard-step ul li{font-size:14px;padding:25px 0 30px;}
.prsnt-list {
    bottom: -20px;
    max-width: 40px;
    font-size: 12px;
    padding: 3px 5px 0px;
    background: #dcd3e5;
    border: none;
    color: #5e348e;
    border-radius: 5px;
    margin: 0;
    right: 0;
    left: auto;
    font-weight:400;
}
 
.cutoff-block .purple-tbl-box .table tr th, .cutoff-block .purple-tbl-box .table tr td{padding:22px 20px 18px;}
.cutoff-heading {font-size:18px;padding:20px 0 15px;}
.min-font-size{font-size: 14px;}

.purple-tbl-box .table tr td.prst .table {margin: 0 !important;}
.step-block{padding-bottom:10px;overflow: hidden;}
.total-w, .step-w{/*flex: 0 0 50%; max-width: 50%*/}
.total-step ul li, .step-w ul li {
    height: 46px;
    border-bottom: 1px solid #cecece;
    background: transparent;
    padding: 16px 0;
    color: #1a2986;
}
.total-w .hd-total{padding:28px  0 30px;}
.standard-step ul li::after{ display: none;}
/* metrics end*/

/* breadcrumb-item start*/
.profile-photo .form-control{ width: 100%;}
/* breadcrumb-item end*/

/* company manager css*/
.sale-step, 
.sale-step select {	width: 150px;}
.back-btn {
	position: relative;
	top: 0;
	right: 0;
	margin-bottom: 10px;
}
/* company manager end*/

/*Hooks page css start*/
.timeline::before {left: 30px;}

.timeline > li > .timeline-item{margin-left: 50px;}
.timeline > li > .timeline-item > .time{position: relative; left: 0;}
.timeline > li > .timeline-item > .timeline-header{ padding-right: 0;}
/*Hooks page css start*/

.report-block {
    margin-bottom: 10px;
}

.cutoff-block {
    display: none;
}
.moblile-block{display: block;}
.total-card-tab{padding:0;}
.tot-block{width:50%;flex:0 0 50%;padding: 20px 15px 15px;}
.tot-block-right{width:50%;flex:0 0 50% !important;border-left:solid 1px #fff;padding: 20px 15px 15px;} 
.tot-block-right:after{display: none;}

.total-card{margin-bottom:10px;border: solid 1px #e9e9e9;}
.weeks-card-new .weeks-card-tab{padding:0;border: none;margin: 0 0 10px;}
.weeks-card-new .weeks-card-inner{justify-content: center;background: #d6cbe1;padding: 18px 0 12px;border-radius: 10px 10px 0 0;margin-bottom: 5px;font-weight: 700;}
.weeks-card-new .weeks-card-tab span{height: auto;border: solid 1px #e9e9e9;padding: 18px 0 12px;border-radius: 0 0 10px 10px;font-weight: 700;}
.weeks-card-new .weeks-card-tab span:after{display: none;}
.col-6.col-md-6.col-left-block {
    padding-right: 5px;
}
.col-6.col-md-6.col-right-block {
    padding-left: 5px;
}
.total-left {
    flex:15%;
    max-width:15%;
}
.col-wf{flex:65%;max-width:65%;}
.total-right{flex:20%;max-width:20%;}
.text-center-left {
    margin-left: -15px;
}
.step-chart.sales-chart text {
    stroke: inherit;
    font-size: 12px;
    fill: #1a2986;
    font-weight:600;
}
.standard-step{padding-right:5px;}
.mob-show{display: block;margin-bottom:5px;}
.col-wf .total-step .hd-total{opacity:0;}
.standard-step .hd-total{padding:30px 0 12px;}
.dis-none{display: none !important;}
.col-span-text span {
    display: block;
    text-align: left;
    margin-left:30px;
}

.reason-cut-void {
    border: 0px;
}
.reasons-space{ padding:15px }
.two-col-li ul li { width: 50% !important; flex: 0 0 50% !important; }

.territory-data-block .table tr th, .territory-data-block .table tr td {
    padding:8px 5px 8px;
}

.report-metrics-info-list-top{
    background-color: #ffffff;
    border-radius: 10px;
    padding: 0;
    border: solid 1px #c2c2c2;
    overflow: hidden;
    margin-bottom:15px;
}
.report-metrics-card {
    border: none;
    border-radius: 0;
}
.report-metrics-bottom-card {
    display: block;
}
.report-metrics-bottom-card-left {
    width: 100%;
    text-align:center;
    padding:18px 10px 13px;
}
.report-metrics-bottom-card-right {
    width:100%;
    padding: 15px 0 12px;
}
}