/* Fix container overflow */
 .wrap-conatiner, .sports-wrapper {
    max-width: 100%;
    overflow-x: hidden;
  }
  
  /* Responsive betting panel */
  .homebet {
    width: 100%;
    max-width: 100%;
    background-color: var(--dark-theme-data-homebet);
    color: var(--dark-theme-color-navbar) !important;
    padding: 10px !important;
  }
  .homebet_set{
    background-color: var(--bg-sidebar);
  }
  
  .homebet_setSm{
    background-color: var(--bg-secondary);
    color: var(--text-secondary);
  }
  
  .homebet input, .homebet button {
    font-size: 14px !important;
    /* width: 100% !important; */
    max-width: none !important;
  }
  
  /* Responsive odds boxes */
  /* .details_small_box_wrapper {
    margin-left: 0 !important;
    width: 100%;
  } */
  
  .details_small_boxes {
    display: flex;
    flex-wrap: wrap;
    gap: 0px;
  }
  
  .details_small_blue_box, .details_small_pink_box {
    flex: 1;
    /* min-width: 50px; */
    max-width: 67px;
    /* padding: 5px; */
    text-align: center;
  }

  
  .rightbar[_ngcontent-jrx-c95] {
    width: calc(100% - 220px);
    /* margin-top: 4px; */
    padding-left: 2px;
    padding-right: 2px;
  }

  @media (max-width:1440px) {
    .rightbar[_ngcontent-jrx-c95] {
      width: 84% !important;
      /* margin-top: 4px; */
      padding-left: 0px;
      padding-right: 0px;
    }
  }

  @media (max-width:1025px) {
    .rightbar[_ngcontent-jrx-c95] {
      width: 100% !important;
    } 
  }
  
  /* News bar */
  .news-bar {
    width: 100%;
    overflow: hidden;
  }
  
  .news-bar marquee {
    width: 100%;
  }
  
  /* Responsive tabs */
  /* .popular-tab {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0;
    list-style: none;
  } */
  
  /* .popular-tab li {
    flex: 1 1 100%;
    max-width: 200px;
  } */
  
  /* Media queries for mobile */
  @media (max-width: 768px) {
    .homebet {
      padding: 8px !important;
    }
  
    .homebet input, .homebet button {
      font-size: 12px !important;
      padding: 6px !important;
    }
  
    .details_small_blue_box, .details_small_pink_box {
      /* min-width: 40px; */
      max-width: 16.3vw;
    }
  
    /* .popular-tab li {
      max-width: 150px;
    } */
  
    .sports-wrapper {
      padding-left: 10px;
      padding-right: 7px;
      height: 250px;
      background-color: #f7f7f7;
      color: var(--dark-theme-color-navbar);
    }
  }
  
  @media (max-width: 576px) {
    .details_box_t_name {
      font-size: 16px !important;
    }
  
    .homebet {
      padding: 5px !important;
    }
  
    .homebet .d-flex {
      flex-direction: column;
      gap: 10px;
    }
  
    .homebet .w-25 {
      width: 100% !important;
    }
  
    /* .popular-tab li {
      max-width: 120px;
    } */
  }
  
  /* Default for all screen sizes */
  .custom-mt {
    margin-top: 1.5rem; /* Equivalent to Bootstrap's mt-4 */
  }
  @media (min-width: 480px) {
    .custom-mt {
      margin-top: 4rem; /* Equivalent to mt-sm-4 or mt-sm-5 */
    }
  }
  /* ≥576px (Bootstrap sm breakpoint) */
  @media (min-width: 576px) {
    .custom-mt {
      margin-top: 4rem; /* Equivalent to mt-sm-4 or mt-sm-5 */
    }
  }
  
  /* ≥768px (Bootstrap md breakpoint) */
  @media (min-width: 768px) {
    .custom-mt {
      margin-top: 0rem; /* Equivalent to mt-md-5 */
      width: 2rem;
      height: 2rem;
    }
  }
  
  /* ≥992px (Bootstrap lg breakpoint) */
  @media (min-width: 992px) {
    .custom-mt {
      margin-top: -2.5rem;
    }
  }
  
  /* ≥1200px (Bootstrap xl breakpoint) */
  @media (min-width: 1200px) {
    .custom-mt {
      margin-top: 5rem;
    }
  }