.pro-img {
  width: 120px;
}

.custom-pro-table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 50px;
  background: #f9f9f9;
}

.custom-pro-table th.cat {
    width:40%
}

.custom-pro-table th.price {
    width:15%
}

.custom-pro-table th.qty {
    width:15%
}

.custom-pro-table th.total {
    width:20%
}


.custom-pro-table tbody tr {
  border-bottom: 1px solid #ccc;
}

@media (max-width: 1440px) {
    .custom-pro-table th.total {
        width:25%
    }
  }

  @media (max-width: 1024px) {
    .custom-pro-table th.total {
        width:30%
    }
  }

@media (max-width: 768px) {
  .custom-pro-table {
    overflow-x: auto;
    white-space: nowrap;
    display: block;
  }
  .pro-img {
    width: 75px;
  }
}