.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-right h4 {
      text-align: right;
      font-size: 14px;
      color: #333 !important;
      margin: 0px;
    }
    .col-lg-6.col-md-12.col-sm-12.col-right {
      padding: 0px;
    }
    .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.*/


    .live-greenbut {
      padding-top: 20px;
    }
    .live-greenbut a {
      background-color: #0049c1;
      color: #ffff !important;
      border-radius: 3px;
      padding: 10px;
    }
    .live-greenbut a:hover {
      text-decoration: none;
      background-color: #e4a133;
    }

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

    .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: #0049c1;
    }
    .liveshow-btn a:hover {
      background-color: #e4a133 !important;
    }

    /*Mobile responsive*/
    @media only screen and (max-width: 1199px) {
      .col-left h2 {
        text-align: center;
      }
      .col-right h2 {
        text-align: center;
      }
    }
    @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;
      }
    }