/** .portrait .card_16_9{
      width: 260px
  }
  .portrait .card-header{
      width: 260px !important;
      height: 370px !important;
  }
  .portrait .poster{
      width: auto !important;
      height: 100% !important;
  }**/

      Section{
        padding:0
      }
      .card_16_9 .card-header{
        border-radius:10px;
      }
    .card-header {
        padding: 0;
    }
           .liveImg{

               border-radius: 20px;
               position: relative;
               overflow: hidden;
           }
           .liveImg .duration{
               position: absolute;
               right: 22px;
               bottom: 16px;
               border-radius: 8px;
               transition: color 0.3s ;
               ease;
               will-change: color;
               padding: 4px 8px;
               z-index: 1;
                       }
           .liveImg .star {
               transition: color 0.4s
           ease;
               will-change: color;
           }
           .star:before {
               content: "";
               -webkit-mask-image: url(../css/img/icons/star.svg);
               mask-image: url(../css/img/icons/star.svg);
               -webkit-mask-size: 100% 100%;
               mask-size: 100% 100%;
               -webkit-mask-repeat: no-repeat;
               mask-repeat: no-repeat;
               -webkit-mask-position: 0 0;
               mask-position: 0 0;
               display: inline-block;
               vertical-align: bottom;
               width: 22px;
               height: 22px;
               transition: background-color 0.4s
           ease;
               will-change: background-color;
               background-color: var(--star-bg);
           }
           .liveImg .progress{
               position: absolute;
               left: 0;
               bottom: 0;
               height: 8px;
               width: 70%;
           }

  .liveImg{
      border-radius: 20px;
      position: relative;
      overflow: hidden;
  }

  .card-header.portrait {
      width: 260px !important;
      height: 370px !important;
  }
  .poster.portrait{
      width: auto !important;
      height: 100% !important;
  }

    /**************************  2 ****************************/
     .items .two .card_16_9{
        width: 835px;
    }

     .items .two .card_16_9 .card-header{
        width: 835px;
        height: 468px;
    }

     .items .two .card_16_9 .card-header img{
        width: 100% !important; height:auto;
    }

    .items .two.portrait .card_16_9{
        width: 835px;
    }

     .items .two.portrait .card_16_9 .card-header{
        width: 835px;
        height: 1188px;
    }

     .items .two.portrait .card_16_9 .card-header img{
        width: 100% !important; height:auto;
    }

    /**************************  3 ****************************/
     .items .three .card_16_9{
        width: 560px;
    }

     .items .three .card_16_9 .card-header{
        width: 560px;
        height: 314px;
    }

     .items .three .card_16_9 .card-header img{
        width: 100% !important; height:auto;
    }
    .items .three.portrait .card_16_9{
        width: 560px;
    }
     .items .three.portrait .card_16_9 .card-header{
        width: 560px;
        height:797px;
    }
    .items .three.portrait .card_16_9 .card-header img{
        width: 100% !important; height:auto;
    }

    /**************************  4 ****************************/
     .items .four .card_16_9{
        width: 410px;
    }

     .items .four .card_16_9 .card-header{
        width: 410px;
        height: 230px;
    }

     .items .four .card_16_9 .card-header img{
        width: 100% !important; height:auto;
    }

    .items .four.portrait .card_16_9{
        width: 410px;
    }

     .items .four.portrait .card_16_9 .card-header{
        width: 410px;
        height: 583px;
    }

     .items .four.portrait .card_16_9 .card-header img{
        width: 100% !important; height:auto;
    }

    /**************************  5 ****************************/
     .items .five .card_16_9{
        width: 324px;
    }

     .items .five .card_16_9 .card-header{
        width: 324px;
        height: 181px;
    }

     .items .five .card_16_9 .card-header img{
        width: 100% !important; height:auto;
    }

     .items .five.portrait .card_16_9{
        width: 324px;
    }

     .items .five.portrait .card_16_9 .card-header{
        width: 324px;
        height: 461px;
    }

     .items .five.portrait .card_16_9 .card-header img{
        width: 100% !important; height:auto;
    }

    /**************************  6 ****************************/
     .items .six .card_16_9{
        width: 270px;
    }

     .items .six .card_16_9 .card-header{
        width: 270px;
        height: 151px;
    }

     .items .six .card_16_9 .card-header img{
        width: 100% !important; height:auto;
    }

    .items .six.portrait .card_16_9{
        width: 270px;
    }

     .items .six.portrait .card_16_9 .card-header{
        width: 270px;
        height: 384px;
    }

     .items .six.portrait .card_16_9 .card-header img{
        width: 100% !important; height:auto;
    }

    /**************************  7 ****************************/
     .items .seven .card_16_9{
        width: 225px;
    }

     .items .seven .card_16_9 .card-header{
    width: 225px;
        height: 126px;
    }

     .items .seven .card_16_9 .card-header img{
        width: 100% !important; height:auto;
    }
    .items .seven.portrait .card_16_9{
        width: 225px;
    }

     .items .seven.portrait .card_16_9 .card-header{
    width: 225px;
        height: 320px;
    }

     .items .seven.portrait .card_16_9 .card-header img{
        width: 100% !important; height:auto;
    }

    /**************************  8 ****************************/
     .items .eight .card_16_9{
        width: 193px;
    }

     .items .eight .card_16_9 .card-header{
    width: 193px;
        height: 108px;
    }

    .items .eight  .card_16_9 .card-header img{
        width: 100% !important; height:auto;
    }

    .items .eight.portrait .card_16_9{
        width: 193px;
    }

     .items .eight.portrait .card_16_9 .card-header{
    width: 193px;
        height: 275px;
    }

    .items .eight.portrait  .card_16_9 .card-header img{
        width: 100% !important; height:auto;
    }