@media (max-width: 576px) {
  .hero-modal a span {
    font-size: 0.7rem;
  }
}

@media (max-width: 576px) {
  .card-fil-header-button {
    width: 80px;
  }

  .in-card-three {
    width: 100%;
  }

  .in-card-three-right {
    width: 99%;
  }

  .inc-modal {
    width: 382px;
  }

  .inc-modal-wrapper {
    max-width: 382px;
  }
}

@media (min-width: 1400px) {
  .custom-container {
    width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 1360px) {
  .overflow-x-xl-auto {
    overflow-x: auto !important;
  }
}

@media only screen and (max-width: 767px) {
  .custom-scrollbar::-webkit-scrollbar {
    width: 0.17rem;
    height: 0.17rem;
    border-radius: 0.5rem;
    background-color: transparent;
    left: -100px;
  }

  .custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--first-color);
    border-radius: 0.5rem;
    background-clip: padding-box;
  }

  .custom-scrollbar::-webkit-scrollbar-track {
    margin-block: 13px;
  }
}

@media only screen and (max-width: 1200px) {
  .income-main section {
    overflow-x: auto !important;
  }
}

@media only screen and (max-width: 768px) {
  .inc-mid-card {
    width: 330px;
    margin-right: 0 !important;
    margin-bottom: 10px;
    overflow-y: scroll;
  }

  .inc-mid-card-two {
    width: 330px;
    margin-right: 0 !important;
    margin-bottom: 10px;
    overflow-y: scroll;
  }
  .inc-mid-card-two-bg .in-mid-badge-two {
    width: 100%;
    padding: 0 4px;
  }

  .inc-mid-card-two-bg .in-mid-badge-two .tiny-font-size {
    font-size: 0.5rem !important;
  }

  .inc-bar-card,
  .inc-mid-lim-card,
  .inc-md-mut-card,
  .inc-rap-btn {
    width: 330px;
  }

  .prof-card-one {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    margin-right: 0 !important;
  }

  .prof-hero-right {
    width: 100%;
  }

  .prof-hero-right .inc-bar-card {
    width: 100%;
  }

  .prof-hero-right .fileUpload {
    width: 100%;
    height: 64px;
  }

  .w-500 {
    width: 100%;
  }
  .prof-card-three-part {
    margin-right: 0;
  }
  .prof-card-three-part,
  .prof-card-four-part,
  .prof-card-five-part,
  .prof-card-six-part,
  .prof-card-seven-part,
  .prof-card-eight-part {
    width: 100%;
  }

  .customer-detail .supdet-badge-name {
    width: 100%;
  }

  .customer-detail .sup-det-card {
    width: 100%;
    height: auto;
  }

  .customer-detail .sup-right-card {
    width: 330px;
    margin-bottom: 5px;
  }

  .customer-detail .buttonSupDetail {
    width: 50px;
    padding: 0;
  }

  .customer-detail .chart-cus-det-days svg {
    width: 33px;
  }

  .report-second svg {
    width: 33px;
  }

  .customer-detail .cus-det-chart-img-mr {
    margin-right: 24px;
  }

  .customer-detail .inc-mid-lim-card {
    width: 330px;
    margin-right: 0px !important;
  }

  .customer-detail .inc-md-mut-card {
    width: 330px;
  }

  .rep-card-cs {
    width: 343px;
  }

  .rep-card-cs h4,
  span {
    font-size: 1rem;
  }

  .rep-card-cs span {
    font-size: 1rem;
  }

  .rep-card-cs div {
    font-size: 0.95rem;
  }

  .rep-card-cs ul li {
    font-size: 0.75rem;
  }

  .rep-card-cs .rep-chart-three,
  .rep-card-cs .rep-chart-four {
    left: 55px;
  }
  .rep-card-cs .rep-chart-five,
  .rep-card-cs .rep-chart-six {
    left: 99px;
  }

  .rep-card-cs .rep-chart-seven,
  .rep-card-cs .rep-chart-eight {
    left: 143px;
  }

  .rep-card-cs .rep-chart-nine,
  .rep-card-cs .rep-chart-ten {
    left: 188px;
  }

  .rep-card-cs .rep-chart-eleven,
  .rep-card-cs .rep-chart-twelve {
    left: 248px;
  }

  .rep-card-cs .rep-chart-thirteen,
  .rep-card-cs .rep-chart-fourteen {
    left: 293px;
  }
  .charts-mobile-class .mr-20 {
    margin-right: 6px !important;
  }

  .re-ch-two svg {
    width: 8px;
  }

  .re-ch-two .rep-chart-fiveteen {
    top: 69px;
    left: 2px;
  }

  .re-ch-two .rep-chart-sixteen {
    top: 32px;
    left: 25px !important;
  }

  .re-ch-two .rep-chart-seventeen {
    left: 41px;
    top: 69px;
  }

  .re-ch-two .rep-chart-eighteen {
    left: 57px;
    top: 16px;
  }

  .re-ch-two .rep-chart-nineteen {
    left: 81px;
    top: 72px;
  }

  .re-ch-two .rep-chart-twenty {
    left: 99px;
    top: 31px;
  }

  .re-ch-two .rep-chart-twentyfirst {
    left: 122px;
  }

  .re-ch-two .rep-chart-twentysecond {
    left: 137px;
    top: 17px;
  }

  .re-ch-two .rep-chart-twentythird {
    left: 160px;
    top: 71px;
  }

  .re-ch-two .rep-chart-twentyfourth {
    left: 172px;
    top: 17px;
  }

  .re-ch-two .rep-chart-twentyfifth {
    left: 195px;
    top: 17px;
  }

  .re-ch-two .rep-chart-twentysixth {
    left: 215px;
    top: 66px;
  }
  .re-ch-month div {
    font-size: 0.5rem;
  }

  .report-third-section {
    width: 343px;
  }

  .rep-crd-mobil-fs span {
    font-size: 0.6rem;
  }

  .rep-crd-mobil-fs div {
    font-size: 0.6rem !important;
  }

  .rep-crd-mobil-fs2 span {
    font-size: 0.7rem;
  }

  .rep-crd-mobil-fs2 div {
    font-size: 1rem !important;
  }

  .report-hero-section {
    width: auto;
  }

  .rep-card-cs-two {
    width: 343px;
  }

  .rep-percentage-one {
    position: absolute;
    left: 163px;
    top: 67px;
  }

  .rep-percentage-two {
    position: absolute;
    left: 114px;
    top: 94px;
  }

  .rep-percentage-three {
    position: absolute;
    left: 175px;
    top: 121px;
  }

  .rep-percentage-four {
    position: absolute;
    left: 132px;
    top: 143px;
  }

  .stockdet-badge-name, .sto-det-card-one {
    width: 343px;
  }

  .sto-det-card-one {
    width: 343px;
    font-size: 12px;
  }

  .sto-det-card-one div {   
    font-size: 16px;
  }

  .sto-det-card-one-two{
    width: 343px;
  }

  .sto-det-inc-mid-lim-card{
    width: 343px;
  }

  .sto-det-card-one-three{
    width: 343px;
  }

  .sto-det-card-one-three svg{
    width: 8px;
  }


  .sto-det-card-one-three .mb-45{
   margin-bottom: 40px !important;
  }

  .sto-det-card-one-three .sd-rep-chart-fiveteen{
    top: 117px;
    left: 4px;
  }

  .sto-det-card-one-three .sd-rep-chart-sixteen{   
    left: 24px;
  }

  .sto-det-card-one-three .sd-rep-chart-seventeen{
    top: 111px;
    left: 63px;
  }

  .sto-det-card-one-three .sd-rep-chart-eighteen{
    top: 62px;
    left: 84px;
  }

  .sto-det-card-one-three .sd-rep-chart-nineteen{
    top: 113px;
    left: 114px;
  }

  .sto-det-card-one-three .sd-rep-chart-twenty{   
    left: 138px;
  }

  .sto-det-card-one-three .sd-rep-chart-twentyfirst{
    top: 110px;
    left: 159px;
  }

  .sto-det-card-one-three .sd-rep-chart-twentysecond{
    top: 63px;
    left: 182px;
  }
  .sto-det-card-one-three .sd-rep-chart-twentythird{
    top: 117px;
    left: 208px;
  }

  .sto-det-card-one-three .sd-rep-chart-one{
    top: 160px;
  }

  .sto-det-card-one-three .sd-rep-chart-two{
    top: 188px;
    left: 35px;
  }

  .sto-det-card-one-three .sd-rep-chart-three{
    top: 102px;
    left: 73px;
  }

  .sto-det-card-one-three .sd-rep-chart-four{
    top: 73px;
    left: 109px;
  }

  .sto-det-card-one-three .sd-rep-chart-five{
    top: 132px;
    left: 146px;
  }

  .sto-det-card-one-three .sd-rep-chart-six{
    top: 161px;
    left: 195px;
  }

  .sto-det-card-one-three .sd-rep-chart-seven{
    top: 44px;
    left: 233px;
  }

  .stock-detail-section{
    width: auto;
  }
}