.newPred .innerpage{width:1282px}
.newPred .content { padding: 0;background: #F5F5F5;}
.content-wrap {width: 100%; }


/******************** Header ********************/

/** Search Result **/
/*.gsc-expansionArea{display:inline-block!important}*/
.gsc-results { width: 100% !important; padding: 0 !important }
.cse .gsc-control-cse, .gsc-control-cse { width: 100% !important; padding: 0 !important }
.gsc-url-top, .gsc-table-cell-snippet-close, .gsc-table-cell-snippet-open { display: none !important }
.gsc-control-cse, .gsc-webResult.gsc-result, .gsc-results .gsc-imageResult, .gsc-above-wrapper-area { background: none !important; border: 0 !important }
.gsc-webResult .gsc-result { width: calc((100% - 40.1px) / 3) !important; margin: 0 0 20px 20px !important; border: 1px solid #ddd !important; overflow: hidden !important; background: #fff !important; display: inline-block !important; padding: 0 !important; height: auto !important; float: right !important; position: relative !important; }
.gsc-webResult .gsc-result:nth-child(3n) { margin: 0 0 20px 0 !important }
.gsc-webResult.gsc-result:hover, .gsc-imageResult:hover { border: 1px solid #ddd !important; background: #fff !important; }
.gs-image-box.gs-web-image-box.gs-web-image-box-landscape, .gs-image-box.gs-web-image-box.gs-web-image-box-portrait { width: 100% !important; padding: 0 !important; height: 100% !important }
.gs-web-image-box-landscape img.gs-image, .gs-web-image-box-portrait img.gs-image { max-width: 100% !important; max-height: 100% !important; width: 100% !important; border: 0 !important }
.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top { padding: 0 !important }
.gs-title { height: 64px !important; text-decoration: none !important; line-height: 1.8 !important; color: #000 !important; text-align: right !important; font-size: 15px !important; font-family: droidLight, Arial !important; direction: rtl !important; overflow: hidden !important; padding: 8px 10px 0 !important; margin-bottom: 10px !important }
.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * { font-size: 15px !important }
a.gs-title { padding: 0 !important; margin-bottom: 10px !important; }
.gs-title:hover { color: #0277bd !important }
.gs-webResult.gs-result { display: grid !important }
.gsc-control-cse .gsc-table-result { order: 1 !important }
.gsc-thumbnail-inside { position: relative !important; order: 2 !important }
.gsc-result-info { width: 100% !important; display: inline-block !important; float: right !important; background: #000 !important; text-align: center !important; color: #fff !important; font-family: droidLight, Arial !important; font-size: 12px !important; position: relative !important; padding: 0 !important }
.gsc-results .gsc-cursor-box { margin: 0 !important; display: inline-block !important; width: 100% !important; text-align: center !important }
.gsc-results .gsc-cursor-box .gsc-cursor { display: inline-block !important }
.gsc-results .gsc-cursor-box .gsc-cursor-page { float: right !important; display: inline-block !important; width: 36px !important; height: 36px !important; text-align: center !important; font-family: droidLight, Arial !important; font-size: 14px !important; color: #fff !important; line-height: 2.5 !important; background: #0277bd !important; margin-left: 4px !important; margin-bottom: 4px !important; }
.gsc-results .gsc-cursor-box .gsc-cursor-current-page { background: #c0c0c0 !important }
a.gs-image { position: relative !important; padding-bottom: 67% !important; width: 100% !important; display: inline-block !important; max-width: 100% !important; max-height: 100% !important; }
img.gs-image { position: absolute !important; bottom: 0 !important; right: 0 !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; }
.gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited b { color: #0277bd !important; font-weight: normal !important }
.gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link b { color: #0277bd !important; font-weight: normal !important }

.proPlayer {background-color: #EFEFEF;padding: 0 8px;}
.newPred .proPlayer {padding: 0; min-height: 650px;margin-bottom: 0;background: #F5F5F5;}
.newPred .landingPage.proPlayer { height: calc(100vh - 50px);}
.newPred .landingPage .pagecnts { width: 100%;   padding: 0;}
.newPred .pagecnts, .newPred .innerpage { display: inline-block;margin: 0;  position: relative; height: 100%; padding: 50px 20PX;  width: 1282px;}
.chooseLeague { display: inline-block;  width: 100%; float: right;position: relative;}


.relativeClass{display:inline-block;position:relative;float:right}
.absoluteClass{display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50% , -50%)}
.landingPage .mainPredBK{display:inline-block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}
.landingPage .chooseLeague{margin:0;height:100%}
 .rightSide{width:800px;height:100%;float:right}
 .leftSide{width:calc(100% - 800px);height:100%;float:left}
 .landingPage .predLogo{width:600px;height:auto;}
 .cntDiv{display:inline-block;position:absolute;top:50%;transform:translateY(-50%);right:50px;width:calc(100% - 320px)}
 .leftSide h1{width:100%;color:#F2B844;font-size:42px;font-weight:400;font-family:droidBold, Arial}
 .leftSide p{width:100%;color:#fff;font-size:24px;font-weight:400;line-height:52px;margin-top:20px}
  .leftSide ul{margin-top:60px;float:right;  display: inline-block; width: auto;}
.chooseLeague ul li{display: inline-block;position: relative;width:175px;height:140px;border-radius:16px;margin-left:15px;margin-bottom:15px;float: right;background: #fff;border: 1px solid #DDDDDD;}
.chooseLeague ul li:nth-of-type(4n){margin-left:0}
.chooseLeague ul li img{display: inline-block;width: auto;position: absolute;left: 50%;transform: translateX(-50%);height:63px;top:15px}
.chooseLeague ul li p{display: inline-block;    font-weight: bold; font-family: droidBold, Arial;text-align: center; line-height: 1.6; float: left; width: 100%;font-size:16px;color:#1D1D1D;margin-top:75px}
.chooseLeague ul li:nth-of-type(6n){margin-left:15px}
.chooseLeague ul li:last-of-type { margin-left: 0;}
.chooseLeague ul li a { display: inline-block; width: 100%; height: 100%;  float: right; padding: 10px;}


@media screen and (min-width:1680px) and (max-width:1919px) {
    .landingPage .predLogo{width:500px}
     .rightSide{width:700px;height:100%}
     .leftSide{width:calc(100% - 700px);}
     .cntDiv{width: calc(100% - 180px);}
}

@media screen and (min-width:1600px) and (max-width:1679px) {
       .landingPage .predLogo{width:500px}
     .rightSide{width:700px;height:100%}
     .leftSide{width:calc(100% - 700px);}
     .cntDiv{width: calc(100% - 114px);right:0}
}

@media screen and (min-width:1536px) and (max-width:1599px) {
         .landingPage .predLogo{width:465px}
     .rightSide{width:600px;height:100%}
     .leftSide{width:calc(100% - 645px);}
     .cntDiv{width:calc(100% - 128px);right:0}
     .leftSide h1{font-size:38px;}
     .leftSide p{font-size:22px}
     .leftSide p{font-size:22px}
}

@media screen and (min-width:1440px) and (max-width:1535px) { 
    .landingPage .predLogo{width:450px}
     .rightSide{width:570px;height:100%}
     .leftSide ul{margin-top:50px}
     .leftSide{width:calc(100% - 600px);}
     .cntDiv{width: calc(100% - 125px);right:0}
     .leftSide h1{font-size:38px;}
     .leftSide p{font-size:22px}
     .chooseLeague ul li:nth-of-type(4n){margin-left:15px}
     .chooseLeague ul li:nth-of-type(3n){margin-left:0}

}

@media screen and (min-width:1360px) and (max-width:1439px) {
    .newPred .landingPage.proPlayer{min-height:auto}
       .landingPage .predLogo{width:395px}
     .rightSide{width:540px;height:100%}
     .leftSide{width:calc(100% - 540px);}
     .cntDiv{width: calc(100% - 150px);right:0}
     .leftSide h1{font-size:35px;}
     .leftSide p{font-size:22px;margin-top:0}
     .leftSide ul{margin-top:40px}
          .chooseLeague ul li:nth-of-type(4n){margin-left:15px}
     .chooseLeague ul li:nth-of-type(3n){margin-left:0}

}

@media screen and (min-width:1280px) and (max-width:1359px) {
     .newPred .landingPage.proPlayer{min-height:auto}
       .landingPage .predLogo{width:390px}
     .rightSide{width:500px;height:100%}
     .leftSide{width:calc(100% - 500px);}
     .cntDiv{width: calc(100% - 110px);right:0}
     .leftSide h1{font-size:35px;}
     .leftSide p{font-size:22px;margin-top:0;width: 100%;line-height: 45px;}
     .leftSide ul{margin-top:40px;width:100%}
     .chooseLeague ul li:nth-of-type(4n){margin-left:0}


}

@media screen and (min-width:1152px) and (max-width:1279px) {
     .newPred .landingPage.proPlayer{min-height:auto}
       .landingPage .predLogo{width:350px}
     .rightSide{width:450px;height:100%}
     .leftSide{width:calc(100% - 450px);}
     .cntDiv{width: calc(100% - 56px);right:0}
     .leftSide h1{font-size:30px;}
     .leftSide p{font-size:20px;margin-top:0;line-height:34px;width: 100%;line-height: 40px;}
     .leftSide ul{margin-top:40px;width:100%}
     .chooseLeague ul li:nth-of-type(4n){margin-left:0}
     .chooseLeague ul li img{position: absolute;left: 50%;transform: translateX(-50%);height:48px}
     .chooseLeague ul li p{font-size:13px;margin-top:65px;}
     .chooseLeague ul li{height:120px}
     .chooseLeague ul li:nth-of-type(5n) {margin-left: 15px;}
     .chooseLeague ul li:nth-of-type(4n){margin-left:15px;}
     .chooseLeague ul li:nth-of-type(3n){margin-left:0;}
}

@media screen and (min-width:1024px) and (max-width:1151px) {
     .newPred .landingPage.proPlayer{min-height:auto}
       .landingPage .predLogo{width:350px}
     .rightSide{width:450px;height:100%}
     .leftSide{width:calc(100% - 450px);}
     .cntDiv{width: calc(100% - 56px);right:0}
     .leftSide h1{font-size:30px;}
     .leftSide p{font-size:16px;margin-top:0;line-height:34px;line-height: 40px;}
     .leftSide ul{margin-top:40px;width:100%}
     .chooseLeague ul li:nth-of-type(4n){margin-left:0}
     .chooseLeague ul li img{position: absolute;left: 50%;transform: translateX(-50%);height:48px}
     .chooseLeague ul li p{font-size:13px;margin-top:65px;}
     .chooseLeague ul li{height:120px}
     .chooseLeague ul li:nth-of-type(5n) {margin-left: 15px;}
     .chooseLeague ul li:nth-of-type(4n){margin-left:15px;}
     .chooseLeague ul li:nth-of-type(3n){margin-left:0;}
}

@media screen and (min-width:768px) and  (max-width: 1023px) {
             .newPred .landingPage.proPlayer{min-height:auto}
       .landingPage .predLogo{width:190px}
    .rightSide{width:100%;height:auto;padding-top:30px}
    .leftSide{width:100%;height:auto}
    .landingPage .predLogo{position:relative;top:auto;left:auto;transform:none;width:270px;margin:0 calc((100% - 270px) /2)}
    .cntDiv{position:relative;top:auto;right:auto;transform:none;width:100%;padding:0 15px}
    .leftSide h1{font-size:26px;text-align:center;margin-top:20px}
    .leftSide p{font-size:20px;line-height:36px;text-align:center;margin-top:15px}
    .leftSide ul{margin-top:30px;width: auto; float: unset;}
    .leftSide ul li{width:140px;height:115px;padding:0;margin-left:10px}
    .chooseLeague ul li img { height: 50px; top: 0;}
    .chooseLeague ul li p{font-size:13px;margin-top:54px}
    .chooseLeague ul li:nth-of-type(6n){margin-left:0}
    .chooseLeague ul li:nth-of-type(5n){margin-left:10px}
    .landingPage .chooseLeague{position:unset}

}

@media screen and (min-width: 320px) and (max-width: 767px) {
   
    .content-wrap, 
    .container, 
    .newPred .content,
    .newPred .landingPage .pagecnts{float:right}
    .newPred .landingPage .pagecnts{min-height:650px}
    /*.newPred .landingPage.proPlayer{height:unset}*/
    .rightSide{width:100%;height:auto;padding-top:30px}
    .leftSide{width:100%;height:auto}
    .landingPage .predLogo{position:relative;top:auto;left:auto;transform:none;width:270px;margin:0 calc((100% - 270px) /2)}
    .cntDiv{position:relative;top:auto;right:auto;transform:none;width:100%;padding:0 15px}
    .leftSide h1{font-size:24px;text-align:center;margin-top:20px}
    .leftSide p{font-size:16px;line-height:32px;text-align:center;margin-top:15px}
    .leftSide ul{margin-top:30px;width: auto; float: unset;}
    .leftSide ul li{width:140px;height:115px;padding:0;margin-left:10px}
    .chooseLeague ul li img { height: 50px; top: 0;height: 45px;
        position: relative;
        top: auto;
        left: auto;
        transform: none;}
    .chooseLeague ul li p{font-size:13px;margin-top:5px}
    .chooseLeague ul li:nth-of-type(6n){margin-left:0}
    .chooseLeague ul li:nth-of-type(5n){margin-left:10px}
    .landingPage .chooseLeague{position:unset}
    .newPred .landingPage.proPlayer{height:100%}
}