/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Apr 05 2024 | 12:55:56 */
/* Media query for mobile view */
@media screen and (max-width: 768px) {
    .rewardsWrapper {
      padding-top: 0px;
      display: flex;
      flex-wrap: wrap;
    }
    .leftsideContent {
      width: 100%;
    }
    .rightsideContent {
      width: 100%;
    }
    .others-contentHeader {
      display: none;
    }
    .rewardsvipLable ul {
      display: flex;
      flex-wrap: wrap;
    }
    .rewardsvipLable ul .goldBG {
      width: 100%;
    }
    .rewardsvipLable ul li {
      font-size: 10px;
    }
    .rewardsvipProgressbar span {
      display: none;
    }
    .rewardsvipProgressbar {
      padding: 10px;
    }
    .table-wrapper td {
      padding: 0px;
      font-size: 10px;
    }
    #gold::after {
      right: -23px;
      font-size: 10px;
    }
    #silver::after {
      right: -23px;
      font-size: 10px;
    }
    #blue::after {
      right: -23px;
      font-size: 10px;
    }
    .usernameLabel {
      display: grid;
      width: 100%;
    }
    .rewardLabel {
      width: 48%;
      cursor: pointer;
      display: grid!important;
    }
    .balanceLabel {
      width: 48%;
      cursor: pointer;
      display: grid!important;
    }
    .profileDetails {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
    }
    .profileSection img {
      width: 25%;
      height: 100%;
    }
    .vipDetails {
      display: none;
    }
    .walletDetails {
      display: none;
    }
    .others-accordion {
      display: flex;
      flex-wrap: wrap;
    }
    .vipLevelLable {
      width: 50%;
    }
    .walletLabel {
      width: 50%;
    }
    .account-accordion {
      width: 100%;
    }
    .others-accordion-item-header {
      text-align: center;
      border-bottom: none
    }
    .account-accordion .others-accordion-item-header {
      display: none;
    }
    .others-accordion-item-body {
      padding: 0;
    }
    .accountDetails {
      display: flex;
      justify-content: space-around;
    }
    .accountDetails li a {
      display: grid;
      font-size: 10px;
    }
    .accountDetails img  {
      margin: auto;
    }
    .others-accordion-item-header::after {
      display: none;
    }
    .others-accordion-item {
      margin-bottom: 0;
      background-color: transparent;
    }
    .desktopView {
      display: none!important;
    }
    .accordionSection {
      display: none;
    }
    .profileDetailsUsername {
      font-weight: 700;
      font-size: 15px;
    }
    .current-level {
      font-weight: 700;
      font-size: 15px;
      position: relative;
    }
    .sg8_balance {
      font-weight: 700;
      font-size: 15px;
      position: relative;
    }
    .table-wrapper th {
      font-size: 10px;
    }
    .rewardsTable h2 {
      font-size: 15px;
      margin: 0 0 10px;
    }
    .rewardsvipLable ul .goldBG {
      width: 100%;
      font-size: 15px;
      font-weight: 800;
      padding: 3px;
    }
    .vipDetailsMobile {
      position: absolute;
      background: #fff;
      left: 5%;
      border-radius: 20px;
      padding: 10px 20px;
      width: 90%!important;
      margin: auto;
      z-index: 999;
      display: none;
    }
    .vipDetailsMobile li {
      color: #000;
    }
    .profileSection li label {
      width: auto;
    }
    .rewardLabel .current-level:hover + .vipDetailsMobile,
    .rewardLabel .current-level:focus + .vipDetailsMobile {
      display: block;
    }
    .walletDetailsMobile {
      position: absolute;
      background: #fff;
      left: 5%;
      border-radius: 20px;
      padding: 10px 20px;
      width: 90%!important;
      margin: auto;
      z-index: 999;
      display: none;
    }
    .walletDetailsMobile li {
      color: #000;
    }
    .balanceLabel .sg8_balance:hover + .walletDetailsMobile,
    .balanceLabel .sg8_balance:focus + .walletDetailsMobile {
      display: block;
    }
  }
  .desktopView {
    display: block;
  }
  .mobileView {
    display: none;
  }
  .profileSection {
    background-color: #0d1519d9;
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    justify-content: space-between;
    row-gap: 20px;
    margin-bottom: 10px;
    align-items: center;
  }

  span.current-level::after {
    content: "";
    background-image: url(/wp-content/uploads/2023/11/down-arrow.png);
    width: 16px;
    height: 16px;
    position: absolute;
    right: 25px;
    transition: transform 0.3s ease;
    top: 5px;
}
span.sg8_balance::after {
    content: "";
    background-image: url(/wp-content/uploads/2023/11/down-arrow.png);
    width: 16px;
    height: 16px;
    position: absolute;
    right: 25px;
    transition: transform 0.3s ease;
    top: 5px;
}