.rl-iframe-vid {
      position: relative;
      padding-bottom: 56.25%;
      /*16:8 ratio*/
    }

    .rl-iframe-vid iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }

    h2 {
      text-align: center;
    }

    .heading-black {
      color: #333 !important;
    }

    .col-left h2 {
      text-align: left;
    }

    .col-lg-6.col-md-12.col-sm-12.col-left {
      padding: 0px;
    }

    .col-left h2 {
      font-size: 17px !important;
    }

    .col-right h4 {
      text-align: right;
      font-size: 14px;
      color: #333 !important;
      margin: 0px;
      font-weight: bold;
    }

    .col-lg-6.col-md-12.col-sm-12.col-right {
      padding: 0px;
      margin-top: 30px;
    }

    .dual-col img {
      width: 40px;
      margin-right: 10px;
    }

    /*Display this section when live show is done and hide this section before the live show start*/
    .replay-heading {
      padding-top: 30px;
    }

    /*Display this section before the live show start and hide this section when live show is done.*/
    .dual-col {
      /*display: none;*/
    }

    .live-greenbut {
      padding-top: 20px;
    }

    .live-greenbut a {
      background-color: #02771c;
      color: #ffff !important;
      border-radius: 3px;
      padding: 10px;
    }

    .live-greenbut a:hover {
      text-decoration: none;
    }

    .livevideo-ronlou {
      margin-bottom: 20px;
      margin-top: 50px;
    }

    .matchmaker-rotator {
      margin-bottom: 30px;
    }

    .matchmaker-rotator ul {
      display: flex;
      padding: 0px;
      justify-content: center;
    }

    .matchmaker-rotator ul li {
      display: none;
    }

    .matchmaker-rotator img {
      max-width: 160px;
      width: 100%;
    }

    .liveshow-btn {
      display: flex;
      justify-content: center;
      gap: 10px;
      flex-wrap: wrap;
      margin-bottom: 20px;
    }

    .liveshow-btn a {
      color: #ffff !important;
      min-width: 230px;
      margin-top: 0;
      background-color: #1d3b6e;
    }

    .liveshow-btn a:hover {
      text-decoration: none;
    }

    /*Mobile responsive*/
    @media only screen and (max-width: 1199px) {
      .col-left h2 {
        text-align: center;
      }

      .col-right h2 {
        text-align: center;
      }

      .livevideo-ronlou {
        margin-top: 105px;
      }

      .col-right h4 {
        text-align: center;
      }
    }

    @media only screen and (max-width: 767px) {
      .livevideo-ronlou {
        margin-top: 15px;
      }
    }

    @media only screen and (min-width: 500px) {
      .matchmaker-rotator ul li:nth-child(-n+4) {
        display: list-item;
      }
    }

    @media only screen and (max-width: 499px) {
      .matchmaker-rotator ul li:nth-child(-n+3) {
        display: list-item;
      }
    }