/******************** 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;
}

@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.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{height:120PX}

}

@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
            }
}
      

@media only screen and (max-width: 1023px) {
    

    .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 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
    }

       
       
      

    .proPlayer .listing ul li .secName {
        left: 0;
        right: auto;
        top: 0
    }
      .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;}

        .content{padding:0}
    .proPlayer .pagecnts{padding:0 10px}
}