﻿.ESHeader { position: relative; top: 0; right: 0; background-image: url('../Images/ESHeader.jpg?ver=0.01'); background-size:auto 100%; background-repeat: no-repeat; background-position: left top; width: 100% ; height:180px; margin-bottom: 60px;}
.ESHeader .backESport { position: absolute; top: 0; right: 0; display: block; width: 40%; height: 50%; cursor: pointer }
.ESbtn{position:absolute;bottom:-20px;left: 50%;transform: translateX(-50%);width: 493px;}
.ESbtn a { display:inline-block;float:right;padding:0 30px;height:40px;line-height:40px; background-color: #040709; color: #FFF;  margin-left:20px;border-radius:6px; font-size: 15px; border: 1px solid #3fe7e3; }
.ESbtn a:hover, .ESbtn a.select{ background-color: #3fe7e3;color:#040709 }
.ESbtn a:last-child{margin-left:0}

.esport h1{display: inline-block;float: right;width: 100%; font-size: 24px;color: #fff;margin-bottom: 30px;}

.ESBanner { display: inline-block; width: 300px; float: right; height: auto; overflow: hidden; margin-bottom: 20px; box-shadow: none; min-width: 300px; border: 3px solid #3fe7e3; cursor: pointer }



@media screen and (min-width:1360px) and (max-width:1919px) {
    .ESHeader{background-position: left -50px top;}

}



@media screen and (min-width:1280px) and (max-width:1359px) {
    .ESHeader{background-position: left -80px top;}
        .championStrip .championMain .championHeader:before{background: url(../Images/Predictions/bk.jpg?ver-0.1) center center no-repeat ;
    background-size: auto 100%;}
         .menuDiv .tab a{padding:12px 10px}
}


@media screen and (min-width:1152px) and (max-width:1279px) {
    .ESHeader{background-position: left -60px top;height: 150px;}
    .ESbtn a{font-size: 14px;}
   
              .menuDiv .tab a{padding:12px 10px}
}


@media screen and (min-width:1024px) and (max-width:1151px) {
    .ESHeader{background-position: left -60px top;height: 150px;}
    .ESbtn a{font-size: 14px;}

              .menuDiv .tab a{padding:12px 10px}
}


@media only screen and (max-width: 1023px) {
    .ESHeader{background-position: left -60px top;height: 150px;}
    .ESbtn a{font-size: 14px;}

}


@media screen and (min-width: 320px) and (max-width: 767px) {

    .ESHeader{background-image: url(../Images/ESHeader-Mobile.jpg);background-position: center center;height: 90px;}
    .ESbtn{bottom:-15px;width: 282px;}
    .ESbtn a{font-size: 11px;padding: 0 10px;height: 30px;line-height: 30px;margin-left: 10px;}

}