@media only screen and (min-width: 1600px) { .sportslistBar .element-item { width: 20%; } } @media only screen and (min-width: 2100px) { .sportslistBar .element-item { width: 16.6666%; } } @media only screen and (max-width: 1200px) { .sportslistBar .element-item { width: 33.33333%; } .infoBar .social { margin-top: -10px; } .sportslistBar .element-item { padding: 0 5px 10px; } .sportslistBar .isotope { margin: 0 15px; } #header .whatif_logo { max-width: 100px; } #header .SI_logo { margin: 17px 0 0 15px; } #header .logo { max-width: 110px; margin-left: -55px; top: 13px; } #layout { padding-top: 50px; } #LeftPanel { padding: 50px 0 0; } #leftCntr { padding-top: 20px; } .infoBar p { padding-right: 0px; } .infoBar .gallery { padding: 35px 0; } .infoBar .gallery li { padding-top: 30px; } .sportslistBar .caption h4 { font-size: 13px; line-height: 16px; } .sportslistBar .caption h4 small { font-size: 12px; } #homeBanner .mainLogo { max-width: 920px; } #homeBanner .mainLogo::before { left: 20px; top: 40px; width: 60px; height: 92px; } #homeBanner .mainLogo::after { right: 40px; top: 72px; } #homeBanner .mainLogo { font-size: 135px; line-height: 135px; } #homeBanner .mainLogo span { font-size: 17px; margin-bottom: -10px; } } @media only screen and (max-width: 1000px) { .sportslistBar .element-item { width: 50%; } .sportslistBar .filterRow .filter { width: 200px; } .sportslistBar #filters { padding: 0px; } .sportslistBar #filters button { margin-bottom: 5px; padding: 5px 10px; } .sportslistBar .socail .fb_icon, .sportslistBar .socail .tw_icon { width: 38px; height: 38px; background-size: 85px auto; } .sportslistBar .filterRow .filter_toggle { padding: 5px 19px 5px 10px; height: 38px; line-height: 24px; } .sportslistBar #filters { top: 36px; } #LeftPanel { width: 250px; } #RightPanel { padding: 0 0 0 250px; } #leftCntr { padding: 25px 0px 25px 0 } #rightCntr { position: relative; left: auto; right: auto; top: auto; padding: 30px 0; width: 100%; border-top: 1px solid #cecece; } .infoBar .gallery { padding: 30px 0; } .infoBar .gallery li { padding-top: 22px; } .moreBar li.gallery, .moreBar li.gallery:hover, .moreBar li.video, .moreBar li.video:hover, .moreBar li.text, .moreBar li.text:hover { background-position: 6px 50%; } #LeftPanel ul li { padding-bottom: 10px; } #LeftPanel h3 { padding: 5px 32px 10px 35px; } #LeftPanel h3.active { background-position: 12px 12px; } #homeBanner .mainLogo { max-width: 670px; font-size: 100px; line-height: 100px; word-spacing: -20px; } #homeBanner .mainLogo::before { left: 0px; top: 35px; width: 43px; height: 66px; } #homeBanner .mainLogo::after { right: 10px; top: 60px; width: 28px; height: 18px; } #homeBanner .mainLogo span { font-size: 15px; margin-bottom: -10px; letter-spacing: 2em; } #homeBanner .adsWrap { max-width: 600px; } .videoBar iframe { max-height: 300px; } } @media only screen and (max-width: 767px) { .wrapper { max-width: 100%; padding-left: 20px; padding-right: 20px; } #back-to-top { display: block; } .sportslistBar .isotope { padding-bottom: 20px; } #header .SI_logo img { display: none; } #header .SI_logo img.mobile { display: block; } #header .SI_logo { max-width: 40px; margin: 13px 0 0 15px; } #header .logo { max-width: 100px; margin-left: -73px; } #LeftPanel { width: 100%; border-right: 0px; left: -100%; z-index: 991; } #LeftPanel h3 { padding: 3px 32px 10px 32px; font-size: 14px; line-height: 18px; background-position: 13px 7px; } #LeftPanel h3.active { background-position: 12px 10px; } #LeftPanel ul li { font-size: 13px; line-height: 17px; } #LeftPanel ul { padding-bottom: 3px; } #RightPanel { padding: 0px; } .infoBar .cat_name { padding-bottom: 5px; } h1{ font-size: 20px; line-height: 24px; padding-bottom: 10px; } .infoBar .gallery { padding: 25px 0; } .infoBar .gallery li { padding-top: 20px; } .sportslistBar li .caption h4 span { min-width: 100px; } #leftCntr { padding-bottom: 15px; } #rightCntr { padding: 20px 0; } .moreBar li { padding: 15px 0 5px 55px; border-bottom-width: 1px; } .moreBar h3 { border-bottom-width: 1px; } .moreBar .add_placeholder_image { margin-bottom: 25px; } .fancybox-close { width: 35px; height: 35px; background-size: 12px auto; } .fancybox-close:hover { background-size: 15px auto; } #homeBanner .mainLogo { max-width: 500px; font-size: 70px; line-height: 70px; word-spacing: -10px; } #homeBanner .mainLogo::before { left: 10px; top: 39px; width: 30px; height: 46px; } #homeBanner .mainLogo::after { right: 10px; top: 55px; width: 20px; height: 14px; } #homeBanner .mainLogo span { font-size: 13px; margin-bottom: 0px; letter-spacing: 1.3em; } #homeBanner .adsWrap { max-width: 400px; } #homeBanner { padding: 20px 0; } .sportslistBar #filters { max-height: 200px; } .Filtererror { font-size: 14px; } .Rightshow a.sidePanelToggle { display: block; } #header.Rightshow .logo { margin-left: -48px; } #header.Rightshow .SI_logo { margin-left: 63px; } .CustomScrollBox { padding: 15px 0; } .DeskTopVideo { display: none; } .MobileVideo { display: block; } } @media only screen and (max-width: 600px) { .sportslistBar .caption h4 { font-size: 13px; line-height: 15px; } .sportslistBar .caption h4 small { font-size: 12px; } .sportslistBar .element-item .caption { padding: 9px 10px 10px; } .sportslistBar .caption h4 span { min-width: 129px; } #homeBanner .mainLogo { max-width: 380px; font-size: 50px; line-height: 50px; word-spacing: 0px; padding-left: 0px; } #homeBanner .mainLogo::before { left: 10px; top: 23px; width: 25px; height: 38px; } #homeBanner .mainLogo::after { right: 10px; top: 35px; width: 20px; height: 14px; } #homeBanner .mainLogo span { font-size: 12px; line-height: 15px; margin-bottom: 0px; letter-spacing: 1.3em; } #homeBanner .adsWrap { max-width: 350px; } } @media only screen and (max-width: 479px) { .imageBar { background-size: contain; background-repeat: no-repeat; height: 250px; } .infoBar .cat_name { width: 50%; } .sportslistBar .element-item { width: 100%; } .sportslistBar .filterRow .filter { width: 170px; } .sportslistBar .socail .fb_icon, .sportslistBar .socail .tw_icon { width: 35px; height: 35px; background-size: 78px auto; } .sportslistBar .socail .fb_icon { margin-right: 3px; } .sportslistBar .filterRow .filter_toggle { height: 35px; font-size: 13px; line-height: 21px; } .sportslistBar .filterRow .filter_toggle::before { right: 12px; } .sportslistBar #filters button { font-size: 13px; padding: 3px 10px; line-height: 17px; } .sportslistBar #filters { top: 32px; } #leftCntr .sportslistBar .grid-list li { width: 100%; } #homeBanner .mainLogo { max-width: 300px; font-size: 38px; line-height: 38px; word-spacing: 0px; padding-left: 0px; } #homeBanner .mainLogo::before { left: 0px; top: 20px; width: 25px; height: 38px; } #homeBanner .mainLogo::after { right: 7px; top: 30px; width: 20px; height: 14px; } #homeBanner .mainLogo span { font-size: 12px; line-height: 15px; margin-bottom: 0px; letter-spacing: 1.1em; } #homeBanner .adsWrap { max-width: 280px; margin-top: 15px; } #homeBanner { padding: 18px 0; } .videoBar iframe { max-height: 180px; } } @media only screen and (min-width: 767px) { #LeftPanel { left: 0px !important; } }