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

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

html,body{
	height:100%;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-size:14px;
font-family: Arial, Helvetica, sans-serif;
}
.clearboth {clear:both;}
html {display:table;}
body {display:table-row;}
html,body{
	height:100%;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}
textarea,
input[type=text],
input[type=password]{ border:1px solid #333333;  -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; padding:2px;}

#divHeader-Sub{
  border-bottom: 2px solid rgba(226,91,27,1) !important;
  min-height:52px !important;
}
#subHeader-title{
  font-size:18px !important;
  color:#a49145 !important;
}

#theme{
	display:table-cell;
	height:100%;
	width:100%;
	background: #114e86;
	background: -moz-linear-gradient(top, #114e86,#3d92d6 );
	background: -webkit-gradient(linear, left top, left bottom, from(#114e86), to(#3d92d6));
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#114e86', EndColorStr='#3d92d6', GradientType=0);
}

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

#theme-frame{
	height:100%;
	margin:auto;
	width:100%;
	background:#ffffff;
}

#theme-header {
/* box-shadow: 0 3px 5px rgba(0,0,0,0.3); */
    margin-bottom: 0px;
    position: fixed;
    z-index: 19;
    top: 0;
    left: 0;
    right: 0;
    height:50px;
    margin: auto;
    /* width: 100vw; */
    border-bottom: 1px solid #ababab;
    background: url(/data/1865/uploads/mobilebg.png);
    background-repeat: no-repeat;
    background-size: auto;
}

#theme-header-content { position:relative; height:50px; line-height: 50px;}

#theme-menu{ height:auto; z-index:500; position:relative;}
#theme-menu #cmsmenu {z-index:999;}
#theme-container {padding-top: 50px; clear:both; position:relative;margin-bottom: 62px;}
#theme-footer {
	clear:both;
	padding:0;
	border-top: 1px solid #ececec;
	text-align:center;
	vertical-align:middle;
  height: auto;
}

#theme-title {  padding-left:10px; display:none;}
#theme-lang {position:absolute; left:0px; top:0px;}
#theme-header-link {position:relative; width: auto; text-align: right; padding: 0 10px;}
#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 img {width:100px; padding: 10px 0px;}
#theme-header-logo {border: 0px solid red; width: 6%;float: left;}

#theme-nav { clear:both; padding:0; 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; }

/*--------------------------------MENU------------------------------*/

#divMenu{position:fixed; width:0; height:100%; left:0; right:0; top:0; bottom:0; margin:0; background-color:rgba(0,0,0,0.3);z-index:999;}
#divMenu.active{width:100vw;}
#cssmenu{height:100%; position:fixed; left: -158px; -webkit-transition:left 0.5s; transition:left 0.5s; background-color:#fff; box-shadow:3px 0 3px rgba(0,0,0,0.3); overflow:auto;}
#divMenu.active #cssmenu{left:0; width:50%}
#cssmenu .active{
  background: linear-gradient(140deg, rgba(230,159,62,1) 0%, rgba(226,91,27,1) 100%);
  filter: invert(1);
}

#cssmenu:after{content:"";}
#cssmenu::-webkit-scrollbar {display: none;}
#tab-home::-webkit-scrollbar {display: none;}
#cssmenu > ul:after{content:"";}
#cssmenu > ul > li{float:none;}
#cssmenu > ul > li.active > a {color:#000000;}
#cssmenu > ul > li > a {text-align:center;color:#000; border:0;text-transform:capitalize; min-width:100px; min-height:100px; text-decoration: none;}
#cssmenu > ul > li:hover > a{color:#000;}
#cssmenu > ul > li > a > img {display:block; padding-bottom:5px;height:50px;margin:auto;}

.menu-new{position:absolute; top:0; left:0; width:35px;}

#btnMenu{position:relative; cursor:pointer;z-index:99; float:left; width:auto;}
#btnMenu>div{
  border-radius: 5px;
  width: 32px;
  background: url(/data/1865/uploads/menuIcon.png);
  background-repeat: no-repeat;
  background-size: 100%;
  height: 32px;
}
#btnMenu span{width:20px; height:2px; display:none; background-color:#666; margin:0 auto 4px;}
#btnMenu span:last-child{margin:0 auto;}
#btnMenu{padding:9px 10px;}


#sidebar-wrapper::-webkit-scrollbar {display: none;}
#cssmenu{}
#cssmenu ul {padding: 0;margin: 0;text-align: center;}
#cssmenu ul li { padding: 20px 25px; display: block; border-bottom: 1px solid #d4d4d4;}
#cssmenu ul li p{text-transform:uppercase;font-size: 14px; margin: 0;}

/*registration*/
.reg-bg {
    position: relative;
    min-height: 82.8vh;
    background: #0000;
    overflow: hidden;
    background-image : url("/data/1865/uploads/loginrebg.png")
}
form#registerform {
    margin: 10px;
}
/*--------------------------------FOOTER------------------------------*/
.ft-log{margin: 20px auto;}
.ft-log ul{padding:0;margin:0;text-align:center;}
.ft-log ul li{display:inline-block;width: 8%;}
.ft-log ul li img {width:100%;}


.socmed {margin: 15px auto;}
.socmed ul{padding:0;margin:0;text-align:center;}
.socmed ul li{display:inline-block;width:3%;}
.socmed ul li img {width:100%;}


/*--------------------------------HOME------------------------------*/
.flexslider { margin: 0; border: 0;}
.flex-direction-nav .flex-next {right: 10px;}
.row{margin:0;text-align:center;}

.reg-top {border: 0px solid red;    background: linear-gradient(to bottom, #626d71 0%,#454c4f 100%);    overflow: hidden;}
.reg-top .col-sm-6{background: linear-gradient(to bottom, #626d71 0%,#454c4f 100%);box-sizing: border-box; padding: 15px 0;    text-transform: uppercase; font-weight: bold; text-align: center;display: table-cell; width: 50%;}
.col-sm-6.log {border-right: 2px solid #626d71;}
.reg-top .col-sm-6 a{color:#fff;}
.reg-top .col-sm-6 a:hover,.reg-top .col-sm-6 a:focus {text-decoration:none;}
.reg-top .col-sm-6:hover {background: linear-gradient(to bottom, #454c4f 0%,#626d71 100%); cursor: pointer;}

.divDesc.homepg { margin: 2% auto;text-align: justify; text-align-last: unset;}
.divDesc.homepg h5 {font-weight: bold;text-transform: uppercase;margin: 20px auto;}
.divTitle.homepg {width: 70%;margin: 20px auto;text-transform: uppercase;}


/*----------------CASINO HOME-------------------*/
#home-slot.home-slot>div>ul>li, #home-casino.home-slot>div>ul>li {width: 33%;}


/*--------------------XE HOME----------------*/
.xe-ctn {padding: 10px;}
.xe-ctn img{width:100%;}
.donwload-btn-popup {text-align: center;border: 0px solid red;width: 35%;margin: 25px auto 10px;background: linear-gradient(to bottom, #626d71 0%,#454c4f 100%); padding: 13px; color: #fff;text-transform: uppercase;font-weight: bold;}





/*-------------------------------- ANNOUNCEMENT------------------------------*/
#divAnnouncement {background: #efeff3;border-bottom: 1px solid #dddde4;border-top: 1px solid #dddde4;}
#divAnnouncement-main {margin:auto;width:1000px;background: #efeff3;border-top: 1px solid #dddde4;border-bottom: 1px solid #dddde4;}
#divAnnouncement-main>div {display:inline-block;box-sizing: border-box;}
#divAnnouncement-main>div.announce-icon {width: 20px;text-align: center;vertical-align: middle;}
#divAnnouncement-main>div.announce-icon img{width:20px;}
#divAnnouncement-main>div.announce-marquee {font-size: 12px; width: 92%; overflow: hidden; padding: 10px 0; vertical-align: middle;}
#horizontal-scrolling-msg{}
#divAnnouncement-main>div.announce-marquee ul{margin:0;}
#divAnnouncement-main>div.announce-marquee ul>li{display:inline-block;}

/*--------------------------------POPUP ANNOUNCE------------------------------*/
.popup{background-color:#eee; position:fixed; top:0; bottom:0; left:0; right:0; z-index:99; -webkit-transition:-webkit-transform 0.5s; transition:-webkit-transform 0.5s; transition:transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; -webkit-transform: translate(0%, 100%); transform: translate(0%, 100%);overflow:auto;}
.popup.active{-webkit-transform: translate(0, 0);transform: translate(0, 0);}

.btn-close{padding:24px 19px; cursor:pointer; position:absolute; top:0; bottom:auto; right:0;z-index:3;}
.btn-close span{background-color:#af9a51;width:18px; height:3px; display:block;}
.btn-close span:first-child{-webkit-transform:translate(0,3px) rotate(45deg);transform:translate(0,3px) rotate(45deg);}
.btn-close span:last-child{-webkit-transform:translate(0,0) rotate(-45deg);transform:translate(0,0) rotate(-45deg);}

.popup-title {padding-bottom:20px; border-bottom:1px dashed #c4c4c4; margin-bottom:10px;}
.popup ul{margin-left:40px;}
.popup ul>li{list-style:initial; padding:5px 0;}

.popup .body40>div.date-countdown{margin:0;}
.popup .remaining-time{margin-left:25px;}
.popup .banner-top{width:auto; margin:auto;}
.popup .popup-btn .btn-more{display:none;}
.popup .popup-btn .btn-apply{width:100%; margin:0;}

.popup-inner {}
.popup-inner-2{height:95vh;position:relative; top:0; bottom:0; left:0; right:0; margin: auto; padding-bottom:50px;}
.popup-inner-2>div{padding:20px;}

#popupAnnounce {}
#popupAnnounce h5{position:relative;text-align:center; margin:0.83em;font-size: 20px;font-weight: bold;}
#popupAnnounce h5:after{content:""; border-bottom:1px solid #ccc; width:100%; position:absolute; bottom:-18px; left:0; right:0; margin:auto;}
#popupAnnounce ul{margin:0;padding:0;}
#popupAnnounce ul>li{position:relative; padding-bottom:15px;}
#popupAnnounce ul>li:not(:last-child):after{content:""; position:absolute; bottom:4px; left:0; right:0; margin:auto; border:1px dashed #ccc; width:100px;}


#tab-top{position:relative;border-top:1px solid #ececec;border-bottom:1px solid #d8d8d8;-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15), 0 -1px 2px 0 rgba(0,0,0,.05);-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15),0 -1px 2px 0 rgba(0,0,0,.05);box-shadow: 0 2px 4px 0 rgba(0,0,0,.15), 0 -1px 2px 0 rgba(0,0,0,.05);margin-bottom: 8px;}
#tab-top>div{}
#arrowL, #arrowR{width:5vw; background-color:#ececec; height:100%; position:absolute; top:0; bottom:0;background-image: url(/exe/cms5/theme/_funcity33-mobile/imgs/icn-arrow.png); background-repeat:no-repeat; background-position:center center; background-size:50% auto;}
#arrowL{left:0;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
#arrowR{right:0;}
#tab-home ul > li a + .menu-new{width:30%; max-width:50px;min-width:30px;}

#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:#626d71;background:-moz-linear-gradient(top,#626d71 0,#626d71 44%,#626d71 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,#626d71),color-stop(44%,#626d71),color-stop(100%,#626d71));background:-webkit-linear-gradient(top,#626d71 0,#626d71 44%,#626d71 100%);background:-o-linear-gradient(top,#626d71 0,#626d71 44%,#626d71 100%);background:-ms-linear-gradient(top,#626d71 0,#626d71 44%,#626d71 100%);background:linear-gradient(to bottom,#626d71 0,#626d71 44%,#626d71 100%);
float:left; position:relative;box-sizing: border-box; width:18vw;text-align:center; color:#987119;}
#tab-home ul > li:not(:last-child):before{content:"";height:100%; position:absolute; border-left:1px solid rgba(255,255,255,0.2); 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:#eaeaea; 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{color:#fff; padding:5vw 0; display:block;    font-size: 12px;}
#tab-home ul > li.active a{color:#000;text-decoration: none;}

.icn-home-body {background-size:auto 200%; width:5vw; height:5vw; min-width:30px; min-height:30px; margin:auto; display:block; background-repeat:no-repeat; background-position-y:0px;}
.icn-sport{background-image: url(/exe/cms5/theme/_funcity33-mobile/imgs/icn-home-menu-sportsbook-02.png);}
.icn-casino {background-image: url(/exe/cms5/theme/_funcity33-mobile/imgs/icn-home-menu-live-casino-03.png);}
.icn-slot{background-image: url(/exe/cms5/theme/_funcity33-mobile/imgs/icn-home-menu-slot-games-02.png);}
.icn-xe{background-image: url(/exe/cms5/theme/_funcity33-mobile/imgs/icn-home-menu-xe.png);}
.icn-lottery{background-image: url(/exe/cms5/theme/_funcity33-mobile/imgs/icn-home-menu-lottery-02.png);}
.icn-contact {background-image: url(/exe/cms5/theme/_funcity33-mobile/imgs/icn-home-menu-ctc.png);}
.icn-tv{background-image: url(/exe/cms5/theme/_funcity33-mobile/imgs/icn-home-menu-live-tv-02.png);}
.icn-promotion{background-image: url(/exe/cms5/theme/_funcity33-mobile/imgs/icn-home-menu-promotion-01.png);}
.icn-jp{background-image: url(/exe/cms5/theme/_funcity33-mobile/imgs/icn-home-menu-4d.png);}



.home-slot{padding:10px; display:none;}
.home-slot.active{display:block;}
.home-slot>div{background-color:#eaeaea; border-radius:10px;overflow:auto;border: 1px solid #d8d8d8;}
.home-slot>div>ul{text-align:center;padding:0;margin:0;}
.home-slot>div>ul>li{display:inline-block;width:45%;}
.home-slot>div>ul>li>a{display:block; text-align:center;color:#000; padding:15px 5px; position:relative;}
.home-slot>div>ul>li>a>img{max-width:100%; display:block; margin:auto; margin-bottom:10px;}

.tag-new>img {background-image: url(/data/1491/uploads/tag-bg-04.png); background-size:79% 96%; background-repeat:no-repeat; background-position:center;}
.tag-new:after {content:""; position:absolute; width:10vw; height:3.5vw; max-width:97px; max-height:35px; right:3.5vw; bottom:8vh; background-image: url('/data/1565/uploads/tag-new.png'); background-size:auto 100%; background-repeat:no-repeat;}
.tag-hot>img {background-image: url(/data/1491/uploads/tag-bg-04.png); background-size:79% 96%; background-repeat:no-repeat; background-position:center;}
.tag-hot:after {content:""; position:absolute; width:10vw; height:4vw; max-width:97px; max-height:35px; right:2vw; bottom:9vh; background-image: url('/data/1565/uploads/tag-hot.gif'); background-size:auto 100%; background-repeat:no-repeat;}

.hr-break{width:95%; margin:auto; border:0.5px solid #d8d8d8;}

.btn-gold{width:225px; margin:10px auto 20px;}
.btn-gold>a{display:block; color:#a34806; font-weight:bold; font-size:14px; text-align:center; padding:15px 35px 22px;background-repeat:no-repeat; background-size: auto 100%;background-position:center;background-image: url('/data/1262/uploads/btn-claim.png');}


/*-----------------------------------S-SPORT---------------------------------*/
#divHeader-Sub { position: fixed; min-height: 65px;    top: 0;    left: 0; right: 0; background-color: #fff; z-index: 99; border-bottom: 3px solid #626d71;}
#backtohome {position: absolute; top: 0; left: 0; max-height: 50px; max-width: 50px; min-height: 50px; min-width: 50px;}
#backtohome a {padding: 10px; display: block;}
.arrow-left {display: inline-block !important; position: relative;width: 30px; height: 30px; background: rgba(0,0,0,0); box-sizing: content-box;}
.arrow-left:before {position: absolute; content: ''; margin: auto; top: 0; bottom: 0; left: 0; right: 0; width: 10px; height: 10px; background: rgba(0,0,0,0); border: 3px solid #959494; border-right: none; border-top: none; -webkit-transform: rotate(45deg); transform: rotate(45deg); box-sizing: content-box;}
.arrow-left:after {position: absolute; content: ''; margin: auto; top: 0; bottom: 0; left: 0; right: 0; width: 15px; height: 3px; background-color: #959494; box-sizing: content-box;}
#subHeader-title {text-align: center;padding: 17px 0; text-transform: capitalize; color: #959494; font-size: 14px; font-weight: bold;}

.div-iframe {padding: 15px;}
.divTitle {text-align: center;margin: 20px auto; font-weight: bold;}
.divDesc {width: calc(100% - 20px);border-radius: 6px;padding: 13px;border-top: #f7f7f7 1px solid;border-bottom: #d8d8d8 1px solid;background: #eaeaea;margin: 0 10px; color: #969696;text-align: justify;text-align-last: center;}
.divNoted {text-align: center; margin: 20px auto;}
#theme-contain-s-sport h1 {color: #a49145;text-align: center;font-weight: bold;text-transform: uppercase;    font-size: 25px;}


/*-------------------------------LOTTERY-----------------------*/
.div-iframe #drawresult ul > li {width: calc(50% - 30px); border: 2px solid rgba(226,91,27,1); margin: 5px; padding: 5px; background: rgba(230,159,62,1);border-radius: 0;}
.div-iframe #drawresult ul > li table caption {padding: 9px !important;margin: 0; color:#000; border-radius: 0;text-align: center; background: rgba(226,91,27,1) !important; font-weight:bold;}
.div-iframe #drawresult ul > li table tr td {border-top: 1px solid rgba(226,91,27,1);}
.div-iframe #drawresult ul > li ol.abc li {padding: 0px 4px;}
.div-iframe #drawresult ul {text-align: center;}
.div-iframe #drawresult ul > li ol {text-align: center;}

.div-iframe table.tpp {width: calc(100% - 20px); border: 1px solid rgba(226,91,27,1); margin: 0 10px;}
.div-iframe table.tpp tbody tr th, .div-iframe table tbody tr td {padding: 5px 0px; text-align: center;}
.div-iframe table.tpp tbody tr th {background: rgba(226,91,27,1);}
.div-iframe table.tpp tbody tr td {background: rgba(230,159,62,1);}


/*-------------------------------LIVE TV-----------------------*/
#api-leaguefeed .brick > ul {height: 210px;}
#api-leaguefeed #playtime {background: #99732c;}
#api-leaguefeed #livetv a, #api-leaguefeed #livetv a:visited {background: #846d3a;}
#api-leaguefeed #livetv a:hover {background: #9c8e58;}
#api-leaguefeed .brick > ul { list-style:none; margin:0px; padding:0px;}
#api-leaguefeed .brick > ul > li {padding:5px 10px;}
#api-leaguefeed #playtime {color:#ffffff; text-align:center;}
#api-leaguefeed #versus{ text-align:center; font-size:13px; font-weight:bold; padding:20px 0px;}
#api-leaguefeed #versus div:nth-child(1){ color:#0080FF;}
#api-leaguefeed #versus div:nth-child(2){ color:#000000; font-size:12px;}
#api-leaguefeed #versus div:nth-child(3){ color:#ff0000;}
#api-leaguefeed #livetv {text-align:center;}
#api-leaguefeed #livetv a { display:block; color:#ffffff; text-decoration:none; text-align:center; padding:10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}


/*---------------------------CONTACT-------------------------*/
.col-sm-6.sg .ctc-b{background: linear-gradient(140deg, rgba(230,159,62,1) 0%, rgba(226,91,27,1) 100%);}
.col-sm-6.my .ctc-b{background: linear-gradient(90deg, rgba(59,164,222,1) 0%, rgba(0,125,194,1) 100%);}
.ctc-b {color:#fff; padding-top: 87px; margin-top: -84px; border-radius: 7px;padding-bottom: 50px;}
.ctc-b ul{padding:0;margin:0;text-align:center;}
.ctc-b ul li{display:block;width:100%;margin:5px auto;}
.ctc-b ul li:last-child{width:20%;margin:auto;}
.ctc-b ul li img{width:100%;}
.flc{width:30%;margin:auto;}
.flc img {width: 100%;}


.div-iframe .col-sm-6 {padding:0;width: 49%;margin: 10px auto;display: inline-block; float: none;border: 0px solid red;text-align: center;}


/*---------------------------MORE GAMES-------------------------*/
.ctn-mb {text-align: center;}

.ctn-mb p a {color: #fff;font-weight: bold;}
.ctn-mb p a:hover,.ctn-mb p a:focus {color: #2f2912;text-decoration:none;}
.ctnm {width:15%;margin: auto;}
.ctnm img {width:100%;}


.ctn-mb table {
  margin: 15px auto;
  border: 2px solid rgba(226,91,27,1);
  background-color: rgba(230,159,62,1);
}
.ctn-mb table tr th{text-align:center;}

.nav-tabs>li>a {font-weight: bold; color: #555;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { font-weight: bold;background-color: #ebc316;}
.nav>li>a:focus, .nav>li>a:hover {text-decoration: none;background-color: #ebc316;    color: #a49145; font-weight: bold;}


/*--------------------------PROMOTION------------------*/
#answer .popup::-webkit-scrollbar {display: none;}
#answer #popupAnnounce ul>li:not(:last-child):after{display:none;}
#answer #popupAnnounce ul { margin: 0;padding: 0px 23px; text-align: justify;}
#answer #popupAnnounce ul>li {padding: 5px;}

.ansbnr{width:100%;margin:auto;}
.ansbnr img{width:100%;}
.ans-ctn h5 {margin-top: 0; text-align: center; color: #8a6d3b;font-weight: bold;font-size: 16px; letter-spacing: 1px;}

ol#faq_modal{padding:0;margin:0;text-align:center;}
ol#faq_modal li.question {display: inline-block; width: 23%;border: 0px solid red; background: #e6e6e6; min-height: 350px; border-radius: 7px;vertical-align: top;}
#question #divAnnouncement-main {width: 100%;background: #a49145;padding: 10px;text-align: center;border-top: 0px solid #dddde4; border-bottom: 0px solid #dddde4;}
.promom {width:100%;}
.promom img{width:100%; border-radius: 7px 7px 0 0;}
a .promo-top p{color:#555;text-decoration:none;font-size:12px;text-align:center;}
a .promo-top h3{font-size:18px;color:#000;text-align:center;}
li.question a:hover {text-decoration:none;}

.info-btn {
  cursor: pointer;color: #fff;font-size: 15px;text-align: center;padding: 10px; background: linear-gradient(90deg, rgba(59,164,222,1) 0%, rgba(0,125,194,1) 100%); width: 50%; margin: 25px auto;border-radius: 7px;
}

.fancybox-overlay {display: none;}
.fancybox-opened .fancybox-skin {box-shadow: 0 0px 0px rgba(0, 0, 0, 0.5);margin-top:170px;}
.fancybox-opened {top: 0 !important; left: 0 !important;width: 100% !important;position: fixed !important;overflow:scroll !important;    overflow-x:hidden !important;height: 100% !important;}
.fancybox-outer, .fancybox-inner {width: 100% !important; height: 100% !important;}
.fancybox-close { top: 0; right: 0;}

.ans-ctn {padding: 30px 20px;}
.promocontent {text-align: justify;}
.promocontent ul{padding-left:10px;}
p.ans-title {
  text-align: center;
  padding: 20px 50px;
  margin: 0;
  background: linear-gradient(140deg, rgba(230,159,62,1) 0%, rgba(226,91,27,1) 100%);
  color: #fff;
  font-weight: bold;
  border-radius: 6px 6px 0 0;
}

.fancybox-outer::-webkit-scrollbar, .fancybox-inner::-webkit-scrollbar {display: none;}
.fancybox-wrap::-webkit-scrollbar {display: none;}



/*----------------------------LOTTO PAGE-----------------------------*/
.lottom{width:100%;}
.lottom img{width:100%;}
.divDesc.luckyh {padding: 0;}
.jklink{width: 65%;margin: 30px auto 0;}
.jklink img {width:100%;}


/*--------------------------SPIN------------------------*/
#webet_taste_wrap{background:url(/data/1865/uploads/spin5.png)center center no-repeat;background-size:contain;position: relative;height: 300px;}

.fancy .jSlots-wrapper  ul {padding: 0; margin: 0; list-style-type: none; }
.spinbtn {width: 6%; position: absolute;bottom: -5px; left: 47%;}
.spinbtn img{width:100%;}
 .fancy .slot li img{width:100%;}
.jSlots-wrapper {overflow: hidden; height: 20px;display: inline-block;}
 .slot {float: left;}
 input[type="button"] {display: block;}

/* ------------------------------FANCY--------------------------------- */
.fancy {width: 493px;padding-left: 0px;padding-top: 125px; margin: 0 auto;}
 .fancy .jSlots-wrapper {overflow: hidden; height: 116px; display: inline-block;}
.fancy .slot li {width: 107px; margin: 18px auto; line-height: 100px;text-align: center;font-size: 124px;font-weight: bold;color: #d2a900;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);border-left: 1px solid #999;}
.fancy .slot li {border-left: none;}
.fancy .slot li span {display: block;}

/* ------------------------------ANIMATIONS----------------------------------------- */

    @-webkit-keyframes winner {
        0%, 50%, 100% {
            -webkit-transform: rotate(0deg);
            font-size: 70px;
            color: #ff005500;
        }

        25% {
            -webkit-transform: rotate(20deg);
            font-size: 90px;
            color: #00ffff00;
        }

        75% {
            -webkit-transform: rotate(-20deg);
            font-size: 90px;
            color: #ffff0000;
        }
    }

    @-moz-keyframes winner {
        0%, 50%, 100% {
            -moz-transform: rotate(0deg);
            font-size: 70px;
            color: #fff;
        }

        25% {
            -moz-transform: rotate(20deg);
            font-size: 90px;
            color: #FF16D8;
        }

        75% {
            -moz-transform: rotate(-20deg);
            font-size: 90px;
            color: #FF16D8;
        }
    }

    @-ms-keyframes winner {
        0%, 50%, 100% {
            -ms-transform: rotate(0deg);
            font-size: 70px;
            color: #fff;
        }

        25% {
            -ms-transform: rotate(20deg);
            font-size: 90px;
            color: #FF16D8;
        }

        75% {
            -ms-transform: rotate(-20deg);
            font-size: 90px;
            color: #FF16D8;
        }
    }

    @-webkit-keyframes winnerBox {
        0%, 50%, 100% {
            box-shadow: inset 0 0 0px #ff000000;
            background-color: #ff000000;
        }

        25%, 75% {
            box-shadow: inset 0 0 30px #ff000000;
            background-color: #ff000000;
        }
    }

    @-moz-keyframes winnerBox {
        0%, 50%, 100% {
            box-shadow: inset 0 0 0px #ffff0000;
            background-color: #ff000000;
        }

        25%, 75% {
            box-shadow: inset 0 0 30px #ffff0000;
            background-color: #ff000000;
        }
    }

    @-ms-keyframes winnerBox {
        0%, 50%, 100% {
            box-shadow: inset 0 0 0px #ffff0000;
            background-color: #ff000000;
        }

        25%, 75% {
            box-shadow: inset 0 0 30px #ffff0000;
            background-color: #ff000000;
        }
    }

    .winner li {
        -webkit-animation: winnerBox 2s infinite linear;
        -moz-animation: winnerBox 2s infinite linear;
        -ms-animation: winnerBox 2s infinite linear;
    }

 .winner li span {
            -webkit-animation: winner 2s infinite linear;
            -moz-animation: winner 2s infinite linear;
            -ms-animation: winner 2s infinite linear;
        }
    /* Syntax Highlighter, ignore */
.dp-highlighter ol { padding: 10px;}




/*---------------------------LUCKY PAGE-------------------------------*/
.divDesc.seo-o{}
.divDesc.seo-o img{width:100%;}
#winner-content table tr td:first-child {text-align: left !important;    }
#top-winner table{border:1px solid grey;}

#winner-content table tr:nth-child(even) {background: #f2bc00;}
#winner-list h4 {background: #f2bc00;margin: 0;font-weight: bold;padding: 20px 0;margin-top: 10px;}


.flex-direction-nav a {height: 45px;color: #ffffff;}
.flex-direction-nav a:before {color:#fff; font-size: 15px;}
/*----------------------PAGE ADMINLOGIN X-----------------*/
#theme-contain-adminloginx {padding-top: 50px;}
#theme-contain-adminloginx table {margin: auto;}
#theme-contain-adminloginx table tr td {height: 44px;border: 0px solid red;text-align:left;}
#theme-contain-adminloginx table tr div {border: 0px solid red;margin: 10px auto;}
#theme-contain-adminloginx table tr td textarea,#theme-contain-adminloginx table tr td input[type=text],#theme-contain-adminloginx table tr td input[type=password] {border-radius: 0px; padding: 8px;}
#theme-contain-adminloginx table tr td:first-child {height: 0;}
#theme-contain-adminloginx table tr:last-child td{text-align:center;}



/*=============================================================*/
/* ------------------------------------- My CSS -------------------------------- */
/*=============================================================*/
/* Header Link */
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */

  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border-radius: 10px;
  width: 100%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close1, .close2 {
  color: rgba(0,0,0,0.2);
  font-size: 32px;
  font-weight: normal;
}

.close1:hover,
.close1:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.close2:hover,
.close2:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
  background-color: transparent;
  color: white;
}

.modal-body {
  padding: 0 16px 20px 16px;
  text-align: left;
  line-height:18px;
  background: url(/data/1865/uploads/loginrebg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center -20px;
}

.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

#registerBtn{
  padding: 0 10px;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  color: #ffffff;
  border: none;
  border-radius: 5px;
  background: linear-gradient(90deg, rgba(59,164,222,1) 0%, rgba(0,125,194,1) 100%);
  transition: background-color .5s ease,color .5s ease;
}

#loginBtn{
  margin-right: 5px;
  padding: 0 10px;
  height: 32px;
  line-height: 32px;
  font-size: 12px;
  color: #ffffff;
  border: none;
  border-radius: 5px;
  background: linear-gradient(140deg, rgba(230,159,62,1) 0%, rgba(226,91,27,1) 100%);
  transition: all .36s ease-out 0s;
}

#theme-header-link .material-icons{
  vertical-align: sub;
  line-height: 32px;
  font-size: 16px;
}

.modal-header{
  padding: 0 15px;
  background:#fff;
}

dd{
  margin:0;
}

dl{
  margin-top: 0;
}

dt {
  margin-bottom: 5px;
}

img#regcaptcha {
  margin-top: 10px;
}

#remoteloginform input, input#customform_UserName, input#customform_Password, input#customform_varifycode, input#registerform_UserName, input#registerform_Password, input#registerform_CPassword,  input#registerform_FullName, input#registerform_Mobile, select#registerform_Currency,  input#registerform_Affiliate,input#registerform_varifycode{
  display: block;
  width: -webkit-fill-available;
  height: 34px;
  padding: 0 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: rgba(255, 255, 255, 0.5);
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

input.btnCheckUser {
  margin-top: 10px;
  background: linear-gradient(140deg, rgba(230,159,62,1) 0%, rgba(226,91,27,1) 100%);
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 5px 10px;
  text-transform: capitalize;
}

input#registerform_btnSubmit, input#remoteloginformsubmit, input#customform_submit{
  width: 100%;
  height: 40px;
  color: #fff;
  border: none;
  background: #007dc2;
  border-radius: 4px;
  font-weight:bold;
  text-transform: uppercase;
-webkit-appearance: none;
}

div#registerform_FullNameDescription, div#registerform_UserNameMsg, div#registerform_PasswordMsg, div#registerform_CPasswordMsg{
  margin-top: 5px;
  color: red;
  font-style: italic;
}

/* HOME */
a.flex-next, a.flex-prev{
  font-size:0;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  text-align: center !important;
  width: 25px;
  height: 25px;
  line-height: 25px;
}

.flex-control-nav{
  bottom:-5px;
}

.flex-control-nav li{
  border: 1px solid #fff;
  border-radius: 50px;
}

.flex-control-paging li a{
  width: 6px;
  height: 6px;
  background: #f9f9f9;
}

#horizontal-scrolling-msg ul{
  margin:0;
}

#horizontal-scrolling-msg ul li{
  list-style: none;
  display:inline-block;
}
#horizontal-scrolling-msg {
  line-height: 18px;
}

#sf-marquee-00001{
  padding: 0 35px;
  color: #fff;
  font-size: 14px;
}

.marquee_box {
  background: #999;
  width:auto;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-topright: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.announce-icon img {
  width: 20px;
  margin-left:10px;
  margin-top:3px;
}
.announce-icon{
  position:absolute;
}

#tab-demo {
  border: 0;
  background-color: #fcfcfc;
  width: 100%;
  overflow: hidden;
  margin: auto;
  position: relative;
}
#tab-demo ul.tab-title {
  width: 100%;
  height: 40px;
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
}
#tab-demo ul.tab-title li {
  float: left;
  margin: 0;
  width: 15.5%;
  background: url(/data/1865/uploads/tabmobile-2.png) repeat-x 0px 0px;
  display: inherit;
  margin: 0 -1px;
}
#tab-demo ul.tab-title li a {
  text-align: center;
  margin: 0 auto;
  display: block;
  font-size: 11px;
  color: #666;
  line-height: 38px;
}
#tab-demo .active {
  width: 25% !important;
  background: url(/data/1865/uploads/tabmobile.png) no-repeat 0 -1px !important;
  border-bottom: 0 !important;
  height: 45px;
  background-size: contain !important;
}
#tab-demo .active a {
  padding-top: 0px;
  font-size: 11px !important;
  color: #fff !important;
  line-height: 42px !important;
  position: relative;
  top: 2px;
  padding-left: 3px;
  line-height: 45px;
}
#tab-demo .tab-inner {
  padding-top: 49px;
  margin-bottom: -49px;
}
#tab-demo .tab-inner li {
  overflow: hidden;
  list-style: none;
  margin-bottom: 10px;
}
#tab-demo .tab-inner li a {
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0;
}
#tab-demo .tab-inner li a img {
  width: 100%;
}

#tab06-1 {
/*padding-bottom: 120px;*/
}

.buttonBox {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 2;
  text-align: center;
}

.games {
  width: auto;
  height: 100%;
  position: relative;
  height: 350px;
  overflow-x: auto;
  top: 0;
  padding: 0 10px;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

.homeAccordion {
  background-color: rgba(226,91,27,1);
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 14px;
  border-top: 1px solid #fff;
  line-height:1.4;
}

.homeAccordion:nth-child(1), .homeAccordion:nth-child(5), .homeAccordion:nth-child(9){
  background: rgba(230,159,62,1);
}

.homeAccordion:after {
  content: '\002B';
  color: #fff;
  font-weight: normal;
  float: left;
  font-size: 28px;
  width: 8%;
  display: block;
  text-align: center;
  vertical-align: middle;
  line-height: 19px;
}

.homeAccordion p{
  width: 92%;
  display: block;
  float: left;
  margin: 0;
}

button.homeAccordion.active:after {
  content: "\2212";
  color: #fff;
}

button.homeAccordion.active {
  background: #007dc2;
  color: #fff;
}

.homePanel {
  padding: 0 18px 0 18px;
  background-color: #007dc2;
  max-height: 0;
  color: #fff;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  line-height: 1.4;
  margin-top: -2px;
}
.accoTitle{
  width: 90%;
  margin: 30px auto;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  line-height: 1.4;
  color: #444;
}
.accoContainer a{
  color:rgba(230,159,62,1);
}

/* CONTACT US */
#contactPage{
  width: calc(100% - 20px);
  margin: 10px auto;
  display: block;
}
#contactPage .div-iframe{
  padding:0;
}

/* E-sports */
#theme-contain-e-sport iframe{
  width: calc(100% - 20px);
  height: calc(100vh - 132px);
  margin: 10px auto;
  display: block;
}

/* M-sports */
#theme-contain-m-sport iframe{
  width: calc(100% - 20px);
  height: calc(100vh - 132px);
  margin: 10px auto;
  display: block;
}

/* S-sports */
#theme-contain-s-sport iframe{
  width: calc(100% - 20px);
  height: calc(100vh - 132px);
  margin: 10px auto;
  display: block;
}

/* Live TV */
#api-leaguefeed{
  width: calc(100% - 20px);
  height: calc(100vh - 132px);
  margin: 10px auto;
  display: block;
}

/* LOTTERY */
#theme-contain-lottery .div-iframe{
  margin: 0;
  display: block;
  padding:0;
}

/* Mobile2 */
#theme-contain-mobile2 .div-iframe{
  width: calc(100% - 20px);
  margin: 10px auto;
  display: block;
  padding:0;
}

.M2accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  font-weight:bold;
  border-radius: 6px;
}

.M2accordion.active{
  color: #fff;
  background: #007dc2;
  border-radius: 6px 6px 0 0;
}

.M2panel {
  padding: 0;
  display: none;
  background-color: white;
  overflow: hidden;
  background-color: #007dc2;
  border-radius: 0 0 6px 6px;
  margin-top: -2px;
}

.M2panel h3{
  margin:0;
}

.M2accordion:after {
  content: '\002B'; /* Unicode character for "plus" sign (+) */
  font-size: 23px;
  color: #444;
  float: right;
  margin-left: 5px;
  font-weight:bold;
  line-height: 15px;
}

.M2accordion.active:after {
  content: "\2212"; /* Unicode character for "minus" sign (-) */
  color: #fff;
}

.cust-text {
  margin: 20px 10px;
  color:#fff;
}

.moreDes {
  background-color: #eee;
  color: #444;
  padding: 18px;
  border: none;
  border-radius: 6px;
  font-size: 15px;
  line-height: 18px;
}

/* PROMOTION */
#promoPage{
  width: calc(100% - 20px);
  margin: 10px auto;
  display: block;
}
.div-iframe{
  padding:0;
}

/* The Modal (background) */
.infoModal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99; /* Sit on top */
  padding-top: 0; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.info-modal-content {
  background-color: #fefefe;
  margin: auto;
  width: auto;
  border-radius: 6px;
}

/* The Close Button */
.closeInfo1, .closeInfo2, .closeInfo3, .closeInfo4, .closeInfo5, .closeInfo6, .closeInfo7, .closeInfo8{
  color: #fff;
  float: right;
  font-size: 28px;
  font-weight: normal;
  line-height: 56px;
  margin-right: 10px;
}

.promocontent li{
  margin-bottom:5px;
}

/* Bottom Nav */
.custom-bottom-navbar {
  background:#fff;
  bottom: 0;
  margin-bottom: 0;
  height:62px;
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1;
  box-shadow: 1px 2px 17px 1px rgb(0 0 0 / 9%);
}

.custom-bottom-navbar nav {
  display: grid;
  grid-template-columns:20% 20% 20% 20% 20%;
}

.custom-bottom-navbar nav a {
  padding: 6px 0;
  line-height: 1.5;
  color: inherit;
  text-decoration: none;
}

.custom-bottom-navbar nav a:hover {
  text-decoration: none;
}

.custom-bottom-navbar nav a span {
  display: block;
  text-align: center;
}

.custom-bottom-navbar .glyphicon-bottom-navbar {
  font-size: 1.5em;
  margin-bottom: 10px;
}

.custom-bottom-navbar .bottom-navbar-text {
  padding-bottom: 0;
  font-size: .85em;
}

#theme-footer .material-icons{
 font-size:24px;
}

.custom-bottom-navbar .bottom-navbar-text{
  font-size:12px;
  line-height: 12px;
}

.custom-bottom-navbar nav a{
  color:#777;
}

.active1{
  color:#007dc2 !important;
}

div#chat-widget-container {
  display:none;
}

#widget-global-fimmi8ha9k * {
    font-size: 10px !important;
}



/*--------------------------------------------------------------------------------------------------------------------------------*/
/*===========================BIG SCREEN===========================*/
/*--------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1920px) and (min-width:1800px){

#theme-header-logo {width: 4.5%;}
.jklink { width: 30%;}

}




/*=============================================================*/
/*---------------------------------------      MOBILE VIEW    ---------------------------------------*/
/*=============================================================*/

@media all and (max-width: 768px),
       only screen and (max-width: 1024px) and (-webkit-device-pixel-ratio: 2),
       only screen and (max-width: 1024px) and (min-resolution: 192dpi),
       only screen and (max-width: 1024px) and (min-resolution: 2dppx),
       only screen and (max-width: 1366px) and (-webkit-device-pixel-ratio: 2),
       only screen and (max-width: 1366px) and (min-resolution: 192dpi),
       only screen and (max-width: 1366px) and (min-resolution: 2dppx),
       only screen and (max-width: 1440px) and (-webkit-device-pixel-ratio: 2),
       only screen and (max-width: 1440px) and (min-resolution: 192dpi),
       only screen and (max-width: 1440px) and (min-resolution: 2dppx),
       only screen and (max-width: 1920px) and (-webkit-device-pixel-ratio: 2),
       only screen and (max-width: 1920px) and (min-resolution: 192dpi),
       only screen and (max-width: 1920px) and (min-resolution: 2dppx) {


#theme-frame{width:100%; }
#theme-frame-panel{ display:block; width:100%;}
#theme-header-logo {width: 0;}
#theme-container {padding-top: 50px;}


.reg-top .col-sm-6 {padding: 15px 60px;}
#divAnnouncement-main {width: 350px;}


.ft-log ul li { width: 24%;}
.div-iframe .col-sm-6 {width:75%;}
.ctc-b {padding-top: 40px;margin-top: -40px;}
.ctc-b ul li {margin: 14px auto;}
.ctc-b ul li:last-child {width: 50%;}
.socmed ul li{width:15%;}

/*-------------------------HOME TAB--------------------------*/
#home-slot.home-slot>div>ul>li ,#home-casino.home-slot>div>ul>li {width: 49%;}

/*-------------------------PROMOTION--------------------------*/
ol#faq_modal li.question {width: 100%; min-height: 300px; margin-bottom: 20px;}

/*-------------------------LOTTO PAGE--------------------------*/
.fancy { width: 100%;  padding: 65px 0; text-align: center;}
.fancy .jSlots-wrapper {height: 63px;}
#webet_taste_wrap {background-size: 100%;    height: 160px;}
.fancy .slot li {width: 43px; margin: 0 auto; font-size: 45px;line-height: 54px;}
.spinbtn {width: 14%; bottom: 0; left: 42%;}
.fancy .slot li img {width: 45px;}

#winner-content table tr td:first-child {font-size: 9.5px;text-align:left;}
#winner-content table tr td {padding: 5px 2px !important;color: #fff;width: 10px !important; font-size: 9px;text-align:center !important;}

/*-------------------------MORE GAMES--------------------------*/
.ctn-mb table {width: 325px;}
.ctnm {width: 65%;}
.nav-tabs>li {width: 100%; text-align: center;}

}


/*=============================================================*/
/*---------------------------    MOBILE VIEW  LANDSCAPE   -----------------------------------*/
/*=============================================================*/

@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 750px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

#theme-container {padding-top: 50px;}
#theme-header-logo {width: 11%;}
.reg-top .col-sm-6 {padding: 15px 131px;}
#home-slot.home-slot>div>ul>li, #home-casino.home-slot>div>ul>li {width: 32%;}

.ft-log ul li {width: 12%;}
.socmed ul li { width: 7%;}

ol#faq_modal li.question {width: 47%; min-height: 330px;}
.div-iframe .col-sm-6 {width: 45%; margin: 10px;}

.jklink {width: 30%;}

#webet_taste_wrap {height: 230px;}
.fancy { padding: 107px 0;}
.fancy .slot li {width: 68px; font-size: 64px; line-height: 69px;}

.ctnm {width: 40%;}
.nav-tabs>li {width: 14%;}
.nav-tabs>li>a {font-size: 11px;padding: 10px 3px;}

#theme-header{background-size:100%;}
#tab-demo .active {width: 20% !important; background-position: center -5px !important; background-size: 100% 45px !important; margin: auto !important;}
#tab-demo ul.tab-title li{width:16%; margin: auto;}
.games{padding: 0 10%;}

}



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

.reg-top .col-sm-6 {padding: 15px 67px;}
.fancy { padding: 65px 0;}
#tab-demo .active {background-position-y: -5px !important;}

}

/*----------------Landscape-------------*/
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {

.reg-top .col-sm-6 {padding: 15px 148px;}
.fancy { padding: 107px 0;}
.fancy .slot li {width: 74px;}
ol#faq_modal li.question {min-height: 340px;}

#theme-header{background-size:100%;}
#tab-demo .active {width: 20% !important; background-position: center -5px !important; background-size: 100% 45px !important; margin: auto !important;}
#tab-demo ul.tab-title li{width:16%; margin: auto;}
.games{padding: 0 10%;}

}


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

#theme-container {padding-top: 50px;}
#theme-header-logo {width: 9%;}
.reg-top .col-sm-6 {padding: 15px 131px;}
#home-slot.home-slot>div>ul>li, #home-casino.home-slot>div>ul>li {width: 32%;}

.ft-log ul li {width: 12%;}
.socmed ul li { width: 7%;}

ol#faq_modal li.question {width: 47%; min-height: 365px;}
.div-iframe .col-sm-6 {width: 45%; margin: 10px;}

.jklink {width: 30%;}

#webet_taste_wrap {height: 260px;}
.fancy {padding: 118px 0;}
.fancy .slot li {width: 73px; font-size: 69px;    line-height: 70px;}

.ctnm {width: 25%;}
.nav-tabs>li {width: 14%;}
.nav-tabs>li>a {font-size: 12px;padding: 10px 3px;}

#theme-header{background-size:100%;}
#tab-demo .active {width: 20% !important; background-position: center -5px !important; background-size: 100% 45px !important; margin: auto !important;}
#tab-demo ul.tab-title li{width:16%; margin: auto;}
.games{padding: 0 10%;}

}

/*=============================================================*/
/*----------------------     MOBILE VIEW SAMSUNG S9, S9+ --------------------------------*/
/*=============================================================*/
/*----------------Landscape-------------*/
@media only screen
  and (min-device-width: 740px)
  and (max-device-width: 780px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {


#theme-container {padding-top: 50px;}
#theme-header-logo {width: 11%;}
.reg-top .col-sm-6 {padding: 15px 131px;}
#home-slot.home-slot>div>ul>li, #home-casino.home-slot>div>ul>li {width: 32%;}

.ft-log ul li {width: 12%;}
.socmed ul li { width: 7%;}

ol#faq_modal li.question {width: 47%; min-height: 365px;}
.div-iframe .col-sm-6 {width: 45%; margin: 10px;}

.jklink {width: 30%;}

#webet_taste_wrap {height: 260px;}
.fancy {padding: 118px 0;}
.fancy .slot li {width: 73px; font-size: 65px;    line-height: 70px;}

.ctnm {width: 25%;}
.nav-tabs>li {width: 14%;}
.nav-tabs>li>a {font-size: 12px;padding: 10px 3px;}

#theme-header{background-size:100%;}
#tab-demo .active {width: 20% !important; background-position: center -5px !important; background-size: 100% 45px !important; margin: auto !important;}
#tab-demo ul.tab-title li{width:16%; margin: auto;}
.games{padding: 0 10%;}

}


/*=============================================================*/
/* ----------------------------------------- Mi 9T PRO ------------------------------------------------ */
/*=============================================================*/
/*----------------Portrait--------------*/
@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) {

#theme-header-logo {width: 16%;}
.reg-top .col-sm-6 {padding: 15px 86px;}
#tab-home ul>li {width: 17vw;}
.fancy .slot li {width: 53px;font-size: 50px;    line-height: 62px;}

}



/*==========================================================*/
/*---------------------------------------------      iPad  --------------------------------------------*/
/*==========================================================*/
/*---------------------Portrait----------------------*/
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {

#theme-container {padding-top: 50px;}
#theme-header-logo {width: 10%;}
.reg-top .col-sm-6 {padding: 15px 131px;}
#home-slot.home-slot>div>ul>li, #home-casino.home-slot>div>ul>li {width: 32%;}

.ft-log ul li {width: 12%;}
.socmed ul li { width: 7%;}

ol#faq_modal li.question {width: 47%; min-height: 350px;}
.div-iframe .col-sm-6 {width: 45%; margin: 10px;}

.jklink {width: 30%;}

#webet_taste_wrap {height: 260px;}
.fancy { padding: 0 170px 0;}
.fancy .slot li {width: 73px; font-size: 69px;    line-height: 70px;}

.ctnm {width: 25%;}
.nav-tabs>li {width: 14%;}
.nav-tabs>li>a {font-size: 12px;padding: 10px 3px;}


}


/*-----------------Landscape---------------------*/
@media only screen
  and (min-device-width: 1024px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1) {

#theme-container {padding-top: 50px;}
#theme-header-logo {width:8%;}
.reg-top .col-sm-6 {padding: 15px 131px;}
#home-slot.home-slot>div>ul>li, #home-casino.home-slot>div>ul>li {width: 32%;}

.ft-log ul li {width: 12%;}
.socmed ul li { width: 7%;}

ol#faq_modal li.question {width: 47%; min-height: 350px;}
.div-iframe .col-sm-6 {width: 45%; margin: 10px;}

.jklink {width: 30%;}

#webet_taste_wrap {height: 330px;}
.fancy .jSlots-wrapper {height: 100px;}
.fancy {padding: 0 210px 0;}
.fancy .slot li {width: 106px;font-size: 73px;line-height: 97px;}

.ctnm {width: 25%;}
.nav-tabs>li {width: 14%;}
.nav-tabs>li>a {font-size: 12px;padding: 10px 3px;}


}


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


#theme-container {padding-top: 50px;}
#theme-header-logo {width:8%;}
.reg-top .col-sm-6 {padding: 15px 131px;}
#home-slot.home-slot>div>ul>li, #home-casino.home-slot>div>ul>li {width: 32%;}

.ft-log ul li {width: 12%;}
.socmed ul li { width: 7%;}

ol#faq_modal li.question {width: 47%; min-height: 350px;}
.div-iframe .col-sm-6 {width: 45%; margin: 10px;}

.jklink {width: 30%;}

#webet_taste_wrap {height: 330px;}
.fancy .jSlots-wrapper {height: 100px;}
.fancy {padding: 151px 210px 0;}
.fancy .slot li {width: 106px;font-size: 73px;line-height: 97px;}

.ctnm {width: 25%;}
.nav-tabs>li {width: 14%;}
.nav-tabs>li>a {font-size: 12px;padding: 10px 3px;}

}


/*=============================================================*/
/* ------------------------------------- iPhone 5, 5S, 5C and 5SE -------------------------------- */
/*=============================================================*/
/* Portrait */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 600px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {

#tab-home {width: 90vw;}
.reg-top .col-sm-6 {padding: 15px 44px;}
#divAnnouncement-main {width: 300px;}
#theme-header-logo {width: 25%;}

.fancy .slot li {width: 37px; font-size: 30px;}
#winner-content table tr td:first-child {font-size: 5.5px;}
.ctn-mb table {width: 280px;}

.div-iframe #drawresult ul > li { width: 137px;}

}

.scrollmsg img{
width:35px;
}
.scrollmsg {
  padding: 10px;
  width: 100%;
  text-align: center;
  color:black;
}
.scrollmsg #horizontal-scrolling-msg {
    width: 80%;
    vertical-align: middle;
    font-size: 16px;
}