/******************** professional player ********************/
.proPlayer .FullWidthBK { width: 100%; margin-left: 0; margin-top: 0px; height: 160px; overflow: hidden; position: relative ;padding:0 ;display:flex;justify-content:space-evenly;align-items: center;flex-wrap:wrap}
.proPlayer .FullWidthBK h1 { display: inline-block; float: right; color: #000; font-size: 50px;   font-weight: bold; display: inline-block; font-family: droidBold,Arial;  color: #535353; float: right; position: absolute; right: 30px; bottom: 0; }
.proPlayer .FullWidthBK img.player { display: inline-block; position: absolute; height: 150px; width: auto; left: 150px; bottom: 0 }
.proPlayer .FullWidthBK img.bk { display: inline-block; width: 100%; height: 100%; }
/** New Header 6-9-2021 **/
.proPlayer .FullWidthBK.proBG { background: #0b0b0b }
/*.proPlayer .FullWidthBK.proBG:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 40%; background: linear-gradient(to top,rgba(0,0,0,0.15) -60%,transparent); pointer-events: none; z-index: 3 }*/
.proPlayer .FullWidthBK.proBG h1 { color: #fff;position:relative; top:auto;left:auto;transform:none;right:auto;bottom:auto;font-size:50px }
.proPlayer .FullWidthBK.proBG img.newPro { left: 30px; pointer-events: none; z-index: 2 }
.proPlayer .FullWidthBK.proBG .lines { position: absolute; width: 12px; height: 100%; z-index: 1; pointer-events: none }
.proPlayer .FullWidthBK.proBG .lines.leftBlue { background: #062f70; left: 54px; top: 0 }
.proPlayer .FullWidthBK.proBG .lines.leftRed { background: #9f282f; left: 340px; top: -10px; transform: rotate(-20deg); height: 180px; }
.proPlayer .FullWidthBK.proBG .lines.leftYellow { background: #f1c513; left: 356px; top: -40px; transform: rotate(-45deg); height: 240px; }
.proPlayer .FullWidthBK.proBG .lines.rightBlue { background: #062f70; right: 32px; top: 80px; transform: rotate(45deg); height: 120px; }
.proPlayer .FullWidthBK.proBG .lines.rightYellow { background: #f1c513; right: 16px; top: 20px; transform: rotate(20deg); height: 160px; }
.proPlayer .FullWidthBK.proBG .mainbk{display:inline-block;position:absolute;width:100%;height:100%;top:0;right:0;pointer-events:none}
.proPlayer .FullWidthBK.proBG .rightImg{display:inline-block;width:auto;height:100%;position:relative;}
.proPlayer .FullWidthBK.proBG .leftImg{display:inline-block;width:auto;height:100%;position:relative;}
.proPlayer .remainContent .listing .title h2 {
    margin-right: 10px;
}

.proPlayer .remainContent .proNews {
    display: inline-block;
    padding-top: 20px;
    width: 100%;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #e8e8e8;
}
.proPlayer .remainContent .proNews ul {
    padding: 0 10px;
    min-height: unset;
}
.proPlayer .remainContent .proNews .title h2 {
    margin-right: 10px;
}
.proPlayer .remainContent .proNews .title a {
    margin-left: 10px;
}
@media screen and (min-width:1360px) and (max-width:1919px) {
    .proPlayer .FullWidthBK.proBG h1{font-size:38px}
}

@media screen and (min-width:1280px) and (max-width:1359px) {
    .proPlayer .FullWidthBK.proBG h1{font-size:40px}
    .proPlayer .FullWidthBK{height:140px}

.proPlayer .tabs a{margin-left:24px}
}

@media screen and (min-width:1152px) and (max-width:1279px) {
     .proPlayer .FullWidthBK.proBG h1{font-size:22px}
    .proPlayer .FullWidthBK{height:120PX}

    .proPlayer .FullWidthBK.proBG img.newPro { left: 10px; height: 140px }
    .proPlayer .FullWidthBK.proBG .lines { width: 10px }
    .proPlayer .FullWidthBK.proBG .lines.leftBlue { left: 24px }
    .proPlayer .FullWidthBK.proBG .lines.leftRed { left: 310px }
    .proPlayer .FullWidthBK.proBG .lines.leftYellow { left: 326px }
    .proPlayer .FullWidthBK.proBG .lines.rightBlue { right: 32px; top: 80px }
    .proPlayer .FullWidthBK.proBG .lines.rightYellow { right: 16px; top: 20px }


    .proPlayer .tabs a{margin-left:24px}
}


@media screen and (min-width:1024px) and (max-width:1151px) {
      .proPlayer .FullWidthBK.proBG h1{font-size:22px}
    .proPlayer .FullWidthBK{height:120PX}

    .proPlayer .FullWidthBK.proBG img.newPro { left: 10px; height: 140px }
    .proPlayer .FullWidthBK.proBG .lines { width: 10px }
    .proPlayer .FullWidthBK.proBG .lines.leftBlue { left: 24px }
    .proPlayer .FullWidthBK.proBG .lines.leftRed { left: 310px }
    .proPlayer .FullWidthBK.proBG .lines.leftYellow { left: 326px }
    .proPlayer .FullWidthBK.proBG .lines.rightBlue { right: 32px; top: 80px }
    .proPlayer .FullWidthBK.proBG .lines.rightYellow { right: 16px; top: 20px }

  
    .proPlayer .tabs a{margin-left:24px}
}


@media only screen and (max-width: 1023px) {
     .proPlayer .FullWidthBK.proBG h1 {font-size: 46px }
    .proPlayer .FullWidthBK.proBG img.newPro { left: 10px; height: 140px }
    .proPlayer .FullWidthBK.proBG .lines { width: 10px }
    .proPlayer .FullWidthBK.proBG .lines.leftBlue { left: 24px }
    .proPlayer .FullWidthBK.proBG .lines.leftRed { left: 310px }
    .proPlayer .FullWidthBK.proBG .lines.leftYellow { left: 326px }
    .proPlayer .FullWidthBK.proBG .lines.rightBlue { right: 32px; top: 80px }
    .proPlayer .FullWidthBK.proBG .lines.rightYellow { right: 16px; top: 20px }

            .proPlayer .FullWidthBK.proBG{height:110px}
   
    .proPlayer .FullWidthBK.proBG h1{        font-size: 24px;}
}


@media screen and (min-width: 320px) and (max-width: 767px) {
    .content{padding:0}
    .proPlayer .pagecnts{padding:0 10px}
    .proPlayer .FullWidthBK.proBG h1 {font-size: 24px; }
    .proPlayer .FullWidthBK.proBG img.newPro { left: 0px; height: 74px }
    .proPlayer .FullWidthBK.proBG .lines { width: 6px }
    .proPlayer .FullWidthBK.proBG .lines.leftBlue { left: 14px }
    .proPlayer .FullWidthBK.proBG .lines.leftRed { left: 140px; height: 110px; }
    .proPlayer .FullWidthBK.proBG .lines.leftYellow { left: 150px; height: 150px; top: -30px }
    .proPlayer .FullWidthBK.proBG .lines.rightBlue { right: -10px; top: 10px; height: 100px }
    .proPlayer .FullWidthBK.proBG .lines.rightYellow { right: 0px; top: 0px; height: 100px }

    .proPlayer .FullWidthBK.proBG{height:90PX;width:100%;margin-right:0;justify-content: center;
        align-items: center;}
    
    .proPlayer .FullWidthBK.proBG h1{        font-size: 20px;width:auto;z-index:1}
    .proPlayer .FullWidthBK.proBG .rightImg{    position: absolute;
    top: 0;
    right: 0;}
    .proPlayer .FullWidthBK.proBG .leftImg{   position: absolute;
    top: 0;
    left: 0;}
}