@import url("./font/font.css");
@import url("/theme/Default/style.css");

@viewport {
  width: device-width;
  zoom: 1;
}



html,body{
	height:100%;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family: 'Roboto-r',sans-serif;overflow-x:hidden !important;
}
.clearboth {clear:both;}
html {display:table;}
body {display:table-row;}
html,body{
	height:100%;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-size:12px;
	font-family: 'Roboto-r',sans-serif;
}
textarea, input[type=text], input[type=password] {
    border: 2px solid #95201d;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 0px;
    padding: 7px;
}

form#customform dl {display: inline-block;}
#theme-header-top {}
.login-top {float: right;margin-top: 26px;}

form#customform, .reg-btn {display: inline-block;}
a.reg-btn {border: 0px solid red;padding: 9px;background: #d7a524;color: #1b1b1b;font-weight: bold;margin-left: 5px;}
a.reg-btn:hover {text-decoration: none;background: #f2de78;transition: .3s ease;}
 
 
 input#customform_submit {
    border: 0px solid red;
    padding: 9px 15px;
    margin-left: 5px;
    text-transform: uppercase;
    background: #941e1b;
    color: #fff;
    font-weight: 600;}

input#customform_submit:hover {background: #de221e;transition: .3s ease;}

::-webkit-scrollbar {
    background: #d0221b;
    width: 5px;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    background: #d0221b;
    border-radius: 6px;
    border: 0px solid #CFD8DC;
}

::-webkit-scrollbar-track {
    background: #080808;
    border-radius: 2px;
}

#theme{display:table-cell;height:100%;width:100%;background: #17171b;background: url(imgs/bg-all.jpg)center center no-repeat fixed;background-size: cover;}

.themetbl {display:table;}
.themetblrow {display:block;}
.themetblcell {display:block;}
.themetblwidth {width:100%;}
.themetblheight {height:auto;}
.theme-container-box { width:100%; height:500px; }

#theme-frame{margin:auto;width:100%;background:#ffffff;}
#theme-header {background: url(imgs/header_bg01.png)top center no-repeat;background-size: cover;}
#theme-header-content { position:relative; }

#theme-menu{ height:32px; z-index:500; position:relative;}
#theme-menu #cmsmenu {z-index:999;}
#theme-container { clear:both; position:relative;}
#theme-footer {
	clear:both; 
	padding:10px; 
	text-align:center;background: #1B1B1B;
	vertical-align:middle;}

.container {width: 1200px !important;}

#theme-title {  padding-left:10px;}
#theme-lang {position:absolute; left:0px; top:0px;}
#theme-header-link {position:absolute; right:10px; top:0px;}
#theme-header-link ul {list-style:none; }
#theme-header-link ul li { display:inline; border-left:0px solid #efefef; }
#theme-header-link ul li:first-child{ border:0px;}
#theme-header-link a,
#theme-header-link a:visited { color:#ffffff; text-decoration:none; padding:2px 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#theme-header-link a:hover { font-weight:bold; background:#ffffff; color:#114e86;}
#theme-header-logo {position:absolute; left:0px; top:0px;}
#theme-header-logo img { width:120px;}

.themetbl .cellbox { list-style:none; display:table; padding:0px; margin:0px; width:100%; height:100%; min-height:350px; padding-top:10px;}
.themetbl .cellbox > li {display:inline-block; vertical-align:top; }
.themetbl .cellbox li#theme-content { padding:5px 10px; text-align:justify; width:770px; height:100%; min-height:350px;}
.themetbl .cellbox li#theme-frame-panel {width:200px; padding:10px 0px 10px 10px; background:#efefef;  width:190px; height:100%; min-height:350px; display:inline-block;}

#theme-nav { clear:both; padding:10px; background:#efefef; display:block; }
#theme-nav ul {margin:0px; padding:0px; list-style:none;  }
#theme-nav ul li { display:inline; }
#theme-nav ul li a,
#theme-nav ul li a:visited { color:#000000; text-decoration:none; font-weight:bold; padding:0px 10px 0px 10px; background:url(icon/arrow-v.png) left no-repeat; }

/*-------------------------------ADMINLOGINX----------------------------*/
#theme-contain-adminloginx table {margin: 50px auto;}
#theme-contain-adminloginx td {color: #fff;}
#theme-contain-adminloginx input {color: #000;}
#theme-contain-adminloginx input[type="submit"] {
    border: 0px solid red;
    padding: 9px 15px;
    margin-left: 5px;
    text-transform: uppercase;
    background: #941e1b;
    color: #fff !important;
    font-weight: 600;
}






/*-------------------------------HEADER----------------------------*/
.header_hd {height: 23px;color: #fff;}
.pullLeft {float: left;}
.header_hd .pullLeft {width: 370px;}

.lang {display: inline-block;width: 22px;height: 18px;background: url(imgs/lang_circle.png) no-repeat center -1px;vertical-align: middle;}
.header_hd a {display: inline-block;margin: 0 2px;vertical-align: middle;text-decoration: none;text-overflow: ellipsis; overflow: hidden;white-space: nowrap;color: #fff;font-size: 12px;}
.pullRight {float: right;}

#theme-header-top img {width: 19.5%;margin-left: 46px;}

#menu-line {display: none;}
#cssmenu {background: transparent;font-family: 'Roboto-r',sans-serif;font-weight: 600;}
#cssmenu > ul > li > a {
    display: block;
    width: 164px;
    height: 52px;
    line-height: 18px;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #939393;
    font-size: 15px;
    padding-top:20px;
    background: url(imgs/nav_over.png) 0 0 no-repeat;}

#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {color: #A50F0C;background-position: 0 98%;}
#cssmenu > ul > li {margin-left: -36px;}
#cssmenu > ul > li:first-child {margin-left: 0;}


.header_hd .dtime {display: inline-block;}




/*-------------------------------FOOTER----------------------------*/
.in-ft {font-size: 14px; color: #636363;}
ul.site-ft {padding: 0;margin: 15px 0 5px;text-align: center;}
ul.site-ft li {display: inline-block;border-left: 1px solid #636363;padding: 0 10px;margin-left: -4px;text-transform: uppercase;}
ul.site-ft li:first-child {border-left: 0px solid;}
ul.site-ft li a {color: #636363;}
ul.site-ft li a:hover {text-decoration: none;color: #9e9e9e;}

#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;}
#sectionLogo .swiper-button-next.swiper-button-white:hover {} 
#sectionLogo .swiper-button-prev.swiper-button-white {left: 0;z-index: 2;}
#sectionLogo.swiper-button-prev.swiper-button-white:hover {} 
#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;}


/*-------------------------------HOME----------------------------*/
.home-cont {background: url(imgs/indexbg4.jpg)top center no-repeat;background-size: cover;}
.flexslider {margin: 0 !important;border: 0px solid;}

.announcetext {border: 0px solid red;background: #d0221b;height: 51px;color: #fff;font-size: 17px;}
ul.annc {padding: 11px 0;margin: 0 auto;width: 1200px;}
ul.annc li {display: inline-block;vertical-align: middle;}
ul.annc li.ann-sc {width: 86%;}


.home-prod {padding: 30px 0 50px;}
.home-prod ul {padding: 0;margin:0;text-align: center;}
.home-prod ul li {display: inline-block;margin-left: -27px;width: 23%;}
.home-prod ul li img {width: 100%;}
.home-prod ul li a:hover img {filter: brightness(1.1);transition: .3s ease;}

.flex-control-nav {bottom: 0;}
.flex-control-paging li a {background: rgb(255 222 123);}
.flex-control-paging li a.flex-active {background: rgb(255 190 3);}
.flex-direction-nav .flex-next {right: 0;}

/*==================HOME-HOT GAMES==================*/
.homegames {margin: 0 auto 50px;}
.game-detail {width: 100%;text-align: left;background: #d0221b;border-radius: 15px; overflow: hidden;position:relative;box-shadow: 0 0 7px 0px black;}
p.game-title {color: #fff;font-size: 20px;padding: 5px 20px 0;margin:0px;}
.game-pro {color: #fff;font-size: 13px;padding: 0 20px; margin: 0 0 10px;}
.game-detail img { width: 100% !important;}

.game-detail a.play-now {bottom: unset; right: 19px; width: 30%;text-align: center;top: 2%; 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(35 35 35) 63%, rgb(21 21 21) 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;}
.owl-carousel .item{ width: 90%; margin: 12px auto;border: 0px solid red;}

a.play-now {
    width: 43%;
    border-radius: 20px;
    padding: 10px 0;
    font-size: 12px;
    margin: 10px auto;
    background: linear-gradient(0deg ,rgb(21 21 21) 63%, rgb(35 35 35) 100%);
    color: #fff;
    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 11px 0px #151515;
    text-decoration: none;
    background: linear-gradient(0deg , rgb(144 9 4) 7%, rgb(175 18 12) 46%, rgb(212 40 35) 63%, rgb(255 103 97) 100%);}

/*---------------------Logo slider ----------------------------*/
.owl-carousel{position: relative;}
.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: #232323 !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;}


.home-down {margin-bottom: 48px;}
.col-sm-7.left-ctn {padding: 40px;}
.left-ctn h1 {color: #d0221b;text-transform: uppercase;font-size: 40px;font-weight: bold;margin: 10px auto;}
p.left-p {width: 77%;font-size: 14px;margin-bottom: 0;}
.col-sm-5.left-ctn img {width: 100%;filter: drop-shadow(0px 2px 5px black);}
.col-sm-7.left-ctn a.play-now {width: 23%;margin: unset;bottom: -11px;padding: 10px 16px;left: 42px !important;}


.topbnr {position: relative;}
/*==================LOTTERY==================*/
.topbnr img {width: 100%;}
.toplott {margin: 50px auto;}
.toplott ul {padding: 0;margin: 0;text-align: center;}
.toplott ul li {border:0px solid red;display: inline-block;width: 23%;margin: 10px 5px;background: #111;position:relative;overflow: hidden;}
.toplott ul li img{width:100%;}
.toplott ul li a:hover img {transform: scale(1.2);transition: 0.5s ease;}
p.nm-tit {font-size: 20px;color: #fff;margin-bottom:5px;}
p.decss {color: #909090;}

.play-noww {position: absolute;top: 45%;left: 0;right: 0;margin: auto;background: #ca2b39;color: #fff;padding: 10px;font-size: 14px;width: 60%;border-radius: 5px;z-index: 9999;visibility: hidden;font-weight: 600;}
.toplott ul li a:hover .play-noww {visibility: visible;background: #fff;color: #ca2b39;transition: .3s ease;}
.toplott ul li a:hover:before {content: "";background: rgb(0 0 0 / 70%);position: absolute;z-index: 999;height: 100%;border: 2px solid #d0221b;width: 100%;    left: 0; right: 0;margin:auto;}
.lottinr {border: 0px solid red;position: relative;z-index: 99;background: #111;padding: 16px;}
.toplott ul li a:hover {text-decoration: none;}

/*-----------------TABLE--------------*/
.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 #8a0e0a;background: #d0221b;color: #ffffff;}

#drawresult ul > li ol {text-align: center;}
.lottab table tr td { padding: 8px; border: 1px solid #d0221b; 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: 0;color: #fff;font-size: 15px;min-height: 425px;}
.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(imgs/4D_magnum.png) left no-repeat #383838; height: 50px;width: 85px;}
#PMPimg {background: url(imgs/4D_damacai.png) left no-repeat; height: 50px;width: 85px;}
#Totoimg {background: url(imgs/4D_toto.png) left no-repeat; height: 50px;width: 85px;}
#Singaporeimg {background: url(imgs/4D_sgpool.png) left no-repeat; height: 50px;width: 85px;}
#Sabahimg {background: url(imgs/4D_sabah88.png) left no-repeat; height: 50px;width: 85px;}
#Sandakanimg {background: url(imgs/4D_stc.png) left no-repeat; height: 50px;width: 85px;}
#Sarawakimg {background: url(imgs/4D_cashsweep.png) left no-repeat; height: 50px;width: 85px;}
#GDLottoimg {background: url(imgs/4D_gdlotto.png) left no-repeat; height: 50px;width: 85px;}
#Perdanaimg {background: url(imgs/4D_perdana.png) left no-repeat; height: 50px;width: 85px;}
#LuckyHari-Hariimg {background: url(imgs/4D_luckyharihari.png) left no-repeat; height: 50px;width: 85px;}
#GOOD4Dimg {background: url(imgs/4D_good4d.png) left no-repeat; height: 50px;width: 85px;}

#THV88,#Toto-5D,#GDLotto,#Toto-6D {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;}
.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;}




/*==================SPORTSBOOK==================*/

.sppage ul li {overflow: unset;vertical-align: top;}
img.overlaytop {position: absolute;z-index: 999;top: -14px;}
.sppage ul li a:hover img {transform: unset;}
img.overlaytop {position: absolute;z-index: 999;}
img.logo-left {width: 105px !important;}
.sppage .lottinr img.logo-left,.sppage .lottinr p,.sppage .lottinr i {display: inline-block;vertical-align: middle;}
.lottinr i {border: 1px solid #fcd846;padding: 12px;height: 40px;width: 40px;font-size: 13px;color: #fcd846;border-radius: 50px;font-weight: bold;}
.toplott ul li a:hover i {background: #fcd846;color: #111;}
.sppage .lottinr { padding: 9px;}


.seo-sec {padding: 35px 0;}
.seo-sec h1 { color: #fff; text-transform: uppercase;font-size: 28px;margin-bottom: 35px;}
.lvscre, .lvscr {border: 3px solid #d0221b;}
.lvscrm {display: none;border: 3px solid #d0221b;}



/*==================POKER==================*/
p.ctn-tilt {color: #fff;text-align: center;padding: 20px;font-size: 14px;}
.pokerp .lottinr p {display: block;}
.pokerp ul li {width: 31%;}


/*==================CASINO==================*/

.cspage ul li {width: 32%; }
.cspage ul li a:hover img {transform: unset; filter: brightness(1.12);}
.cspage ul li a:hover:before {background: transparent;}
.cspage .lottinr p.decss, .cspage .play-noww {display: inline-block;vertical-align: middle;}
.cspage .lottinr p.decss {width: 69%;margin: 0;text-align:left;}
.cspage .play-noww {visibility: visible;width: 30%;position: unset;border-radius: 10px;}

li.cmgsoon .play-noww {width: 50%;}
li.cmgsoon {cursor: not-allowed;}



/*==================CONTACT FLOAT==================*/
#divFloat-contact {position: fixed;z-index: 9999;bottom: 20px;}
#divFloat-contact.active .mdi-close{display:block;}
#divFloat-contact .contactList{position:absolute; bottom:55px; display:none;}
#divFloat-contact.active .contactList{display:block;}

#divFloat-contact .contactDetail {display: block;visibility: hidden;border: 0px solid red;width: 129px;padding: 10px 14px;margin-left: 65px;margin-top: 2px;background: #750501;border-radius: 35px;}
#divFloat-contact .contactBody a:hover .contactDetail {visibility: visible;}
#divFloat-contact .contactBody{width:auto; margin:0;position: relative;}
#divFloat-contact .contactBody a{background-color: #900903 !important;display:block; border-radius:50%; border:0; width:60px; height:60px; position:relative; margin: 10px auto; box-shadow:1px 1px 3px rgba(0,0,0,0.5);}
#divFloat-contact .contactBody a>div{position:absolute; background-color:transparent; border-radius:50%; top:0; bottom:0; left:0; right:0; margin:auto; display:block;}
#divFloat-contact .contactIcon{width:auto;}
#divFloat-contact .contactIcon img{width:35px; height:35px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition:transform 0.2s, -webkit-transform 0.2s;}

.contactDetail h4 {font-size: 12px;text-transform: uppercase;color: #bfbfbf;margin: 0 auto 5px;}
.contactDetail p {margin: 0;color: #fff;}
#icnContect_more {border: 0px solid red;border-radius: 61px;padding: 14px;height: 60px;width:60px;} 
#icnContect_more img {width:29px;}
#divFloat-contact .mdi-close{display:none;}
#divFloat-contact.active .mdi-headphones-settings{display:none;}
#divFloat-contact .contactIcon:hover img{-webkit-transform:scale(1.2);transform:scale(1.2);}



/*==================PROMO==================*/
.promo-ctn {margin: 50px auto;    width: 1000px;}
ol#faq_modal {padding: 0;margin: 0;}
li.question {display: block;margin: 20px auto;border: 2px solid #d0221b; box-shadow: 0px 3px 6px 1px #000;}
li.question img{width:100%;}

.fancybox-opened {z-index: 9999 !important;}
.fancybox-opened .fancybox-skin { margin: auto !important;}
.fancybox-skin {background:#080808;;color: #fff;border: 0px solid red;padding: 30px;}
.fancybox-inner {height: 80vh !important;width: auto !important;}
.fancybox-inner img {width: 100%;}
.fancybox-wrap { width: 70% !important;height: auto !important;position: fixed !important;top: 20px !important;left: 0 !important;right: 0 !important;opacity: 1 !important;margin: auto !important;overflow: visible !important;}

.fancybox-inner .tbl-list tr td {border: 0px solid red;font-size:15px;}
.fancybox-inner .tbl-list1 tr {padding:5px;}
.fancybox-inner .tbl-list1 tr td {border: 0px solid red;font-size:13px;color:grey;padding:2px;}








@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%;}
	.container {width: 100% !important;}
	#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;}




.lvscr {display:none;}
.lvscrm {display: block;}


#sectionLogo .swiper-slide img {width: 100%;}
#sectionLogo .swiper-slide {width: 20% !important;}
.in-ft {padding-bottom: 40px;}

.login-top {float: unset;margin-top: 0;}
#theme-menu {height: unset;position: unset;}
#theme-header {background: url(imgs/header_bg01.png)top center no-repeat fixed;background-size: cover;}

.header_hd .pullLeft {width: 100%;padding-left:unset !important;}
.pullLeft {float: unset;}
.pullRight {float: unset;}
#theme-header-top img { width: 65%; margin-left: unset;}
.header_hd {height: unset;padding-top:10px;text-align:center;}
.header_hd .dtime {display: block;margin-left: unset !important;margin-top: 10px;}

form#customform dl dd input {width: 100%;}
form#customform input#customform_submit {margin: 0;}
form#customform dl {margin: 0 auto 6px;width: 100%;}
.login-top {width: 80%;margin: 0 auto 15px;}
.login-top form#customform {width:100%;margin: 0 auto 0px;}
a.reg-btn {margin-left: 0;width: 100%;}

.announcetext {height: 38px;}

.header-menu .container {padding: 0;}
#cssmenu #menu-button::before {top: 25px; width: 25px;height: 12px;border-top: 4px solid #ffffff;border-bottom: 4px solid #ffffff;}
#cssmenu #menu-button::after {top: 17px; width: 25px;height: 4px;background: #ffffff;}
#cssmenu #menu-button {color: #fff;background: #d0221b;}

#cssmenu ul {background: #464646;}
#cssmenu > ul > li > a {margin: auto;}
#cssmenu > ul > li {margin-left: 0;}

.owl-slidee {border: 0px solid red;overflow: hidden;width: 345px;margin: auto;}
.home-prod ul li {margin-left: 0;width: 49%;}

.left-ctn h1 {text-align: center;font-size: 22px;}
p.left-p {text-align: center;width: unset;}

.col-sm-5.left-ctn img {margin-top: 40px;}
.col-sm-7.left-ctn a.play-now {left: 0 !important;right: 0;width: 38%;margin: auto;padding: 10px 16px;}

#theme-header-top {text-align: center;}


/*==================PROD==================*/
ul.annc {width: 320px;}
ul.annc li {font-size: 12px;vertical-align: top;}
ul.annc li.ann-sc {width: 70%;}

.cspage ul li {width: 46%;vertical-align: top;}
.lottinr {padding: 8px 4px;}
.cspage .lottinr p.decss {min-height: 60px;text-align: center;width: 100%;}
.cspage .play-noww {width: 66%;}
li.cmgsoon {display: none !important;}

.toplott ul li { width: 46%;}

.lottinr i {padding: 6px;height: 28px;width: 28px;}
img.overlaytop {top: -8px;}

p.nm-tit {font-size: 15px;}
p.decss {font-size: 8px;}

.lottab ul li {width: 100%;margin: 0;}
.promo-ctn {width: 100%;}

.fancybox-skin {padding: 17px;}


}



/*=============================================================*/
/*----------------------      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) {

#theme-header-top img {width: 40%;}

ul.annc { width: 550px;}

p.decss {font-size: 14px;}
.lotto-drawresult .col-sm-4 {width: 50%;display: inline-block; vertical-align: top;}

.game-pro {font-size: 12px;}
.owl-slidee {width: 530px;}
p.game-title {font-size: 13px;}
.game-detail a.play-now {right: 8px;top: -1%;}

.col-sm-7.left-ctn a.play-now {width: 21%;}
.col-sm-5.left-ctn {text-align: center;}
.col-sm-5.left-ctn img {width: 65%;}
Img.overlaytop {top: -15px;}

.login-top {width: 60%;}

}


/*=============================================================*/
/*------------------------------------------------- iPhone X landscape---------------------------------------------*/		
/*=============================================================*/

@media only screen 
  and (min-device-width: 812px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
  	
#theme-header-top img {width: 35%;}

p.decss {font-size: 16px;}
ul.annc {width: 600px;}

.login-top {width: 45%;}

}


/*==========================================================*/
/*-------------------------------------------------      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) {

.home-prod ul li {margin-left: -29px;width: 24%;}
ul.annc {width: 650px;}

#theme-header-top img {width: 37%;}


p.decss {font-size: 14px;}

.login-top {width: 43%;}

}


/*==========================================================*/
/*-------------------------------------------------      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) {


.home-prod ul li {margin-left: -29px;width: 24%;}
ul.annc {width: 650px;}

.toplott ul li {width: 32%;}

#theme-header-top img {width: 30%;}


p.decss {font-size: 12px;}

.owl-slidee { width: 450px;}

img.overlaytop {top: -9px;}
.toplott ul li {width: 23%;}
.login-top {width: 43%;}

}


/*=============================================================*/
/*------------------------------------------------- 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){

.home-prod ul li {margin-left: -29px;width: 24%;}
ul.annc {width: 650px;}

.toplott ul li {width: 32%;}

#theme-header-top img {width: 30%;}


p.decss {font-size: 12px;}

.owl-slidee { width: 450px;}

img.overlaytop {top: -9px;}
.toplott ul li {width: 23%;}

}