@media (min-width: 767px) {
  .col-md-3-custom {
    flex: 0 0 17%;
    max-width: 17%;
  }
  .col-md-6-custom {
    flex: 0 0 61%;
    max-width: 61%;
  }
  .col-md-3-custom-right {
    flex: 0 0 22%;
    max-width: 22%;
  }
  .custom-middle-section-left {
    flex: 0 0 65%;
    max-width: 65%;
  }
  .custom-middle-section-right {
    flex: 0 0 35%;
    max-width: 35%;
  }
}
@media (max-width: 767px) {
  .dashboard-sec {
    padding: 0 15px;
  }
  .bg-first-top {
    padding-left: 0 !important;
  }
  .bg-third-top > div.h-100 {
    height: auto !important;
  }
  .res-pl-0 {
    padding-left: 0px;
  }
}