@media only screen and (max-width: 768px) {
  .todaytips__table--tbody .tr > div:before,
  .tipsters__leaderboard--table .tbody .tr > div:before,
  .dashboard__history--tipsresult .tbody .tr > div:before,
  .dashboard__history--purchase .tbody .tr > div:before,
  .dashboard__history--transaction .tbody .tr > div:before,
  .tipsterpage__runningtips--table .tbody .tr > div:before {
    position: absolute;
    left: 0;
    top: 0;
    background: var(--themepurple);
    text-align: left;
    color: #ffffff;
    width: 100%;
    padding: 0px 10px;
    box-sizing: border-box;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
  }

  table.tips_table tr td:before,
  table.purchaseorder tbody tr td:before {
    position: absolute;
    left: 0;
    top: 0;
    background: var(--themepurple);
    text-align: left;
    color: #ffffff;
    width: 100%;
    padding: 0px 10px;
    box-sizing: border-box;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
  }

  .leaderboard-table table td:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 5px 20px;
    background: var(--themepurple);
    color: #ffffff;
    font-size: 12px;
  }

  .todaytips__table--tbody .tr .date:before,
  .dashboard__history--transaction .date:before,
  table.tips_table tr td.date:before,
  .dashboard__history--tipsresult .tbody .tr .date:before,
  .dashboard__history--purchase .tbody .tr .date:before,
  .tipsterpage__runningtips--table .tr .date:before {
    content: "Date";
  }

  .todaytips__table--tbody .tr .event:before,
  table.tips_table tr td.event:before,
  .dashboard__history--tipsresult .tbody .tr .event:before,
  table.purchaseorder tbody tr td.event:before,
  .tipsterpage__runningtips--table .tr .event:before {
    content: "Event";
  }

  .todaytips__table--tbody .bettingtype:before,
  table.tips_table tr td.bettingtype:before,
  .dashboard__history--tipsresult .tbody .tr .bettingtype:before,
  table.purchaseorder tbody tr td.bettingtype:before,
  .tipsterpage__runningtips--table .tr .bettingtype:before {
    content: "Betting Type";
  }

  .todaytips__table--tbody .tipster:before,
  table.tips_table tr td.tipster:before,
  .dashboard__history--tipsresult .tbody .tr .tipster:before {
    content: "Tipster";
  }

  .todaytips__table--tbody .result:before,
  table.purchaseorder tbody tr td.result:before,
  .tipsterpage__runningtips--table .tr .result:before {
    content: "Result";
  }

  .todaytips__table--tbody .action:before,
  .tipsters__leaderboard--table .action:before {
    content: "";
  }

  .tipsters__leaderboard--table .pos:before {
    content: "Pos";
  }

  .tipsters__leaderboard--table .tipsters:before {
    content: "Tipsters";
  }

  .tipsters__leaderboard--table .country:before {
    content: "Country";
  }

  .tipsters__leaderboard--table .datejoined:before {
    content: "Date Joined";
  }

  .tipsters__leaderboard--table .notips:before {
    content: "No.Tips";
  }

  .tipsters__leaderboard--table .hit:before {
    content: "Hit";
  }

  .tipsters__leaderboard--table .profit:before {
    content: "Profit";
  }

  .leaderboard-table table td:first-child:before {
    content: "Rank";
  }

  .leaderboard-table table td:nth-child(2):before {
    content: "User ID";
  }

  .leaderboard-table table td:nth-child(3):before,
  .dashboard__history--purchase .tbody .tr .name:before {
    content: "Name";
  }

  .leaderboard-table table td:nth-child(4):before {
    content: "Country";
  }

  .leaderboard-table table td:nth-child(5):before {
    content: "City";
  }

  .leaderboard-table table td:nth-child(6):before {
    content: "Votes Made";
  }

  .leaderboard-table table td:nth-child(7):before {
    content: "Winning";
  }

  table.tips_table tr td.odds:before,
  table.purchaseorder tbody tr td.odds:before,
  .tipsterpage__runningtips--table .tr .odds:before {
    content: "Odds";
  }

  table.tips_table tr td.tip:before,
  table.purchaseorder tbody tr td.tip:before,
  .tipsterpage__runningtips--table .tr .tip:before {
    content: "Tip";
  }
  table.tips_table tr td.packagedetails:before {
    content: "Package Details";
  }
  table.tips_table tr td.amount:before {
    content: "Amount";
  }
  table.tips_table tr td.balancecredit:before {
    content: "Balance Credit";
  }

  table.tips_table tr td.yields:before {
    content: "Yields";
  }

  .dashboard__history--purchase .tbody .tr .invoice:before {
    content: "Invoice";
  }

  .dashboard__history--purchase .tbody .tr .type:before {
    content: "Type";
  }

  .dashboard__history--purchase .tbody .tr .credits:before,
  .dashboard__history--transaction .credits:before {
    content: "Credits";
  }

  .dashboard__history--purchase .tbody .tr .total:before {
    content: "Total";
  }

  .dashboard__history--purchase .tbody .tr .fee:before {
    content: "Fee";
  }

  table.purchaseorder tbody tr td.match:before {
    content: "Match";
  }

  table.purchaseorder tbody tr td.profits:before {
    content: "Profits";
  }

  .dashboard__history--transaction .description:before {
    content: "Description";
  }

  .dashboard__history--transaction .reference:before {
    content: "Reference";
  }

  .dashboard__history--transaction .debit:before {
    content: "Debit";
  }

  .dashboard__history--transaction .balance:before {
    content: "Balance";
  }

  .tipsterpage__runningtips--table .tr .wager:before {
    content: "Wager";
  }

  .tipsterpage__runningtips--table .tr .plus:before {
    content: "+ / -";
  }

  .tipsterpage__runningtips--table .action:before {
    content: "";
  }
}

@media only screen and (max-width: 480px) {
  .products__cart table tr td:before {
    position: absolute;
    left: 0;
    top: 0;
    background: var(--themepurple);
    text-align: left;
    color: #ffffff;
    width: 100%;
    padding: 0px 10px;
    box-sizing: border-box;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
  }

  .products__cart table tr td.size:before {
    content: "Size";
  }

  .products__cart table tr td.quantity:before {
    content: "Quantity";
  }

  .products__cart table tr td.price:before {
    content: "Price";
  }

  .products__cart table tr td.total:before {
    content: "Total";
  }
}