currency icon
1USDT = 1.35SGD
@import url("/theme/wm996sg/font/font.css"); @viewport {width: device-width;zoom: 1;} html,body{width:100%;color: #dedede;height:100%;margin:0px;padding:0px;font-size:12px;font-family: 'Roboto-r',sans-serif;overflow-x: hidden;} body{ overflow-x: clip;} .clearboth {clear:both;} ::-webkit-scrollbar {background: #d5aa40;width: 5px;border-radius: 5px;} ::-webkit-scrollbar-thumb {background: #d5aa40;border-radius: 6px;border: 0px solid #CFD8DC;} ::-webkit-scrollbar-track {background: #080808;border-radius: 2px;} html {display: table;} body {display: table-row;} .h1, .h2, .h3, h1, h2, h3 {margin-top:0;} /*-- #theme-content { margin: auto; border: 1px solid red; width: 1200px; padding: 10px; }--*/ #theme{ display:table-cell; height:100%; width:100%; background: #080808; } .themetbl {display:table;} .themetblrow {display:block;} .themetblcell {display:block;} .theme-container-box { width:100%; height:500px; } #theme-content {min-height: 60vh;} #theme-container {background:#080808; } #theme-frame{ margin:auto;width:100%;background: #080808;} #theme-header {background: #080808;} #menu-line {position: absolute;top: 0;left: 0;height: 0;background: #009ae1;transition: all .25s ease-out;} .offsett {background: linear-gradient(-45deg, #d59b16, #f4ed7b);height: 45px;} .menu {position: relative;border: 0px solid green;} #theme-header-logo {border: 0px solid red;position: absolute;z-index:99;} #theme-header-logo img {width:100%;} #theme-menu {z-index:9;border: 0px solid blue;position: absolute;top: 0;right: 0;width: 100%;} .submenu-icn p { transition: .3s ease-in-out;background: #d7a01c;;color: #fff; padding: 5px 11px; border-radius: 5px; margin: 11px 25px 5px;} .submenu-icn img { width: 100%; transition: .3s ease-in-out;} .submenu-icn:hover img, .submenu-icn:hover p { transform: scale(1.05); transition: .3s ease-in-out;} .row {margin-right: 0;margin-left: 0;} .w1100 {margin:auto;width:1100px;} .w1300 {margin:auto;width:1300px;} .w1200 {margin: auto; width: 1200px;} input[type="submit"] { border-radius: 5px; padding: 6px 26px; margin: 0 5px; background: linear-gradient(0deg, rgb(183 126 24) 7%, rgba(245,215,105,1) 46%, rgba(255,223,163,1) 63%, rgba(236,205,94,1) 100%); color: #1b1b1b; font-weight: 900; border: 2px solid #1b1b1b; } /*=== HEADERLINK ===*/ .mobile path {fill: #fff;} .header {background: #0073ba;} .lang {padding: 9px;} .lang ul {margin:0;padding:0;} .lang ul li {display: inline-block;padding: 7px 10px;vertical-align: middle;} .lang ul li a {color: #fff;text-decoration: none;} .header-right {text-align: right;margin: 9px 15px;} .header-right ul {margin:0;padding:0;} .header-right ul li {display:inline-block;} .regis-btn a { background: #00be28; padding: 7px 20px; border-radius: 3px; color: #fff; font-weight: bold; text-transform: uppercase; border: 0px solid red;text-decoration:none;} .language {display: inline-block;width: 8%; text-align: right;} .language .modal-content {padding: 0;} .lp-title ul {padding: 0;margin: 0;text-align: center;} .lp-title ul li {display: inline-block;width: 19%;} .language .modal-dialog {margin: 7% auto;} .language .modal-header {padding: 0;} /*===LOGIN===*/ .customform , .loginform {border: 0px solid green;margin: 0;text-align: right;} #customform_submit, #loginformsubmit { color: #000 !important; background: linear-gradient(0deg, rgb(183 126 24) 7%, rgba(245,215,105,1) 46%, rgba(255,223,163,1) 63%, rgba(236,205,94,1) 100%) !important; border-radius: 5px !important; margin: 0; padding: 4px 20px; letter-spacing: 0.5px; border-radius: 3px; border: 1px solid #fff; text-transform: uppercase; } #customform input[type=text], #customform input[type=password] ,#loginform input[type=text], #loginform input[type=password] {border: 2px solid #cfa138; padding: 4px;border-radius: 3px;} #customform dl , #loginform dl {display: inline-block;width: 100%;text-align: center;} .modal-open {padding-right:0 !important;overflow:unset;} .modal-header .close {margin-top: -10px;padding: 10px;} .login-popup ul {margin:0; padding:0;text-align:center;} .login-popup ul li {width: 49%;vertical-align: top;} .login .modal {z-index:99999;} .login-popup ul li:first-child {border-right: 1px solid #80808052;} .login .modal-lg {width: 40%; padding-top: 100px;} .login .modal-header {padding: 10px;border-bottom: 1px solid #e5e5e5; text-align: center;color: #fff;background: #009ce8;border-radius: 5px 5px 0 0;} .login .modal-content {border-radius: 15px 15px 0 0;} .login.v1 dl, .login.v2 dl {margin-bottom: 10px;} /*=== LANGUAGE ===*/ .header-right ul li:nth-child(3) {width: 5%;} .language img {width: 100%;} .language .btn {padding: 0;} .language .btn-info {color: #fff; background-color: transparent;border-color: transparent;} .language .btn-info:hover {transform:none;box-shadow:none;} .language .modal-header {border:none;text-align:center;} .language .modal-title { margin: 0;line-height: 1.42857143; color: #fff;background: #bd8620;padding: 10px;text-align: center;text-transform: uppercase; font-size: 23px;} .language .modal-title {margin: 0;line-height: 1.42857143;color: #fff;background: #bd8620;padding: 10px;text-align: center;} .language .modal-header .close {border-radius: 21px; margin-top: -10px;background: red;width: 30px; height: 30px;color: #fff;margin-right: -24px;padding:0;} /*=== ADMINLOGINX ===*/ #theme-contain-adminloginx {padding: 10px;} #theme-contain-adminloginx table {margin: auto;} #theme-contain-adminloginx img {width: 60%;padding: 10px 0;} #theme-contain-adminloginx table td {padding: 5px;} #theme-contain-adminloginx textarea, #theme-contain-adminloginx input[type=text], #theme-contain-adminloginx input[type=password] {border: none;} #theme-contain-registration {background: url(/theme/megawin88/imgs/register-bg.jpg)center center no-repeat;background-size:cover;} /*==========Header==========*/ #theme-header-logo{ display: inline-block; width: 217px; margin: 0 0 0 30px; } #theme-menu{ background: linear-gradient(0deg, rgb(183 126 24) 7%, rgba(245,215,105,1) 46%, rgba(255,223,163,1) 63%, rgba(236,205,94,1) 100%); position: relative; } #theme-header-top { background: #080808; } .h-top {padding: 14px 0; position: relative; min-height: 70px;} .m-btn{ float: left; } .right-btn {float: right; margin-top: 4px;text-align: right;margin-right: 10px;} .right-btn .dropdown{ display: inline-block; } .m-btn a{ padding: 6px 12px; color: #010101; font-size: 14px; font-weight: 900; } .m-btn a:hover{ text-decoration: none; } .m-btn a i{ font-size: 30px; vertical-align: middle; margin-right: 5px; } .login-btn, .sign-btn { display: inline-block; border-radius: 5px; padding: 6px 26px; margin: 0 5px; background: linear-gradient(0deg, rgb(183 126 24) 7%, rgba(245,215,105,1) 46%, rgba(255,223,163,1) 63%, rgba(236,205,94,1) 100%); color: #1b1b1b; font-weight: 900; border: 2px solid #1b1b1b; } .sign-btn a {color: #080808;} .sign-btn a:hover {text-decoration:none;} .sign-btn:hover a{color: #dedede;} .login-btn:hover, .sign-btn:hover { text-decoration: none; color: #fff; background: linear-gradient(180deg, #000000, #525252); border: 2px solid #6f6f6f; box-shadow: 0px 2px 5px 0px #634200;} .lang-img{ width: 21px; } .dropdown-menu{left: -7px;min-width: unset;padding: 0;overflow:hidden;} .lang-btn{background: transparent;} .lang-btn:hover, .lang-btn:focus{ color: #000; } .caret { border-top: 5px dashed; border-right: 5px solid transparent; border-left: 5px solid transparent; } .right-btn .dropdown-menu{ background: linear-gradient(180deg, #b77e18, #f6d680);color: #010101;border: 0px solid red;} .right-btn .dropdown-menu>li>a{ padding: 8px 20px; } .right-btn .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background-color: #d5a93f;} .modal-header{ border-bottom: 2px solid #fff; background: #fff;} .modal-header .close{ opacity: 1; } .modal-body{ padding: 10px 0px;text-align:center; } .right-btn form#customform input, .right-btn form#registerform input, #registerform_Currency, #registerform_BankName{ width: 100%; font-size: 12px; background: transparent; border: 0; border-bottom: 2px solid #bd8620; color: #fff; padding: 6px 3px; border-radius: 0px; } .small, small {padding-top: 7px;color: #c1b597;} .right-btn form#registerform input{ margin-bottom: 10px; } #registerform{ color: #fff; } #registerform option{ color: #000; } /* Logo slider -------------------------------------------*/ .logo-slider{ padding: 2% 0; } .owl-carousel{position: relative;} .owl-carousel .item{ width: 90%; margin: 12px auto;} .owl-theme .owl-nav{ margin-top: 0; } .owl-nav button[role=presentation]{ position: absolute; top: 50%; height: 100%; width: 30px; transform: translateY(-50%); font-size: 45px !important;} .owl-nav button[role=presentation]:hover { background: #584510 !important; height: 70px; box-shadow: 0px 0px 5px -1px black;} .owl-nav button.owl-prev{left: -5px;} .owl-nav button.owl-next{right: -5px;} .owl-nav button:focus {outline: -webkit-focus-ring-color auto 0px;} .logo { border: 0px solid red; position: absolute; right: 0; left: 0; margin: auto; width: 20%; z-index:99; } .logo img { width: 100%; } .container-fluid { max-width: 100%; padding-right: 0; padding-left: 0; margin: auto; width: 1300px; } /*===SEO===*/ #theme-contain-mainpage .seo {padding: 10px 0;width:1170px;} .seo { padding: 20px 10px;border-top: 0px solid #cbcbcb;width: 1200px;margin: 0 auto;} .panel-default>.panel-heading { color: #fff; background: linear-gradient(45deg, #d5aa40, #af841b); border-color: #7c5c10; padding: 0; } .panel-heading a { padding: 10px; display: block; } .panel-default>.panel-heading:hover {background: linear-gradient(-45deg, #d4a93f, #b0851c);} a:hover >.panel-title{ text-decoration: none;filter: drop-shadow(1px 1px 8px #fff);} .panel-heading a:after {font-family: 'Glyphicons Halflings';content: "\e080";float: right; color: #fff;margin-top:-17px;} .panel-heading a.collapsed:after{content:"\e114"; } .seo .panel h1 {font-size: 15px;margin:0;} .seo-line {border-top: 1px solid #222222;padding: 30px 0px 0;} .seo p {text-align: justify;} .panel-title { color: #000; font-weight: 600; } /*==========LOGIN========*/ button.close {border: 0px solid red;width: 25px;height: 25px;opacity: 1; text-shadow: 0 0 black;color: #fff;z-index: 999;position: absolute;right: 0;top: 0;} .modal-dialog.modal-md {width: 24%; margin: 65px auto;} .modal-content {background: #040404;border: 1px solid #bd8620;padding: 10% 15%; border-radius: 0px;} input#remoteloginformsubmit {background: linear-gradient(to top, #b77e18, #e6c256) !important; text-transform: uppercase;border: 0px solid red;padding: 7px 8px;color: #080808;font-weight: bold;width: 100%;} .modal-body p a {color: #cd9e35;} .modal-title, .modal-header .close {color: #cd9e35;font-weight: 900;letter-spacing: 2px;text-align: center;font-size: 30px;margin-bottom: 25px;} form#remoteloginform dl:nth-of-type(3) dt {width: 39%; display: inline-block;} dl:nth-of-type(3) img#imgCaptcha {width: 100%;} form#remoteloginform dl:nth-of-type(3) dd {width: 59%;display: inline-block;} .close:focus, .close:hover {color: #cd9e35; opacity: 1;} /*===HOMEPAGE===*/ .banner {margin-bottom: -1px;} .banner img {width:100%;} .banner img:hover {cursor: pointer;} .progress-bar {background-color: #d5aa40;} .flexslider {margin:0;border: 0 solid transparent;} .flex-direction-nav .flex-next {right: 0;text-align: right;} span.darkblue {color: #9e7a18;;} span.lightblue {color: #d0a249;} .why .col-sm-12 {padding:3%;} .why {position: relative;overflow:unset;} .why-title {line-height: 38px;padding-bottom: 40px;font-size: 41px;font-weight: bolder;} .why-title span {font-family: 'Roboto-blk', sans-serif;} .why-list {font-size: 14px;line-height: 32px;} .why-list ul {margin: 0;padding: 0;} .why-list ul li {display: block;} .why-pic {position: absolute;bottom: 0;right: 60px;width: 40%;} .why-pic img { width: 100%;} .avg {width: 55%;margin: auto;position: relative;} .progress {height: 7px; margin: 30px 0 0; overflow: hidden; background-color: #d5aa4073;border-radius: 4px;} .txt {border: 0px solid red;} .txt ul {padding:0;margin:0;} .txt ul li {display: block;margin-bottom: -4px;} .txt ul li:last-child {} .txt ul li:first-child {font-size: 25px;font-family: 'Roboto-blk',sans-serif;} .min {position: absolute;border: 0px solid red;top: 0;right: 0;font-size: 38px;font-family: 'Roboto-blk',sans-serif;} .spacer {padding: 20px;} .avg-box { margin: auto; padding-top: 120px;} #theme-contain-mainpage .promo {padding: 35px;position:relative;} .promo-page {padding:35px;position:relative;} .promo-btn {position: absolute;top: 50px;right: 50px; border: 0px solid red;} .promo-btn a { color: #4bb8fc; border: 1px solid #b0ddf9; padding: 5px 20px; text-decoration: none; background: #fff; transition: .2s ease-in;} .promo-btn a:hover {filter: drop-shadow(2px 4px 6px #b0ddf9);} .promo-txt{font-size: 25px;color: #4bb8fc; font-weight: bold;} .promo-sec ol { margin: 0; padding: 0;text-align: center;} .promo-sec ol li.question { display: inline-block; width: 33%; padding: 9px;} .promo-sec ol li.question img { width: 100%;} .promo-sec2 ol {margin: 0;padding: 0;} .promo-sec2 ol li.question { display: inline-block; padding: 9px;} .promo-sec2 ol li.question img { width: 100%;} .info {padding: 15px 20px;margin: auto;border: 0px solid red;} .info .col-sm-3 {padding: 0;} .info .col-sm-3 img {} .info .col-sm-3:first-child img {border: none;} .info h3 { margin: 0;font-weight: bolder;font-size: 17px;color: #cea148;} .info p { margin: 0;font-size: 14px;} .info ul {margin: 0;padding: 0;text-align: center;} .info ul li:nth-child(2) {width: 77%;padding: 10px;} .info ul li { display: inline-block;width: 18%; border: 0px solid red;vertical-align: top; text-align: left;} .info ul li img {width: 100%;padding: 6px 0 0 14px;} .tg-title {font-size: 25px; color: #d0a249; font-weight: bold; padding-bottom: 10px; text-transform: uppercase;} .top-games { padding: 35px 0; text-align: center; background: url(/data/1976/uploads/bg-h1.png)left center no-repeat; background-size: cover; } .top-games > img {width: 100%;padding-left: 0;margin-left: 480px;} .tg-bg {} .gamestp { border: 0px solid red; z-index: 0; background: url(/data/1976/uploads/top-game.png)center repeat; padding: 45px 0; background-size: 796px; } .tg-bg img {width: 100%;} .tg-prod {} .tg-prod ul { margin: 0; padding: 0; text-align: center;} .tg-prod ul li:hover {box-shadow: 0px -1px 6px 2px #94751c;transform: translateY(-8px); cursor:pointer;} .tg-prod ul li { display: inline-block; width: 17%; vertical-align: top; margin: 10px; transition: .5s ease; border-radius:13px; } .tg-prod ul li > div{ border-radius: 13px; overflow: hidden; box-shadow: 0px -1px 6px 2px #000; border: 1px solid #e5c055; background: #232323; } .tg-prod ul li img {width: 100%;} .tg-item {position:relative;} .tg-inside {position: absolute;top: 0px; padding: 6px 0 0; width: 100%; margin: auto;text-align: center;border: 0px solid red;} .tg-icon {width: 20%;margin: auto;} .tg-txt { position: absolute; top: 237px; left: 40px;width: 15%; border: 0px solid red;} .tg-small-txt {color:#fff;} .tg-small-txt p {font-size: 9px;margin:0;} .tg-small-txt h3 {font-size: 15px;font-weight: bolder;margin:10px 0;} .hp-des {padding: 20px; position: relative; min-height: 200px;} .hp-des h4 {color: #e8c558;font-weight: bold; letter-spacing: 1px;} a.play-now {width: 43%; border-radius: 20px;padding: 10px 0; font-size: 12px; margin: 10px auto;background: linear-gradient(0deg,rgb(229 192 85) 63%, rgba(236,205,94,1) 100%); color: #000; font-weight: bold; position: absolute;text-transform: uppercase; left: 0; right: 0; bottom: 9px;} a.play-now:hover { transform: scale(1.05);transition: .3s ease; box-shadow: 0 0 9px 3px #846823; text-decoration: none; background: linear-gradient(0deg, rgb(183 126 24) 7%, rgba(245,215,105,1) 46%, rgba(255,223,163,1) 63%, rgba(236,205,94,1) 100%);} .hp-des p {font-size: 11px;} #jp {border: 3px solid #1f1f1f;position: relative;overflow: hidden;border-radius: 20px;background: url(/theme/megawin88/imgs/bg-2.jpg)center center no-repeat;background-size: cover;} #jackpot {position: absolute; bottom: 37px;font-size: 5em; border:0px solid green; left: 0;right: 0; margin: auto;z-index: 99;text-align:center;text-shadow: 2px 1px 4px #332000;color: #fff;} span#foo {text-align: center;font-family: 'Roboto-r',sans-serif;} .steps ul {padding: 0;margin: 0;} .steps ul li {display: block;border: 0px solid green;padding: 14px 14px 14px 0;position: relative;margin: 0 0 11px;} .home-jack {padding: 45px 0px;} .lsimg img {width: 100%; filter: drop-shadow(0px 0px 5px gold);} .lsimg {width: 28%;display: inline-block; vertical-align: middle;} .rsdes {display: inline-block; width: 63%; border: 0px solid red; vertical-align: middle;margin-left: 20px;cursor: default;} .rsdes h6 {font-size: 17px;color: #e2bb71; text-transform: uppercase;} .rsdes p { font-style: italic;text-transform: uppercase;font-size: 14px;letter-spacing:1px;} .line-grey {height: 1px; width: 65%;background: #1f1f1f;right: 0%;position: absolute;} .img-box {border: 0px solid red;min-height: 470px;} .about-p-coin,.about-img-box,.about-balls,.about-ship,.about-rich-god,.about-girl,.about-cards,.about-f-coin{position:absolute;} .about-p-coin{animation-name: d-left-small-move; animation: left-small-move 10s infinite;} .about-p-coin {width: 72%;margin: auto; left: 0; right: 0;} .about-img-box {width: 60%;margin: auto; right: 0; left: 0;} .about-f-coin {border: 0px solid green; width: 250px; left: 0;right: 0; top: 60px; z-index: 98;margin: auto; animation: right-pig-move 8s linear infinite alternate;animation-name: d-right-pig-move;} .about-cards {border: 0px solid red;bottom: 49px; width: 151px;right: 63px; z-index: 100;animation-name: d-left-small-move;animation: left-small-move 8s -2s infinite reverse;} .about-girl {left: 0;right: 0; width: 54%;margin: auto;z-index: 99; bottom: 6px;} .about-rich-god {width: 200px;border: 0px solid rebeccapurple; right: 7px; top: 20px;animation: left-pig-move 9s infinite;} .about-ship {width: 200px; bottom: 42px; left: 20px; z-index: 100;animation: right-small-move 7s infinite;animation-name: d-right-small-move;animation-name: d-left-pig-move;} .about-balls { left: 20px; top: 63px;animation-name: d-left-small-move; animation: left-small-move 10s -7s infinite alternate-reverse;} .about-p-coin.bgg {width: 100%; bottom: -20px;} .about-girl.jkk {bottom: -5%; width: 38%;z-index: 97;filter: drop-shadow(1px 8px 29px black);} #jp:before{content: ""; pointer-events: none; width: 100%; height: 0; background-size: cover; position: absolute; left: 0; -webkit-animation: bg-animate 18s -4.5s linear infinite both paused; animation: bg-animate 18s -4.5s linear infinite both paused; } #jp:before{ background-image: url(/theme/megawin88/imgs/about_move_bg.png);padding-bottom: 63%;animation-play-state: running;} @keyframes head-slide { 0% { transform: translate3d(0, -100%, 0); } 100% { transform: translate3d(0, 0, 0); } } @keyframes pig-desk-head-slide { 0% { transform: translate3d(-50%, -100%, 0); } 100% { transform: translate3d(-50%, 0, 0); } } @keyframes m-home-stage { 0% { opacity: 0; transform: translate3d(0, -50%, 0) } 100% { opacity: 1; transform: translate3d(0, 0, 0) } } @keyframes home-stage { 0% { opacity: 0; transform: translate3d(0, -50%, 0) } 99.999% { z-index: 0; } 100% { opacity: 1; z-index: 1; transform: translate3d(0, 0, 0) } } @keyframes img-box { 0% { opacity: 0; transform: scale3d(.3, .3, .3); } 33.33% { transform: scale3d(1.1, 1.1, 1.1); } 66.66% { z-index: 0; transform: scale3d(.9, .9, .9); } 100% { opacity: 1; z-index: 2; transform: scale3d(1, 1, 1); } } @keyframes bg-animate { 0% { opacity: .2; transform: scale3d(.6, .6, 1); } 60% { opacity: .2; } 100% { opacity: .1; z-index: 1; transform: scale3d(2, 2, 1); } } @keyframes golden-title-flash { 0%, 33.33%{ opacity: 1; } 66.66%, 100% { opacity: 0; } } @keyframes right-small-move { 0%, 100% { transform: translate3d(0, 0, 0); } //原4倍數 //3 35% { transform: translate3d(0, 8px, 0); } //6 65% { transform: translate3d(-8px, 0, 0); } //9 } @keyframes d-right-small-move { 0%, 100% { transform: translate3d(0, 0, 0); } 35% { transform: translate3d(0, 12px, 0); } 65% { transform: translate3d(-12px, 0, 0); } } @keyframes right-pig-move { 0%, 100% { transform: translate3d(0, 4px, 0); } //原4倍數 //3 35% { transform: translate3d(-4px, 12px, 0); } //9 65% { transform: translate3d(-12px, -4px, 0); } } @keyframes d-right-pig-move { 0%, 100% { transform: translate3d(0, 6px, 0); } 35% { transform: translate3d(-6px, 18px, 0); } 65% { transform: translate3d(-18px, -6px, 0); } } @keyframes left-small-move { 0%, 100% { transform: translate3d(0, 0, 0); } 35% { transform: translate3d(0, -8px, 0); } 65% { transform: translate3d(8px, 0, 0); } } @keyframes d-left-small-move { 0%, 100% { transform: translate3d(0, 0, 0); } 35% { transform: translate3d(0, -12px, 0); } 65% { transform: translate3d(12px, 0, 0); } } @keyframes left-pig-move { 0%, 100% { transform: translate3d(0, -4px, 0); } 35% { transform: translate3d(4px, -12px, 0); } 65% { transform: translate3d(12px, 4px, 0); } } @keyframes d-left-pig-move { 0%, 100% { transform: translate3d(0, -6px, 0); } 35% { transform: translate3d(6px, -18px, 0); } 65% { transform: translate3d(18px, 6px, 0); } } @keyframes right-left-move { 0% { transform: translate3d(-9px, 0, 0); } //原3倍數 35% { transform: translate3d(3px, 0, 0); } 65% { transform: translate3d(-6px, 0, 0); } 100% { transform: translate3d(9px, 0, 0); } } @keyframes d-right-left-move { 0% { transform: translate3d(-12px, 0, 0); } 35% { transform: translate3d(4px, 0, 0); } 65% { transform: translate3d(-8px, 0, 0); } 100% { transform: translate3d(12px, 0, 0); } } @keyframes m-sexy-bg-animate { 0% { opacity: .3; transform: scale3d(.8, .8, 1); } 50% { opacity: 1; transform: scale3d(1, 1, 1); } 100% { opacity: .2; transform: scale3d(1.2, 1.2, 1); } } @keyframes sexy-bg-animate { 0% { opacity: .4; transform: scale3d(1.6, 1.6, 1); } 50% { opacity: 1; transform: scale3d(2, 2, 1); } 100% { opacity: .3; transform: scale3d(2.4, 2.4, 1); } } @keyframes d-sexy-bg-animate { 0% { opacity: .3; transform: scale3d(1, 1, 1); } 50% { opacity: 1; transform: scale3d(1.2, 1.2, 1); } 100% { opacity: .2; transform: scale3d(1.4, 1.4, 1); } } @keyframes m-process-arrow { 0% { transform: translate3d(0, 0, 0); } 50%, 100% { transform: translate3d(0, 14px, 0); } } @keyframes process-arrow { 0%, 20% { transform: translate3d(0, 0, 0); } 60%, 100% { transform: translate3d(14px, 0, 0); } } @keyframes gif-effect{ 0%{opacity:0;} 47%{opacity:0;} 50%{opacity:1;} 97%{opacity:1;} 100%{opacity:0;} } @keyframes ae-girls-ig { 0% {transform:translate3d(0, 0, 0);} 100% {transform:translate3d(0, 5px, 0);} } /*==================HOME-HOT GAMES==================*/ .hot-games {padding: 45px 15px ;background: #00000090 url(/data/1976/uploads/bg-hot.png)center center no-repeat; background-blend-mode: overlay; background-size: cover;} .game-detail {width: 100%;text-align: left;background: #232323;border-radius: 20px; overflow: hidden;position:relative;box-shadow: 0 0 7px 0px black;} p.game-title {color: #d0a249;font-size: 14px;padding: 20px 20px 0;} .game-pro {color: #fff;font-size: 11px;padding: 0 20px; margin: 0 0 20px;} .game-detail img { width: 100% !important;} .game-detail a.play-now {bottom: unset; right: 6px; width: 30%;text-align: center;top: 6%; left: unset;font-size: 10px;} .hot-games #sectionLogo .swiper-slide {width: 23% !important;margin: 10px;text-align: center;height: auto !important;} .hot-games #sectionLogo .swiper-container { width: 95%;} a.seeall { float: right; color: #181818; font-weight: bold; margin-top: -40px; font-size: 13px; margin-right: 20px; background: linear-gradient(0deg,rgb(229 192 85) 85%, rgb(255 233 200) 100%); box-shadow: 0 0 4px 0px black; padding: 6px 10px; border-radius: 5px; font-style: italic; } a.seeall:hover { background: linear-gradient(0deg,rgb(189 189 189) 85%, rgb(255 255 255) 100%); transform: scale(1.05); transition: .5s ease; text-decoration: none; } .hot-games .tg-title { margin-left: 20px; color: #080808;} .top-banner { cursor: pointer; overflow: hidden; } /*==================FOOTER==================*/ .content {width: 100%; margin: 0 auto;} #sectionLogo {position: relative;margin: 20px auto;} #sectionLogo .swiper-container {width: 90%;margin: 0 auto;} #sectionLogo .swiper-wrapper {} #sectionLogo .swiper-slide {text-align: center;height: auto !important;} #sectionLogo .swiper-slide img {width:125px;} #sectionLogo .swiper-button-next, #sectionLogo .swiper-button-prev{border-radius: 5px;background-size: auto 50%;outline: 0;border: 0; } #sectionLogo .swiper-button-next img, #sectionLogo .swiper-button-prev img{display: block;padding: 12px 8px;} #sectionLogo .swiper-button-next:hover;} #sectionLogo .swiper-button-prev:hover {background-color: #8e1a1a;} #sectionLogo .swiper-button-next.swiper-button-white {right: 0;z-index: 2; filter:drop-shadow(-13px 0px 0px gold); transition: 0.3s;} #sectionLogo .swiper-button-prev.swiper-button-white {filter:drop-shadow(13px 0px 0px gold); transition: 0.3s;} #sectionLogo .swiper-button-next.swiper-button-white:hover {filter:drop-shadow(0px 0px 4px gold);} #sectionLogo .swiper-button-prev.swiper-button-white:hover {filter:drop-shadow(0px 0px 4px gold);} #sectionLogo .swiper-button-next {} #sectionLogo .swiper-button-prev {} .swiper-container {margin: 0 auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;} #theme-footer {padding: 25px 0;background:#1d1d1d;} .ft-ars {border-bottom: 1px solid #404040;} p.ft-right {text-align: right;} p.ft-right a {color: #dedede;} p.ft-last {text-align: center;margin: 0;} .ft-left { float: left;} .ft-left ul li {display: inline-block;border-left: 1px solid #404040;padding: 0 6px;} .ft-left ul li:first-child {padding-left: 0px; border-left: 0px;} .ft-left ul { padding: 0; margin: 0;} .ft-left ul li a {color: #dedede;} p.ft-right a:hover,.ft-left ul li a:hover {color: #e5c055; text-decoration: none;} .flag-con {margin-bottom: 20px;} .flag-con ul{padding:0;margin:0;text-align:center;} .flag-con ul li { display: inline-block; width: 3%; margin: 3px;} .flag-con ul li img {width: 100%;} /*==================REGISTER==================*/ #registerform dl dt, #registerform dl dd {display: inline-block;vertical-align:top;} #registerform dl dt { width: 20%; text-transform: uppercase;letter-spacing: 1px;margin-top: 9px;} #registerform dl { } #registerform dl dd {width: 79%;} input#registerform_UserName {width: 86%;} input#registerform_Email,textarea, input[type=text], input[type=password] { border: 0px solid #333333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 0; padding: 6px; width: 100%; color: #fff; background: transparent; border-bottom: 2px solid #bd8620;} dl#groupVerifyCode dd {display: inline-block;border: 0px solid red;width: 39%;} .right-btn #customformsubmit, .btnCheckUser, #registerform_btnSubmit { background: linear-gradient(to top, #b77e18, #e6c256) !important; text-transform: uppercase; border: 0px solid red; padding: 7px 8px; color: #080808; font-weight: bold;} .con-reg ul {padding: 0;margin: 0;text-align: center;} .con-reg ul li { display: inline-block;border: 0px solid red;width: 50%;margin: 10px auto;border-radius: 33px;background: linear-gradient(to top, #b77e18, #e6c256);text-align: left;padding: 6px 10px;} .con-reg ul li img {width: 40px; filter: drop-shadow(1px 1px 1px #00000050);} .con-reg ul li span {padding-left: 8%; text-align: center;font-size: 15px;color: #080808;font-weight: bold;} .con-reg ul li a:hover span {text-decoration: none !important; color: #980000;} .con-reg ul li a:hover{text-decoration: none;} .con-reg {text-align: center;} /*--- PROMOTION ---*/ #myBtnContainer { margin-bottom: 8px; } #myBtnContainer a.btn { color: #000; background: linear-gradient(45deg, #e1bb4f, #b77e18); margin: 0px 10px 0px 0px; padding: 10px 15px; width: 13%; font-size: 18px; border-radius: 10px; transition: 0.3s; border: 1px solid #fff; box-shadow: 0 0 0 0; } #myBtnContainer a.btn:last-child { margin: 0;} #myBtnContainer a:hover.btn, #myBtnContainer a.btn.active { color: #fff; background: linear-gradient(45deg, #b9811b, #dfb94d); box-shadow: inset 0 0 10px 0px #000; border: 1px solid #b96412; } #faq_modal li { width: 33.33%; border: 0px solid red; list-style: none; float: left; } #faq_modal li img { width: 100%; border-radius: 10px; border: 1px solid #ddb54a; } #cms5faq_modal_template_list ol#faq_modal { padding: 0px; } .promo-tit { color: #d1ae8e !important; font-weight: bold; letter-spacing: 0.5px; font-size: 20px !important; } .contentpromo div { font-size: 17px; color: #ffa012; } .contentpromo div span { color: #000; } .contentpromo .sDetail { color: #000; font-size: 17px; } .question a:hover { text-decoration: none; } .contentpromo .butplay2 { margin-top: 25px; } .promo-content { border: 0px solid red; } .promo-content-content { border: 0px solid green; overflow: hidden; height: 700px; padding: 50px 0px; } .promo-content-content .promoright { margin-top: 80px; } .content-size { padding: 25px; margin-bottom: 42px; border-radius: 16px; filter: drop-shadow(2px 4px 6px black); overflow: hidden; text-align: center; } .filterDiv { display: none; margin: 5px 6px ; } .fancybox-opened .promo { position: relative; overflow: hidden; } .fancybox-inner h4 { display: none; } .fancybox-inner { padding: 20px; padding-bottom: 100px; width: auto !important; } .fancybox-inner { padding: 0px 40px; } .fancybox-inner ol { padding: 20px; } .fancybox-skin ul li { list-style: circle; line-height: 20px; } div#cms5-faqcatlist{ display: none;} /*=================SPORTS==================*/ .top-banner img {width: 100%;} .pg-cont {padding: 40px 0;} .pg-cont .col-sm-7 {padding: 0;} .tiltle-lbanner { border: 2px solid #754a11; position: relative; border-radius: 10px; overflow: hidden; } .tiltle-lbanner p.tpt {background: linear-gradient(0deg, #734811, #b78b1f);padding: 0px 15px; font-size: 16px; color: #dedede;font-weight: bold;margin: 0; letter-spacing: 1.5px;} .tiltle-lbanner img {width: 100%;} span.ticon img {width: 50px;margin-right: 6px;} .tiltle-lbanner a.play-now {text-align: center;left: 7%;bottom: 9%;right: unset;width: 17%;font-size: 12px;cursor: pointer;background: linear-gradient(0deg,rgb(239 189 60) 63%, rgba(236,205,94,1) 100%);} .des-lb {border: 0px solid red;position: absolute;bottom: 23%; left: 7%;text-shadow: 2px 2px 4px black;} .des-lb p {font-weight: bold;font-style: italic;color: #eec64e;font-size: 21px; margin: 0;line-height: 23px;} .des-lb h4 {font-weight: bold;color: #fff; letter-spacing: 1px; font-size: 36px; margin: 0;} .right-prodc ul {padding: 0; margin: 0;text-align: center;} .right-prodc ul li {display: inline-block;width: 30%;border: 2px solid #1f1f1f;margin: 0 10px 10px;border-radius: 20px;overflow: hidden; transition: .5s ease;} .right-prodc ul li img {width: 100%;} .right-prodc ul li p {background: linear-gradient(180deg, #e2a624, #a7811e); margin: 0;padding: 10px;text-align: center;color: #080808;font-weight: bolder;font-size: 14px;} .right-prodc ul li:hover {filter: brightness(1.4);transform: scale(1.02);cursor: pointer;} .right-prodc ul li a:hover {text-decoration:none;} .right-prodc ul li:hover p {background: linear-gradient(180deg, #a8811e -12%, #d9a023);} .seo-sec {padding: 35px 0;} .seo-sec h1 {color: #d5aa40; text-transform: uppercase; font-size: 28px; margin-bottom: 35px;} .lvscre,.lvscr {border: 3px solid #d5aa40;} .lvscrm {display:none;border: 3px solid #d5aa40;} /*=================CASINO==================*/ .tab {border: 0px solid red;width: 80%;margin: 5% auto 0;background: linear-gradient(0deg, #080808, #252525);padding: 20px;box-shadow: 0 0 2px 5px black; border-radius: 10px;} .tab-title {text-align: center;font-size: 14px;font-weight: bold;letter-spacing: 1px; margin-bottom: 10px;color: #eec145;} button.tablinks {display: inline-block;width: 45%;background: linear-gradient(0deg,rgb(239 189 60) 63%, rgba(236,205,94,1) 100%);padding: 10px;border: 0px solid red;margin: 8px;color: #080808;border-radius: 22px;font-weight: bold;letter-spacing: 1px;} button.tablinks.active,button.tablinks:hover {background: linear-gradient(0deg, rgb(183 126 24) 7%, rgba(245,215,105,1) 46%, rgba(255,223,163,1) 63%, rgba(236,205,94,1) 100%);transform: translateY(-3px);transition: .5s ease; box-shadow: 0 0 4px 0px #efbd3c;} button.tablinks.active{ transform: translateY(0px);} :focus {outline: -webkit-focus-ring-color auto 0px;} /*================== LOTTERYCONTENT ====================*/ #theme-contain-lottery .tg-title {text-align: center;} .lottab{margin:0px 0px 40px;} .lott .col-sm-6{padding:0;} .lottab ul {padding: 0; margin: 0; text-align: center;} .lottab ul li {display: inline-block; border: 0px solid forestgreen; width: 47%; margin: 13px;} .lottab ul li h4{color:#fff;letter-spacing: 1px;} .lottab table{width:100%; text-align:center;} .lottab table th {text-align: center; padding: 10px 9px;font-family: 'Roboto-bold',sans-serif; border: 1px solid #d5b144; background: #e8ba3a;; color: #161616;} #drawresult ul > li ol {text-align: center;} .lottab table tr td { padding: 8px; border: 1px solid #e5c456; background-color: #2e2e2e;color: #ffffff;} .lottab ul li h4 font {font-size: 16px;} .lotterybox{ text-align: center; margin-bottom:20px;} #drawresult ul > li ol li {padding: 0px 8px !important;} .lotterybox #drawresult ul > li { width: 210px; border: 1px solid #4a4628; margin: 5px; padding: 10px; text-align: center; font-size: 11px; background: #e5c456;border-radius: 0px; } .lotterybox #drawresult ul > li table tr td {color: #161616; border-top: 1px solid #161616;} .lotterybox #drawresult ul > li table caption {background: #b88f23 !important; text-align: center; padding-left: 0px !important; border-radius: 0px;} .lottery-new {padding: 10px;} .lottery-new .btn-primary:hover {color: #fff;background-color: #2caffc;border-color: #24b9fc;} .lottery-new .btn:hover {box-shadow: 0px 3px 5px rgb(46 46 46);transform: translateY(-3px);} .lottery-new button {margin: 17px;background-color: #1ac8fd;text-transform: uppercase;} .panel-heading { font-size: 15px;} .lottery-new .panel-heading {color: #000; border: 0px solid red;} .panel-body {padding: 10px; color: #fff;font-size: 15px; } .panel-body .logo{padding: 10px 0;position: unset;width: unset;} .panel-body .logo .col-sm-4 {margin-left: 9px;width: 29%;border: 0px solid red;} #Magnumimg {background: url(/theme/megawin88/imgs/4D_magnum.png) left no-repeat #383838; height: 50px;width: 85px;} #PMPimg {background: url(/theme/megawin88/imgs/4D_damacai.png) left no-repeat; height: 50px;width: 85px;} #Totoimg {background: url(/theme/megawin88/imgs/4D_toto.png) left no-repeat; height: 50px;width: 85px;} #Singaporeimg {background: url(/theme/megawin88/imgs/4D_sgpool.png) left no-repeat; height: 50px;width: 85px;} #Sabahimg {background: url(/theme/megawin88/imgs/4D_sabah88.png) left no-repeat; height: 50px;width: 85px;} #Sandakanimg {background: url(/theme/megawin88/imgs/4D_stc.png) left no-repeat; height: 50px;width: 85px;} #Sarawakimg {background: url(/theme/megawin88/imgs/4D_cashsweep.png) left no-repeat; height: 50px;width: 85px;} #GDLottoimg {background: url(/theme/megawin88/imgs/4D_gdlotto.png) left no-repeat; height: 50px;width: 85px;} #Perdanaimg {background: url(/theme/megawin88/imgs/4D_perdana.png) left no-repeat; height: 50px;width: 85px;} #LuckyHari-Hariimg {background: url(/theme/megawin88/imgs/4D_luckyharihari.png) left no-repeat; height: 50px;width: 85px;} #GOOD4Dimg {background: url(/theme/megawin88/imgs/4D_good4d.png) left no-repeat; height: 50px;width: 85px;} #THV88 {display: none;} #Magnum .panel-heading,#Magnum .logo {background: #f2bc00;color:#000 !important;} #PMP .panel-heading,#PMP .logo {background: #148ea4;} #Toto .panel-heading,#Toto .logo {background: #dd0000} #Singapore .panel-heading,#Singapore .logo {background: #12689a;} #Sabah .panel-heading,#Sabah .logo {background: #eee;color:#000 !important;} #Sandakan .panel-heading,#Sandakan .logo {background: #2f9405;} #Sarawak .panel-heading,#Sarawak .logo {background: #094405;} #GDLotto .panel-heading,#GDLotto .logo {background: #95650a;} #Perdana .panel-heading,#Perdana .logo {background: #777;} #LuckyHari-Hari .panel-heading,#LuckyHari-Hari .logo {background: #00aced;} #GOOD4D .panel-heading,#GOOD4D .logo {background:#ffd45e;color:#000 !important;} #Magnum .panel-default{border: 3px solid #f2bc00;border-radius: 10px;overflow: hidden;} #PMP .panel-default {border: 3px solid #148ea4;border-radius: 10px;overflow: hidden;} #Toto .panel-default {border: 3px solid #dd0000;border-radius: 10px;overflow: hidden;} #Singapore .panel-default {border: 3px solid #12689a;border-radius: 10px;overflow: hidden;} #Sabah .panel-default {border: 3px solid #eee;border-radius: 10px;overflow: hidden;} #Sandakan .panel-default {border: 3px solid #2f9405;border-radius: 10px;overflow: hidden;} #Sarawak .panel-default {border: 3px solid #094405;border-radius: 10px;overflow: hidden;} #GDLotto .panel-default {border: 3px solid #95650a;border-radius: 10px;overflow: hidden;} #Perdana .panel-default {border: 3px solid #777;border-radius: 10px;overflow: hidden;} #LuckyHari-Hari .panel-default {border: 3px solid #00aced;border-radius: 10px;overflow: hidden;} #GOOD4D .panel-default {border: 3px solid #ffd45e;border-radius: 10px;overflow: hidden;} #LuckyHari-Hari .col-sm-9 {font-size: 14px;} #Magnum #datetime label, #GOOD4D #datetime label, #Sabah #datetime label {color: #000;} #datetime {text-align: right;} #datetime label {background: transparent;} #datetime .col-sm-12 {padding: 0;} .panel.panel-default { background-color: #2e2e2e; text-align:left;} .panel-body label {color: #fff;background: #000;padding: 4px;width: 100%;} .panel-body #TopThree .col-sm-4 {padding: 1px;} #TopThree, #Special, #Consolation {padding: 10px 20px;} .popwin {color: #fff;} #TopThree {padding-top:20px;} #Consolation {padding-bottom: 20px;} /*================== COCKFIGHT ====================*/ .right-seo h1, .right-seo h2 {font-size: 23px;text-transform: uppercase;color: #eec64e;} .right-seo {padding: 16% 0px;} /*================== VIP ====================*/ .table-vip table tr th { background: #d5aa40; color: #000; letter-spacing: 1px; } .table-vip table tr th, .table-vip table tr td { border: 1px solid #d5aa40; padding: 5px 10px; text-align: center; } .table-vip table { width: 100%; } .table-vip { margin-bottom: 20px; } /*================== affilitate ====================*/ hr { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(254 213 62), rgba(0, 0, 0, 0)); margin: 5% 0; } .affiliate-content{ text-align: center; } .affiliate-content h1 { color: #d9b636; font-weight: 900; } .affiliate-content table tr th { background: linear-gradient(180deg, rgb(236 205 94), #d5aa40); color: #000; } .affiliate-content table tr th, .affiliate-content table tr td { border: 1px solid #fff; text-align: center; padding: 5px 10px; } .affiliate-content table { width: 100%; margin-bottom: 3%; } /*================== float ========================*/ .toggleMain { position: fixed; left: -244px; top: 161px; z-index: 99; transition: 0.3s; } .toggleMain.show { left: 0; } .toggleLeftInfo { float: left; background-color: #000; border-bottom-right-radius: 10px; box-shadow: 0 2px 6px 0 rgb(0 0 0 / 50%); border-bottom: 1px solid #2c2c2c; border-right: 1px solid #2c2c2c; border-top: 1px solid #2c2c2c; } .toggleLeftInfo td { text-align: center; padding: 2px; } .toggleLeft { cursor: pointer; float: left; height: 170px; width: 42px; background: #deae37; display: flex; align-items: center; flex-direction: column; transition: .3s; border-top-right-radius: 0.05rem; border-bottom-right-radius: 0.05rem; background-image: url(/data/1976/uploads/contact-us-bar.png); } .toggleRight { float: left; height: 170px; width: 42px; background: #deae37; display: flex; align-items: center; flex-direction: column; transition: .3s; border-top-right-radius: 0.05rem; border-bottom-right-radius: 0.05rem; background-image: url(/data/1976/uploads/contact-us-bar.png); } .hotgameIconGif { margin-top: 140px; position: absolute; } .downloadTitle { transform: rotate(90deg); /* Equal to rotateZ(45deg) */ color: #000; /*margin-left: -80px;*/ margin-left: -40px; margin-top: 30px; height: 100px; font-weight: bold; } .downloadimg { border: 1px solid rgba(64,64,64,0.5); background-color: rgba(51,51,51,0.5); margin: 2px; } .downloadimg img { width: 100px; padding: 5px; } /*================== MALL ========================*/ .ctrllist.iconx32 ul li a { padding: 6px 10px; background: #f00; color: #fff; border-radius: 5px; } .ctrllist.iconx32 ul { list-style: none; padding: 0; } form#cartlist input[type="button"] { background: linear-gradient(50deg, #bf8a23, #fddd9b, #bf8a23, #fddd9b); color: #000; border: 0; padding: 6px 10px; border-radius: 5px; } .tbllist .tbl tfoot td { border-top: 1px solid #fff; padding: 3px 8px; background: transparent; } div#prod-cart .spacer { padding: 20px 0; } form#cartlist thead { background: #b18200; } div#continue-shopping a { color: #000; } div#continue-shopping { background: #ffd400; width: fit-content; padding: 10px; border-radius: 8px; } div#prod-cart { width: 95%; margin: auto; max-width: 1000px; } #search-bar { width: 97%; max-width: 1000px; margin: auto; border: 1px solid #bd8620; border-radius: 10px; color: #fff; padding: 10px 20px; } legend{ color: #fff; } select#sortlist { background: #000; border-radius: 4px; } a#clear-btn { background: #f00; color: #fff; padding: 8px; border-radius: 4px; } #cms5-prod-list { margin: 20px auto; width: 97%; text-align: center; } #cms5-prod-list ul { list-style: none; height: auto; margin: 8px 4px; display: inline-block; transition: 0.3s; border: 0px solid #efcd60; width: 19%; padding: 25px 0 25px; background: #fff; box-shadow: 0px 2px 5px 0px #00000091; border-radius: 25px; } #cms5-prod-list ul #photo { display: block; text-align: center; } #cms5-prod-list ul #title { display: block; height: 50px; overflow: hidden; text-align: center; font-size: 15px; font-weight: 700; } #cms5-prod-list ul #code { display: none; overflow: hidden; } #cms5-prod-list ul #price { display: block; clear: both; text-align: center; color: #7a7a8d; } #cms5-prod-list ul #desc { display: none; height: 85px; overflow: hidden; } #cms5-prod-list ul #addcart { text-align: center; padding-top: 10px; margin-top: 10px; } #cms5-prod-list ul #details { display: none; } #cms5-prod-list ul li { clear: both; display: block; } #cms5-prod-list ul #photo .caption { display: none; } #cms5-prod-list ul #title .caption, #cms5-prod-list ul #price .caption, #cms5-prod-list ul li#enquiry{ display: none; } #cms5-prod-list ul #title a, #cms5-prod-list ul #title a:visited { color: #787878; } #cms5-prod-list ul #addcart a , td#addcart a{ padding: 11px 17px; text-align: center; background: linear-gradient(0deg, rgb(183 126 24) 7%, rgba(245,215,105,1) 46%, rgba(255,223,163,1) 63%, rgba(236,205,94,1) 100%); background-size: 100%; width: 126px; height: 38px; border: 0px; color: #000; border-radius: 10px; box-shadow: 0px 2px 4px 1px #b77e18; margin: auto; } div#price-range input#price-min, div#price-range input#price-max { display: inline-block; width: 18%; margin: 5px 0px; } #price-range input#stock { margin-left: 10px;} #cms5-prod-view { clear: both; display: block; margin: 60px auto; width: 80%; border-radius: 10px; border: 2px solid #c5c5c5; background: transparent; padding: 20px; color: #fff; } td#title { font-size: 33px; color: #c8962e; font-weight: 600; } #cms5-prod-view > table > tbody > tr > td{ vertical-align: middle; } td#caption, tr#enquiry, td#sharelink, tr#code { display: none; } form#customform { width: 90%; max-width: 400px; margin: auto; padding: 10px 15px; border-radius: 10px; border: 1px solid #d6ab41; } form#customform dd { text-align: left; margin-bottom: 5px; } /*================== CONTACT ====================*/ .contactus { width: 100%; margin: auto; position: relative; text-align: center; background: #00000080 url(/data/1976/uploads/contact-bg.png); background-size: cover; background-position: bottom; background-blend-mode: overlay; } .rightimg { position: relative; display: inline-block; } .girl { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); } .leftcontent p { margin: 10px 0; font-size: 18px; letter-spacing: 2px; color: rgb(255 255 255); } .leftcontent { display: inline-block; vertical-align: middle; margin-right: -6%; position: relative; z-index: 1; } .leftcontent-box { text-align: left; } .leftcontent h1 { font-weight: 900; font-size: 77px; color: #fff; font-family: sans-serif; } .stroke{-webkit-text-stroke: 2px #fff; color: #0000;} /*================== NEWS VIDEO ====================*/ .yt {position: absolute;bottom: 13%;left: 10%;} .vid-jk {width: 100%;height: 336px;margin: auto;} .video-bg {position: relative;} .video-bg img {width: 100%;} .vid-jk iframe {height: 336px;width: 100%;} .video-left #myCarousel {border: 2px solid #6b6b6b;} h2.vidti { margin: 0;padding: 10px 15px;font-size: 16px;background: linear-gradient(0deg, #717171, #353535);} .video-left .carousel-control {text-shadow: 0 0px 0px rgba(0,0,0,.6); opacity: 1; z-index: 99;background: transparent;} .video-left span.glyphicon {color: #dedede;border: 0px solid red;margin: 0 !important;padding: 5px;font-size: 18px !important;width: 30px !important;height: 30px !important;background: #575757;border-radius: 30px;} .video-left .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {right: 10px;} .video-left .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 10px;} .home-news-box{height:360px; overflow: auto; margin: 8px 0px 10px; border:0px solid #eecd5c; padding:5px 20px 10px 0px;} #style-1::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(44,44,44,0.3);border-radius: 10px;background-color: #5b5b5b;} #style-1::-webkit-scrollbar{width: 3px;background-color: #F5F5F5;} #style-1::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(44,44,44,.3);background-color: #c7c7c7;} #cms5-newscatlist { display: none;} #news_template_list ul { list-style:none; margin:0px; padding:0px; } #news_template_list ul li {border-top: 1px solid #222222;padding: 15px 0;clear: both;} #news_template_list ul li:first-child {border-top: 0px solid red;} #news_template_list #spacer{ margin-top: 3px; margin-bottom: 3px;} #news_template_list #separator{ background-image:url(/theme/megawin88/imgs/line-dot.gif); margin-top: 3px; margin-bottom: 3px; display:block; height:1px;} #news_template_list #photo {float:left; margin: 0px 5px 0px 5px; clear: right; border: 0px solid #494949; overflow:hidden;width: 12%;} #news_template_list #photo img { width: 100%; height: unset;} #news_template_list #title{ padding-left:15px; margin:5px; background-image:url(/theme/megawin88/imgs/icon-news.gif); background-position:top left; background-repeat:no-repeat; display:block; } #news_template_list #title a{text-decoration : none; font-size : 13px;color: #eebc2b;} #news_template_list #title a:hover{ color:#080808; /*background:url(/theme/megawin88/imgs/arrow.gif) top left no-repeat;*/} #news_template_list #message { color:#dedede; font-size : 12px; text-align:justify;} #news_template_list #message a:hover{ color:#FF952B;} #news_template_list #details { color:#FF952B; text-align:right; padding-top:10px; font-size:10px;} #news_template_list #details a {border-radius: 2px;padding: 5px 10px;font-size: 12px;margin: 10px auto;background: linear-gradient(0deg,rgb(229 192 85) 63%, rgba(236,205,94,1) 100%);color: #000;font-weight: bold;} #news_template_list #details a:hover {transition: .3s ease; box-shadow: 0 0 2px 1px #846823; text-decoration: none;background: linear-gradient(0deg, rgb(183 126 24) 7%, rgba(245,215,105,1) 46%, rgba(255,223,163,1) 63%, rgba(236,205,94,1) 100%);} #news_template_list #source{ font-size : 12px; font : bold; color:#4D5259; display:block; } #news_template_list #source a{ color:#ff4e00; } #news_template_list #source a:hover{ color:#d94200;} #news_template_list #doc1link{ font-size : 13px; font : bold; color:#4D5259; padding:10px;} #news_template_list #doc1link a{ text-decoration : none; color:#text-decoration : none; color:#6c00ff;} #news_template_list #doc1link a:hover{ color:#4a01ae;} #news_template_list #doc2link{ font-size : 13px; font : bold; color:#4D5259; padding:10px;} #news_template_list #doc2link a{ text-decoration : none; color:#text-decoration : none; color:#760088;} #news_template_list #doc2link a:hover{ color:#9200a8;} #news_template_list #doc3link{ font-size : 13px; font : bold; color:#4D5259; padding:10px;} #news_template_list #doc3link a{ text-decoration : none; color:#text-decoration : none; color:#00a8b7;} #news_template_list #doc3link a:hover{ color:#007d88;} #template_maillist_archieve{ margin:5px; padding:5px; border-bottom:1px dashed #9D9D9D; } #template_maillist_archieve #subject{ font-size:11px;} #template_maillist_archieve #date{ color:#9D9D9D;} #template_maillist_archieve #message{} #cms5-news-view {width: 1200px; margin: auto; padding: 45px 0;} /*================== SLOTS GAME ====================*/ .toptab.tab {width: 98%;text-align: center;margin: 20px auto;} .toptab.tab button.tablinks {width: 16%;border-radius: 0;margin: 0;margin-left: -4px;} .right-slot-float .right-prodc ul li {width: 18%;margin: 8px;} .right-slot-float { border: 0px solid red;} .toptab.tab button.tablinks {width: 16%;border-radius: 0;margin: 0;margin-left: -4px;} .toptab.tab {width: 100%;text-align: center;margin: 20px auto;} .pg-cont.slotss {padding: 0 17px 20px;overflow: hidden;} .left-float-slot {float: left;width: 38%;margin: 21px 0 0 17px;} #tab-top{position:relative;overflow:hidden;} #tab-top>div{} #arrowR, #arrowL {position: absolute;top: 50%;transform: translateY(-50%);z-index:99;} #arrowL{left:0;} #arrowR{right:0;} #tab-home ul > li a + .menu-new{width:30%; max-width:50px;min-width:30px;} #arrowR i.fa, #arrowL i.fa {font-size: 23px;color: #d5aa40;cursor: pointer;} #arrowR:hover i.fa, #arrowL:hover i.fa {color: #fff;} #tab-home::-webkit-scrollbar{display:none;height:4px;cursor:pointer;} #tab-home {width:90vw;overflow:auto; margin:auto;} #tab-home ul {overflow-x:auto;padding: 0; margin: 0; list-style: none;} #tab-home ul>li {background-image: none;background: #212121;float: left;position: relative;box-sizing: border-box; width: 18vw;text-align: center;color: #d5aa40;} #tab-home ul > li:not(:last-child):before{content:"";height:100%; position:absolute;border-left: 1px solid #080808; right:0; top:0 ;bottom:0; margin:auto;} #tab-home ul > li:not(:first-child):after{content:"";height:100%; position:absolute; border-left:1px solid rgba(0,0,0,0.2); left:0; top:0 ;bottom:0; margin:auto;} #tab-home ul > li.active {background-color:#171717; color:#af9a52; background-image:none;} #tab-home ul > li.active .icn-home-body{background-position-y:100%;} #tab-home ul > li i {margin-bottom:5px;} #tab-home ul > li a{letter-spacing:1px; color:#dedede;padding:17px 0; display:block; font-weight:bold;font-size: 12px;} #tab-home ul > li.active a{color:#fff;text-decoration: none;} #tab-home ul>li img {width: 150px;margin-bottom: 10px;} .nav-toplogo {margin: 2% auto;} #tab-home ul>li:hover {background: #efbd3c;} #tab-home ul>li:hover a {color: #080808;text-decoration: none;} #tab-home ul>li:hover a img {filter: drop-shadow(1px 1px 1px black);} .right-slot-float .right-prodc ul li {position: relative;} .right-slot-float .right-prodc ul li:hover img {filter: brightness(0.3);} .play-now-slot {border: 0px solid red;position: absolute;left: 0; right: 0;width: 40%; top: 50%;padding: 10px 0;transform: translateY(-50%);margin: auto;background: #efbf40;color: #080808;text-transform: uppercase;border-radius: 20px;font-weight: bold;visibility: hidden;} .right-slot-float .right-prodc ul li:hover .play-now-slot{visibility:visible;box-shadow: 0 0 9px 3px #846823;text-decoration: none;background: linear-gradient(0deg, rgb(183 126 24) 7%, rgba(245,215,105,1) 46%, rgba(255,223,163,1) 63%, rgba(236,205,94,1) 100%);} /*================== popmsg ====================*/ div#popmsg { max-width: 100%; width: 581px; margin: auto; } /*================== MOBILE DOWNLOAD ====================*/ .mob-game {border: 1px solid #d5aa40;text-align: center;padding: 20px 10px;display: inline-block;width: 23.5%;margin: 8px;vertical-align:top;} img.logo-mobb {width: 88px !important;} .mob-game img {width: 100%;} .mob-game h2 {color: #d5aa3b; margin: 10px auto 20px;font-size: 24px;} .mob-game ul {padding: 0; margin: 0;} .mob-game ul li {display: inline-block;width: 28%;margin: 5px;} .mbg1 {background: url(/theme/megawin88/imgs/mbg1.png)center center no-repeat;background-size: cover;} .mbg2 {background: url(/theme/megawin88/imgs/mbg2.png)center center no-repeat;background-size: cover;} .mbg3 {background: url(/theme/megawin88/imgs/mbg3.png)center center no-repeat;background-size: cover;} .mbg4 {background: url(/theme/megawin88/imgs/mbg4.png)center center no-repeat;background-size: cover;} .mbg5 {background: url(/theme/megawin88/imgs/mbg5.png)center center no-repeat;background-size: cover;} .mbg6 {background: url(/theme/megawin88/imgs/mbg6.png)center center no-repeat;background-size: cover;} .mbg7 {background: url(/theme/megawin88/imgs/mbg7.png)center center no-repeat;background-size: cover;} .mbg8 {background: url(/theme/megawin88/imgs/mbg8.png)center center no-repeat;background-size: cover;} .content-overlay li {margin: 15px auto;} .content-overlay li a {color: #d5aa40;} #cms5-news-list {display: none;} .seo-sec .right-seo {padding: 25px 0 0;} .seo-sec .right-seo h1, .seo-sec .right-seo h2 {margin: 20px auto 10px;} .promo-ans ul {padding-left: 20px;} .lottery-new .panel.panel-default {min-height: 500px;} #GDLotto {display: none;} table.tbl-list {width: 100%;} table.tbl-list.casinoo {border: 1px solid #4c4c4c;} table.tbl-list.casinoo th {text-align: center;padding: 10px 0;background: #d5aa40;font-size: 15px;color: #080808;} table.tbl-list.casinoo td {border: 1px solid #4c4c4c;padding: 10px 0;text-align: center;} .lang-btn:hover, .lang-btn:focus {color: #f9da82;} .right-btn .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {background-color: #800900;color: #fff;} .right-btn .dropdown-menu>li>a {text-align: center;} .home-slot.active {display: block;} .home-slot {display: none;} /*----------------------------------------------------------------------------------------------------------------------*/ /*===========================BIG SCREEN===========================*/ /*--------------------------------------------------------------------------------------------------------------------------------*/ @media screen and (max-width:1920px) and (min-width:1800px){ .logo { width: 16%;} #tab-home ul>li { width: 14.5vw;} .hot-games .container-fluid {width: 1800px;} .h-top { min-height: 80px;} .hot-games {padding: 45px 15px ;background: #00000090 url(/data/1976/uploads/bg-hot.png)center center no-repeat; background-blend-mode: overlay; background-size: cover;} .game-detail {width: 100%;text-align: left;background: #232323;border-radius: 20px; overflow: hidden;position:relative;box-shadow: 0 0 7px 0px black;} p.game-title {color: #d0a249;font-size: 20px;padding: 20px 20px 0;} .game-pro {color: #fff;font-size: 13px;padding: 0 20px; margin: 0 0 20px;} .game-detail img { width: 100% !important;} } @media all and (min-width: 1025px){ #theme-frame{ position: sticky; top: 0; z-index: 1050; } } /*--------------------------------------------------------------------------------------------------------------------------------*/ /*===========================MOBILE SCREEN===========================*/ /*--------------------------------------------------------------------------------------------------------------------------------*/ @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) { #theme-frame{width:100%;} #theme-frame-panel{ display:block; width:100%;} .themetbl .cellbox { list-style:none; display:table; padding:0px; margin:0px; width:90%; height:100%; min-height:350px;} .themetbl .cellbox > li {display:block; vertical-align:top; } .themetbl .cellbox li#theme-content { padding:5px 10px; text-align:justify; width:100%; height:100%; } .themetbl .cellbox li#theme-frame-panel {width:200px; padding:10px 0px 10px 10px; background:#efefef; width:100%; height:100%; display:inline-block;} .container-fluid { width: 100%;} .w1200,.w1300 {margin: auto;width: 100%;} .logo { position: unset; width: 70%;} .modal-dialog.modal-md {width: 77%;} .language .modal-dialog {width: 70%;} .lp-title ul li {display: inline-block;width: 25%; margin: 16px auto;} .flexslider .slides img {max-width: 100%;} #sectionLogo .swiper-slide img {width: 100%;} #sectionLogo .swiper-slide {width: 20% !important;} .right-btn {float: unset; margin-top: 4px;text-align: center;margin-right: 0;} .language { display: block; width: 13%; text-align: center; margin: 10px auto 0;} .info ul li {width: 12%;} .info ul li img {padding: 0;} .info ul li:nth-child(2) { width: 73%; padding: 10px;} .info {padding: 15px 0;} .hot-games {padding: 45px 0px;} .hp-des {padding: 20px 10px;} .avg {width: 100%;} .owl-slidee {border: 0px solid red;overflow: hidden; width: 345px;margin: auto;} .why-pic {position: unset; width: 100%;} .tg-prod ul li { width: 43%;} .why .col-sm-12 { padding: 3% 3% 0;} .img-box { min-height: 215px;} .ft-left {margin: 10px auto;float: unset;} .ft-left ul {text-align: center;} p.ft-right {text-align: center;padding: 0 10px;} .flag-con ul li {width: 8%;} #jackpot {bottom: 19px;font-size: 23px;} .hot-games .tg-title {color: #ffffff;} .tiltle-lbanner a.play-now {bottom: 6%;width: 24%;} .right-prodc ul li { width: 43%; margin: 10px;} .tab {width: 100%;} button.tablinks {width: 44%;margin: 6px;padding: 10px 0;} #tab-home ul>li {width: 28vw;} .toptab.tab button.tablinks { width: 46%; margin: 5px; margin-left: 5px;} .left-float-slot {float: left; width: 100%; margin: 21px auto;} .right-slot-float .right-prodc ul li {width: 44%; vertical-align: top;} .play-now-slot {width: 60%;} .right-prodc ul li p { padding: 10px 0; font-size: 12px;} a.play-now {width: 53%;} #tab-home ul > li a {padding: 17px 3px; font-size: 12px;} #tab-home ul>li img {width: 100%;margin-bottom: 10px;} .lottab ul li { width: 90%; margin: 13px auto;} .panel-body .col-sm-3 {display: inline-block;width: 33%;} .faq-promos .tab {width: 100%; margin: 5% auto;} .promo-page {padding: 0;} .fancybox-wrap {width: 88% !important;} .qr {width: 37%;} #registerform dl dd {width: 100%;} #registerform dl dt {width: 100%;} input#registerform_UserName {width: 74%;} .con-reg ul li {width: 54%; margin: 10px 5px;} dl#groupVerifyCode dd {width: 45% !important;} .mob-game { width: 96%;} } /*=============================================================*/ /*--------------------------------------- MOBILE VIEW LANDSCAPE ---------------------------------------*/ /*=============================================================*/ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { .logo { width: 40%;} .language { width: 5%;} .img-box { min-height: 315px;} #jackpot {bottom: 30px;font-size: 40px;} .info .col-sm-3 { display: inline-block; width: 49.5%;} .steps ul li {display: inline-block;width: 49%;} .owl-slidee {width: 630px;} .avg-box {padding-top: 30px;} .avg { width: 80%;} button.tablinks {width: 30%;} .lottery-new .col-sm-4 {display: inline-block; width: 50%;} .right-seo {padding: 2% 0px;} .faq-promos button.tablinks { width: 30%; margin: 6px;} .promo .info {text-align: center;} .contact-pg .col-sm-3 {display: inline-block; width: 49%; vertical-align: top;} .qr {width: 46%;} .col-sm-6.news-right { padding: 20px 15px;} .con-reg ul li {width: 34%;} input#registerform_UserName {width: 85%;} .mob-game { width: 47%;} } /*=============================================================*/ /*------------------------------------------------- iPhone 6/7/8 plus portrait---------------------------------------------*/ /*=============================================================*/ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { } /*=============================================================*/ /*------------------------------------------------- iPhone 6/7/8 plus landscape---------------------------------------------*/ /*=============================================================*/ @media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 3) { } /*=============================================================*/ /*------------------------------------------------- iPhone X landscape---------------------------------------------*/ /*=============================================================*/ @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { .logo { width: 29%;} .why-pic {position: absolute;width: 38%;right: 0;} .info .col-sm-3 { width: 50%;} .language { width: 6%;} .tg-prod ul li {width: 22%;} .img-box {min-height: 400px;} #jackpot {bottom: 36px;font-size: 45px;} .col-sm-9.jackpot {width: 100%;} .col-sm-3.steps {width: 100%;padding: 20px 15px 0;} .steps ul li {display: inline-block;width: 48.5%;padding: 14px;} .modal-dialog.modal-md {width: 43%;} .tiltle-lbanner a.play-now {bottom: 2%;width: 31%;} button.tablinks {width: 100%; margin: 6px auto;} .left-float-slot {float: left;width: 47%; margin: 11px auto 21px;} .right-slot-float .right-prodc ul li { width: 21%;} .right-seo {padding: 0px;} .faq-promos .tab { padding: 20px 5px;} .contact-pg .col-sm-3 {display: inline-block; width: 49%; vertical-align: top;} .con-reg ul li {width: 72%;} .flag-con ul li {width: 6%;} .mob-game {width: 47.9%;} } /*==========================================================*/ /*------------------------------------------------- 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) { .logo { width: 35%;} .tg-prod ul li {width: 22%;} .modal-dialog.modal-md {width: 43%;} .info .col-sm-3 { width: 50%;} .img-box {min-height: 380px;} #jackpot {bottom: 36px;font-size: 45px;} .col-sm-9.jackpot {width: 100%;} .col-sm-3.steps {width: 100%;padding: 20px 15px 0;} .steps ul li {display: inline-block;width: 48.5%;padding: 14px;} .why-pic {position: absolute;width: 38%;right: 0;} .con-reg ul li {width: 79%;} .tiltle-lbanner a.play-now {bottom: 2%;width: 31%;} button.tablinks {width: 100%; margin: 6px auto;} .left-float-slot {float: left;width: 47%; margin: 11px auto 21px;} .right-slot-float .right-prodc ul li { width: 21%;} .right-seo {padding: 0px;} .faq-promos .tab { padding: 20px 5px;} .contact-pg .col-sm-3 {display: inline-block; width: 49%; vertical-align: top;} .flag-con ul li {width: 6%;} .mob-game {width: 47.9%;} #registerform dl dt {width: 24%;} #registerform dl dd {width: 63%;} input#registerform_UserName {width: 70%;} dl#groupVerifyCode dd {width: 37% !important;} } /*==========================================================*/ /*------------------------------------------------- iPad --------------------------------------------------*/ /*==========================================================*/ /*---------------------Landscape---------------------*/ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { .logo { width: 34%;} .language { width: 5%;} .con-reg ul li {width: 61%;} .modal-dialog.modal-md {width: 32%;} #registerform dl dt {width: 24%;} #registerform dl dd {width: 75%;} input#registerform_UserName {width: 70%;} dl#groupVerifyCode dd {width: 37% !important;} .mob-game {width: 31.7%;} .tg-prod ul li {width: 22%;} .col-sm-3.steps {width: 100%;padding: 20px 15px 0;} .steps ul li {display: inline-block;width: 48.5%;padding: 14px;} .why-pic {position: absolute;width: 38%;right: 0;} .img-box {min-height: 450px;} #jackpot {bottom: 36px;font-size: 68px;} .col-sm-9.jackpot {width: 100%;} .steps ul li {width: 24.7%;padding: 5px;} .lsimg {width: 20%;} .rsdes h6 { font-size: 15px;} .avg {width: 85%;} .flag-con ul li {width: 4%;} #tab-home ul>li {width: 18vw;} .toptab.tab button.tablinks {width: 18%;} .tiltle-lbanner a.play-now {bottom: 2%;width: 31%;} button.tablinks {width: 100%; margin: 6px auto;} .left-float-slot {float: left;width: 47%; margin: 11px auto 21px;} .right-slot-float .right-prodc ul li { width: 21%;} .panel-heading .col-sm-9 {font-size: 14px;} .right-seo { padding: 45px 0px;} .contact-pg .col-sm-3 {display: inline-block; width: 25%; vertical-align: top;} .c-inner {padding: 10px 9px; border: 1px solid #c9972f; min-height: 300px;} .c-area {border: 0px solid red; padding: 0;} } /*=============================================================*/ /*------------------------------------------------- iPad PRO ---------------------------------------------*/ /*=============================================================*/ /*------------- Portrait-----------------*/ @media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2){ .language { width: 6%;} .img-box {min-height: 450px;} #jackpot {bottom: 44px; font-size: 64px;} .steps ul li {width: 24.7%;padding: 5px;} .lsimg {width: 20%;} .rsdes h6 { font-size: 15px;} .avg {width: 85%;} button.tablinks {width: 45%; margin: 8px;} #tab-home ul>li {width: 18vw;} .toptab.tab button.tablinks {width: 18%;} .panel-heading .col-sm-9 {font-size: 14px;} .right-seo { padding: 45px 0px;} .contact-pg .col-sm-3 {display: inline-block; width: 25%; vertical-align: top;} .c-inner {padding: 10px 9px; border: 1px solid #c9972f; min-height: 300px;} .c-area {border: 0px solid red; padding: 0;} } /*=============================================================*/ /*------------------------------------------------- iPhone 5 ---------------------------------------------*/ /*=============================================================*/ @media screen and (device-aspect-ratio: 40/71) { } /*=============================================================*/ /*------------------------------------------------- Mi 9T PRO / SAMSUNG A50 ---------------------------------------------*/ /*=============================================================*/ /* ----------- Mi 9T PRO ----------- */ /*Landscape */ @media only screen and (min-device-width: 491px) /*== 1920 1800 ==*/ and (max-device-width: 491px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { } @media all and (max-width:1024px){ #cms5-prod-list ul{ width: 26%;} #myBtnContainer a.btn, #myBtnContainer a.btn:last-child { margin: 0px 2px 6px 2px; width: 32%; } .content-size{ padding: 20px 0; } } @media all and (max-width:988px){ .leftcontent{ margin-right: 0; } .leftcontent p{text-align: center;} #faq_modal li { width: 50%; } } @media all and (max-width: 563px){ .leftcontent h1{ font-size: 60px;} #cms5-prod-list ul{ width: 48%; } #myBtnContainer a.btn, #myBtnContainer a.btn:last-child { width: 47%; } }