@media (max-width: 750px) {

  .wrapper {
    padding-bottom: 50px;
  }

  .footer-mobile {
    display: block;
  }

  .header-mobile {
    display: block;
  }

  .page-content {
    padding: 20px;
  }

  .header-main {
    display: none;
  }

  .sidebar {
    display: none;
  }

  .page-wrapper {
    padding-left: 0px;
  }

  .content-custom-account.medium {

    max-width: 100%;
    margin: 0 auto;
  }

  .sidebar.open {
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
    overflow: auto;
    display: block;
    width: 80%;
  }

  @keyframes slideIn {
    from {
      left: -100%;
    }

    to {
      left: 0;
    }
  }

  @keyframes slideOut {
    from {
      left: 0;
    }

    to {
      left: -100%;
    }
  }

  .sidebar {
    display: block;
    position: fixed;
    left: -100%;
    top: 0;
    height: 100%;
    overflow: auto;
    width: 80%;

  }

  .sidebar.open {
    animation: slideIn 0.3s forwards;
  }

  .sidebar {
    /* animation: slideOut 0.3s forwards;*/
  }

  .sidebar .logo img {
    max-width: 100px;
  }


  /* Custom Heading */
  .heading-custom {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
  }

  /* Transactions List */
  .transactions-list-new .transaction .date {
    display: block;
    margin-bottom: 10px;
    text-align: left;
  }

  .transactions-list-new .transaction .date .transaction-type-badge {
    display: block;
  }


  .card-list .card-item {
    width: 100%;
  }

  .btn {
    margin-bottom: 5px;
  }



  .table-mags {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    display: none;
  }

  .table-mags thead {
    display: none;
  }

  .table-mags thead,
  .table-mags tbody,
  .table-mags th,
  .table-mags td,
  .table-mags tr {
    display: table;
    width: 100%;
    white-space: nowrap;
    text-align: left;
  }

  .table-mags .mob-container {
    padding: 4px;
    text-align: left;
  }

  .table-mags .mob-title {
    font-weight: 600;
    font-size: 14px;
    color: #000;
    margin-bottom: 5px;
    text-align: left;
  }

  .transaction-card{
    margin-bottom:10px !important;
  }

  .transaction-card .transaction-inner {
    display: flex;
    flex-wrap: wrap;
    /* allow breaking to new line */
  }

  .transaction-card .transaction-avatar {

    flex: 0 0 15%;
    /* fixed at 25% */
  }

  .transaction-card .transaction-details {
    flex: 1 1 75%;
    /* takes remaining space */
  }

  .transaction-card .transaction-sub-data {
    display: flex;
    flex-wrap: wrap;
    ;

    align-items: flex-start;

    gap: 5px;

  }

  .transaction-card .transaction-sub-data>div {
    white-space: nowrap;
    ;
  }

  .transaction-card .transaction-meta {
    width: 100%;
    flex: 0 0 100%;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }





  .prizes-section .prize-image {
    width: 100%;
  }


  .modal-content {
    padding-bottom: 50px;
  }


  .transaction-cards {
    padding: 0px;
  }


  .content-custom-account h5 {
    font-size: 14px;
  }


  .profile-page .user-profile-header {
    flex-direction: column;
    align-items: center;
  }

  .quick-filters {
    white-space: nowrap;
    ;
    overflow-x: auto;
  }

  .quick-filters .btn-sm {
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 12px;
  }

  .transaction-card {
    padding: 10px !important;
    ;
    font-size: 12px;
  }


  .request-card .request-buttons{
    display:flex;
    justify-content: space-between;
    width:100%;
  }

  .request-card{

  }
  .request-card .request-meta{
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
    width:100%;
    gap:10px;
  }

  .request-card .request-inner{
    display:flex;
    align-items: center;
    gap: 10px;
  }
  .request-card .request-inner .transaction-avatar{
    flex: 0 0 20%;
  }
  .request-card .request-inner .transaction-details{
    flex:1;
  }
}