Mas8win

    v .landingpage .img_vendor { width: 100%; } .mobile-text { font-size: 18px; } .home-content .country>a:hover { transform: scale(1.1); } .home-content .imgone:hover { background-image: url(/data/1541/uploads/hovermalaysia.png); background-size: contain; background-repeat: no-repeat; } .home-content .imgtwo:hover { background-image: url(/data/1541/uploads/hoversingapore.png); background-size: contain; background-repeat: no-repeat; } .home-content .imgthree:hover { background-image: url(/data/1541/uploads/hoverindonesia.png); background-size: contain; background-repeat: no-repeat; } .landingpage .mobile { right: 0; } .landscape { display: block !important; } .home-content .logo { text-align: center; width: 11%; margin: auto; padding-top: 25px; } .home-content .logo>img { width: 100%; } .imgone img { width: 100%; } .country ul { padding: 0; margin: 0; text-align: center; } v @media screen and (max-width: 1699px) and (min-width: 1600px){ #uefa { height: 640px; } #countdown { top: -290px; } } @media screen and (max-width: 1599px) and (min-width: 1500px){ #cd #subcontent { position: absolute; top: 24.6%; left: 0; right: 0; display: flex; align-items: baseline; } #uefa { height: 640px; } #countdown { top: -850px; } } @media screen and (max-width: 1499px) and (min-width: 1400px){ #countdown { top: -312px; } } @media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { img { border: 0; width: 100%; height: auto; } #widget-global-db98azcy0ci * { display: none; } .landingpage { height: 100%; } .country ul li { display: inline-block; width: 15%; margin: 0 15px; } .img-cover { background: linear-gradient(rgba(0, 0, 0, 1) 12%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 1) 73%), url(/data/1632/uploads/bg-overlay01.png); } .league li { width: 17%; } .home-content .country p { font-size: 20px; } .mobile-text { font-size: 20px; } .home-content .country { margin: 15% 0 25%; } .home-wrapper .container { width: 99%; margin: 0 auto; } #widget-global-9efb2n1wmg * { display: none; } /*---------------------------------------------------------------euro themed ---------------------------------------------------------------*/ .flex-direction-nav .flex-next { right: 0; text-align: right; } #theme-frame { width: 100%; } /*-------------------------- home ------------------------------------*/ .container-content { border: #7d7d7d 1px solid; border-radius: 5px; padding: 10px 10px; background: rgba(0, 0, 0, 0.6); margin-bottom: 50px; margin-top: 318px; } #bantop { display: none; } #banmob { display: block; } #theme-header-logo { width: 40%; left: 0; } #theme-header { height: 470px; background-repeat: no-repeat; width: 100%; background-size: unset; background-position: bottom; background-color: #000; } #theme-header-link { top: 145px; right: 0; } #theme-header-link .row { display: inline-block; width: 50%; } .buttonLogin, .buttonRegister { padding: 8px 10px !important; margin: 7px 4px !important; width: 100%; } #countdown { top: -1508px; width: 97%; } .golie { height: auto; position: relative; top: 0; margin-top: 0; left: -23px; } .golie img { width: 100%; } #step { margin-top: -18px; } #uefa { background-image: url(/data/1419/uploads/uefa04.png); background-size: cover; height: 439px; border-bottom: 0px solid #7c603e; background-position: center; padding: 0; } #cd .container { width: 100%; text-shadow: 2px 2px #000000; padding-right: 0; padding-left: 0; font-size: 11px; } #subcontent ul { padding: 0; } #jackpot { top: 58%; } .count, #foo { font-size: 1em; letter-spacing: 5px; text-shadow: 2px 2px #585707; color: #000000; } .second-last img { width: 100%; } .second-lasttitle .col-sm-6 { width: 48.8% !important; } #countdown #tiles > span { width: 70px; max-width: 92px; font: bold 20px 'Droid Sans', Arial, sans-serif; text-align: center; color: #fff; background-color: #000; border-top: 0px solid #fff; border-radius: 3px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7); margin: 0 7px; padding: 18px 0; display: inline-block; position: relative; } #countdown .labels { bottom: unset; } #countdown .labels li { width: 80px; font: bold 15px 'Droid Sans', Arial, sans-serif; } } /* ------------------------------------------------all phone landscape --------------------------------------------- */ /* Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 830px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { .home-content .logo>img { width: 90%; } .country ul li { width: 10%; } .home-content .country { margin: 5% 0; } .league li { width: 7%; margin: 0; } /*------------------------------------------------------ Euro Themed ------------------------------------------------------*/ #theme-header-link { top: 93px; } #theme-header-logo { width: 17%; left: 0; top: -16px; } #theme-header { background-position: center; } #uefa { background-image: url(/data/1419/uploads/uefa04.png); background-size: cover; height: 315px; border-bottom: 0px solid #7c603e; background-position: center; padding: 0; } #countdown { width: 470px; height: 160px; text-align: center; background: rgba(0,0,0,0.6); border: 1px solid #111; border-radius: 5px; margin: auto; padding: 24px 0; position: absolute; top: -112px; bottom: 0; left: 0; right: 0; box-shadow: 10px 10px 20px #000; } #countdown:before { content: ""; width: 8px; height: 65px; background: #444; background-image: -webkit-linear-gradient(top, #555, #444, #444, #555); background-image: -moz-linear-gradient(top, #555, #444, #444, #555); background-image: -ms-linear-gradient(top, #555, #444, #444, #555); background-image: -o-linear-gradient(top, #555, #444, #444, #555); border: 1px solid #111; border-top-left-radius: 6px; border-bottom-left-radius: 6px; display: block; position: absolute; top: 48px; left: -10px; } #countdown:after { content: ""; width: 8px; height: 65px; background: #444; background-image: -webkit-linear-gradient(top, #555, #444, #444, #555); background-image: -moz-linear-gradient(top, #555, #444, #444, #555); background-image: -ms-linear-gradient(top, #555, #444, #444, #555); background-image: -o-linear-gradient(top, #555, #444, #444, #555); border: 1px solid #111; border-top-right-radius: 6px; border-bottom-right-radius: 6px; display: block; position: absolute; top: 48px; right: -10px; } #countdown #tiles { position: relative; z-index: 1; } #countdown #tiles > span { width: 92px; max-width: 92px; font: bold 48px 'Droid Sans', Arial, sans-serif; text-align: center; color: #fff; background-color: #000; border-top: 0px solid #fff; border-radius: 3px; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.7); margin: 0 7px; padding: 18px 0; display: inline-block; position: relative; } #countdown #tiles > span:before { content: ""; width: 100%; height: 13px; background: #111; display: block; padding: 0 3px; position: absolute; top: 41%; left: -3px; z-index: -1; } #countdown #tiles > span:after { content: ""; width: 100%; height: 1px; background: #111; border-top: 1px solid #333; display: block; position: absolute; top: 48%; left: 0; } #countdown .labels { width: 100%; height: 25px; text-align: center; position: absolute; bottom: 8px; } #countdown .labels li { width: 102px; font: bold 15px 'Droid Sans', Arial, sans-serif; color: #bfe8ff; text-shadow: 1px 1px 0px #000; text-align: center; text-transform: uppercase; display: inline-block; } #jackpot { top: 52%; } .count, #foo { font-size: 1.5em; letter-spacing: 5px; text-shadow: 2px 2px #ffe990; color: #000000; } } /*------------------------------------------------------iPhone 6 -------------------------------------*/ /* Landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { #uefa { background-image: url(/data/1419/uploads/uefa04.png); background-size: cover; height: 256px; border-bottomv #uefa { background-image: url(/data/1419/uploads/uefa04.png); background-size: cover; height: 285px; border-bottom: 0px solid #7c603e; background-position: center; padding: 0; } #countdown { width: 470px; height: 160px; text-align: center; background: rgba(0,0,0,0.6); border: 1px solid #111; border-radius: 5px; margin: auto; padding: 24px 0; position: absolute; top: -766px; bottom: 0; left: 0; right: 0; box-shadow: 10px 10px 20px #000; } } /*--------------------- iPad Portrait----------------------*/ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { #theme-header-logo { width: 20%; left: 0; }