@import url("/exe/cms5/theme/Default/style.css");
@viewport {  width: device-width;  zoom: 1;  }

:root {
    --invert-text-light: #000000;
    --brand-100: #0b5232;
    --brand-300: #57c7a2;
    --brand-500: #30a74b;
    --brand-700: #39846b;
    --brand-900: #234439;

    --header-bg: #f8fafc;

    --bg-main: #101010;
    --body-bg: #3b3b3b;
    --bg-card: #202020;
    --menu-bg: #282828;
    --text-primary: #f9fafb;
    --text-secondary: #505c64;
    --text-tertiary: #b8b8b8;
    --td-odd: #323738;
    --td-even: #45474d;
    --border-soft: rgba(255, 255, 255, 0.08);
    --border-color:#dddddd;

    --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.5);
    --banner-bg: url(/data/2226/uploads/banner-logo-bg.png);
    --glass-bg: #00000026;
    --timer-bg: #101010;
    --login-bg: #232626;
    --login-header-bg: #292d2e;
}


html,body {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;  
}
html {  display: table;  }
body {  display: table-row;  }

center {  display: none;  }
img {  width: 100%;  }
dd {  margin:0;  }
dl {  margin-top: 0;  }
dt {  margin-bottom: 5px;  }
.clearboth {  clear: both;  }
.row {  margin: 0;  text-align: center;  }

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;  }

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

#theme {  display: table-cell;  height: 100%;  width: 100%;  }
#theme-frame {  height: auto;  margin: auto;  width: 100%;  background: #ffffff;  }
#theme-header {  position: fixed;  z-index: 19; left: 0;  right: 0;  height: 50px;  margin: auto;  border: none;  background: var(--header-bg);  box-shadow: #00000014 0 4px 6px -1px, #00000000 0 2px 4px -1px;  }
#theme-header-content {  position: relative;  display: flex;  flex-direction: row;  align-items: center;  justify-content: space-between;  }

#theme-menu { height: auto; z-index: 500; position: relative;}
#theme-menu #cmsmenu { z-index: 999;  }
#theme-container {  padding: 50px 0 0; clear: both; position: relative;  }

#theme-title {  padding-left: 10px; display: none;  }
#theme-lang {  position: absolute; left: 0px; top: 0px;  }

#theme-nav { clear: both; padding: 0; background: #efefef; display: block;  }
#theme-nav {  display: none;  }
#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;  }

/*-------------------------------- MOBILE MENU ------------------------------*/
#divMenu {  position: fixed; width: 0; height: 100%; left: 0; right: 0; top: 0; bottom: 0; margin: 0; background-color: #0000004d; z-index: 999;  }
#divMenu.active {  width: 100vw;  }
#divMenu.active #cssmenu {  left: 0; top: 50px;  width: auto;  }

#cssmenu {  height: fit-content; position: fixed;  left: -175px;  background: #fff;  box-shadow:3px 0 3px rgba(0,0,0,0.3); overflow: auto;  }
#cssmenu .active {  background: linear-gradient(180deg, var(--brand-700), var(--brand-900)); }
#cssmenu:after {  content: "";  }
#cssmenu > ul:after {  content: "";  }
#cssmenu ul {  padding: 0;  margin: 0;  text-align: center;  }
#cssmenu > ul > li {  float: none;  padding: 20px 25px; display: block; border-bottom: 1px solid #d4d4d4;  }
#cssmenu > ul > li.active > a {  color: var(--text-primary);  }
#cssmenu > ul > li:hover > a {  color: var(--brand-300);   }
#cssmenu > ul > li > a {  text-align: center;  color: var(--brand-100);  border: 0;  text-transform: capitalize; min-width: 100px; min-height: 100px; text-decoration: none;  }

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


/*-------------------------------- MENU ------------------------------*/
#theme-menu #cssmenu {  height: fit-content;  position: fixed;  left: 17%;  background-color: transparent;  box-shadow: none;  overflow: auto;  }
#theme-menu #cssmenu ul {  display: inline-flex;  }
#theme-menu #cssmenu ul li {  padding: 15px 20px;  border: 0px;  }

.logo {  width: 100%;  }
.logo img {  width: 200px; margin-left: 5px;  }

/*-------------------------------- HEADER TOP ------------------------------*/
#theme-header-logo {  border: 0px solid red;  float: left;  }
#theme-header-logo img {  width: 120px; margin-left: 15px;  }
#theme-header-link {  position: relative; width: 100%; text-align: right; padding: 0 10px;  }
#theme-header-link a, #theme-header-link a:visited {  text-decoration: none;  }

.header-link {  display: flex;  flex-direction: row;  justify-content: space-between;  padding: 0;  align-items: center;  }
.header-left {  display: flex;  align-items: center;  justify-content: flex-start;  }
.header-right {  display: flex;  align-items: center;  padding: 10px;  }
.language {  background: transparent;  }

.btn-box {  display: flex;  align-items: center;  }
.btn-login {    }
.btn-login .btn {  color: var(--brand-300);  text-transform: uppercase;  font-weight: bold;  font-size: 12px;  transition: 0.2s;  }
.btn-login .btn:hover {  color: var(--brand-500);  transition: 0.2s;  border-radius: 20px;  }
.btn-sign-up {  border-radius: 10px;  animation: 1.5s ease 0s infinite normal none move;  height: fit-content;  }
.btn-sign-up .btn {  color: var(--text-primary);  background: var(--brand-100);  text-transform: uppercase;  font-weight: bold;  font-size: 12px;  transition: 0.2s;  }
.btn-sign-up .btn:hover {  border-radius: 10px;  background: var(--brand-500);  color: var(--text-primary);  transition: 0.2s;   }

.dropdown {  position: relative;  display: inline-block;  background: transparent;  }
.dropbtn {  display: flex;  align-items: center;  background: unset;  border: none;  font-size: 12px;  color: var(--brand-100);  }
.dropbtn p {  margin: 0 0 0 5px;;  }
.dropbtn .glyphicon {  top: 3px;  left: 10px;  font-size: 10px;  }
.dropdown-content {  display: none;  position: absolute;  background-color: var(--header-bg);  z-index: 1;  padding: 10px;  text-align: left;  }
.dropdown:hover .dropdown-content {  display: block;  }
.dropdown-content img, button.dropbtn img {  width: 23px;  }

.country-flag-container {  display: flex;  align-items: center;  justify-content: flex-start;  margin-bottom: 2px;  }
.country-info {  display: flex;  flex-direction: column;  }
.country-name {  font-size: 10px;  margin: 0 0 3px 0;  }
.country-languages {  font-size: 11px;  display: flex;  align-items: flex-start;  flex-direction: column;  }
.dropdown-content a {  color: var(--brand-100) !important;  }
.dropdown-content a.lang-active {  color: var(--brand-500) !important; }
.dropdown-content span {  color: var(--text-primary);  }


/*-------------------------------- HOME BANNER ------------------------------*/
.flexslider {  margin: 0; border: 0;  }
.flex-control-nav {  bottom: 10px;  z-index: 9;  }
.flex-control-nav li {  border: 0px solid #fff;  border-radius: 50px;  }
.flex-control-paging li a.flex-active {  background: #f16018;  }

.flex-direction-nav a {  height: 45px;  color: #ffffff;  }
.flex-direction-nav a:before {  color:#fff;  font-size: 15px;  }
.flex-direction-nav .flex-next {  right: 10px;  }
a.flex-next, a.flex-prev {  font-size: 0;  background: #ffffff4d;  border-radius: 5px;  text-align: center !important;  width: 25px;  height: 25px;  line-height: 25px;  }


/*-------------------------------- HOME CONTENT 1 ------------------------------*/
.home-column-container {  display: grid;  grid-template-columns: auto auto auto;  width: 82%;  margin: 90px auto 0;  padding: 0px;  font-size: 16px;  gap: 15px;  justify-content: space-between;  }

.list-item {  border-radius: 15px;  background: linear-gradient(180deg, var(--brand-700), var(--brand-900));  color: var(--text-primary); padding: 10px;  margin: 0px auto;  overflow: hidden;  position: relative;  }
.list01 {  grid-row: 1 / span 2;  height: auto;  max-height: 660px;  width: 100%;  }
.list02 {  height: 320px;  width: 100%;  min-width: 300px;  }
.list03 {  height: 320px;  width: 100%;  min-width: 300px;  }
.list04 {  height: 320px;  width: 100%;  }
.list05 {  height: 320px;  width: 100%;  }
.list06 { grid-column: 1 / span 3;  width: 100%;  height: 380px;  background: url(/data/2155/uploads/banner-sportcar.webp) center;  }
.list07 {  grid-column: 1 / span 3;  margin: -60px auto 0px;  color: #ffffff;  background: transparent;  }

.pointer-item {  text-align: center;  font-weight: 600;  }
.homicon {  width: 60px;  margin: 60px auto 15px;  }
.pointer1-1 {  font-size: 20px;  margin: auto;  }
.pointer1-2 {  font-size: 16px;  margin: 30px 0px 0px;  }
.pointer1-3 {  font-size: 60px;  font-weight: 700;  color: var(--brand-500);  }
.pointer1-4 {  font-size: 16px;  }
.pointer1-5 img {  position: relative;  width: 170%;  right: 30%;  }

.pointer2-1 {  font-size: 36px;  margin: 45px auto 0px;  }
.pointer2-2 {  font-size: 40px;  color: var(--brand-500);  }
.pointer2-3 {  font-size: 36px;  }
.pointerbtn {  width: 60%;  border-radius: 10px;  background: var(--brand-300);  font-size: 14px;  margin: 25px auto;  padding: 10px 0;  display: flex;  justify-content: center;  align-items: center;  cursor: pointer;  }
.pointerbtn a { color: #ffffff;  }

.pointer3-1 {  font-size: 20px;  font-weight: 700;  margin: auto;  color: var(--brand-500);  }
.pointer3-2 {  font-size: 16px;  position: relative;  z-index: 1;  }
.pointerimg {    }
.pointerimg img {  position: absolute;  bottom: 0;  left: 0;  width: 100%;  }

.pointer4-1 {  font-size: 24px;  margin: auto;  color: var(--text-tertiary);  }
.pointer4-2 {  font-size: 60px;  margin: auto;  color: var(--brand-500);  }
.pointer4-3 {  font-size: 16px;  }
.pointerrow {  display: flex;  justify-content: center;  }
.prow {  width: 50%;  }

.pointer5-1 {  font-size: 30px;  display: flex;  justify-content: center;  align-items: self-end;  color: var(--brand-500);  }
.pointer5-2 {  font-size: 20px;  margin: 0px auto 30px;  color: var(--text-tertiary);  }
.pointer5-3 img {  position: absolute;  top: 0;  left: 5%;  right: 5%;  width: 90%;  }

.pointer6-0 {  display: flex;  justify-content: space-between;  align-items: center;  padding: 30px;  width: 90%;  margin: 30px auto;  background: #234439cc;;  border-radius: 10px;  }
.pointer6-1 div:nth-child(2), .pointer6-3 div:nth-child(2), .pointer6-5 div:nth-child(2) {  color: var(--brand-500);  font-size: 24px;  }


/*-------------------------------- HOME CONTENT 2 ------------------------------*/
.title h3 {  width: 100%;  font-weight: 600;  margin: 60px auto 30px;  }
.home-row-2 {  background: url(/data/2155/uploads/home-rankbg.webp) bottom;  background-size: cover;  overflow: hidden;  }

.rank-container {  display: flex;  padding: 0 0 30px;  align-items: flex-end;  }
.rank-container .table-container {  width: 45%;  z-index: 5;  }
.rank-container .table-head {  display: grid;  grid-template-columns: repeat(3, 1fr);  margin: 0 0 30px 30px;  text-decoration: underline;  }
.rank-container .table-head table {  width: 100%;  }
.rank-container .table-body {  font-weight: 400;  font-size: 14px;  display: grid;  }

.rank-container .table-container .table-body .table-row {  background: #fff;  border-radius: 0.1rem;  display: flex;  align-items: center;  padding: 0;  margin: 0 0 10px;  height: 50px;  display: grid;  grid-template-columns: repeat(3, 1fr);  border-radius: 10px;  }

.rank-container .table-container .table-body .table-row:nth-child(1):not(.current-member) {  background: #d3ab73;  color: #fff;  font-weight: 600;  font-size: 18px;  text-decoration: underline;  z-index: 3;  }
.rank-container .table-container .table-body .table-row:nth-child(2):not(.current-member) {  background: #b59363;  color: #fff;  font-weight: 600;  font-size: 18px;  text-decoration: underline;  z-index: 3;  }
.rank-container .table-container .table-body .table-row:nth-child(3):not(.current-member) {  background: #957a53;  color: #fff;  font-weight: 600;  font-size: 18px;  text-decoration: underline;  z-index: 3;  }

.rank-container .table-container .table-body .table-row .table-col.rank {  height: 50px;  width: 40px;  display: flex;  justify-content: center;  align-items: center;  margin-left: 20px;  }
.rank-container .table-container .table-body .table-row:nth-child(1):not(.current-member) .rank span {  background: #ff5a00;  height: 60px;  width: 40px;  border-radius: 10px;  outline-offset: -1px;  outline: 1px solid #ff5a00;  display: flex;  justify-content: center;  align-items: center;  }
.rank-container .table-container .table-body .table-row:nth-child(2):not(.current-member) .rank span {  background: #f88203;  height: 60px;  width: 40px;  border-radius: 10px;  outline-offset: -1px;  outline: 1px solid #f88203;  display: flex;  justify-content: center;  align-items: center;  }
.rank-container .table-container .table-body .table-row:nth-child(3):not(.current-member) .rank span {  background: #ffc13b;  height: 60px;  width: 40px;  border-radius: 10px;  outline-offset: -1px;  outline: 1px solid #ffc13b;  display: flex;  justify-content: center;  align-items: center;  }

.ranking-detail {  width: 55%;  }
.ranking-detail img {  margin: 0 0 -30px -30px;  height: 650px;  width: auto;  }


/*-------------------------------- HOME CONTENT 3 ------------------------------*/
.hsp-content {  display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; width: 100%;  }
.hsp-content img {  width: 100%; border-radius: 10px;  }


/*-------------------------------- HOME CONTENT 4 ------------------------------*/
.home-row-4 {  background: linear-gradient(0deg, var(--brand-900), transparent);  }
.hfaqs-center {  background: var(--header-bg);  padding: 45px;  border-radius: 10px;  text-align: left;  }
.hfaqs-center .panel-default>.panel-heading {  padding: 5px;  background-color: var(--header-bg); }
.hfaqs-center .panel-default>.panel-heading h4 {  font-size: 14px;  color: var(--brand-100);  margin: 5px 10px;  }


/*-------------------------------- FOOTER TOP ------------------------------*/
.footertop-container {  background: #dbc2a4;  }
.footer-container {  display: flex;   position: relative;  padding: 60px 15px;  }
.footer-line {  width: 100%;  }
.footer-list-container {  display: grid;  grid-template-columns: repeat(5, 1fr);  gap: 10px;  padding: 30px 15px;  text-align: center;  align-items: center;  border-radius: 15px;  background: url(/data/2155/uploads/footer-line.jpg);  background-size: cover;  }

.procont01 {  text-transform: unset;  }
p.blackxl {  color: #0F161F;  font-size: 50px;  font-weight: bold;  margin: 0;  }
p.orantext {  color: #ff5500;  font-size: 24px;  font-weight: bold;  margin: 0;  }
p.smtext {  color: #0F161F;  font-size: 14px;  margin: 0;  }
.prob5tn {  background: #ff5500;  border: none;  border-radius: 10px;  padding: 10px 30px;  }
.prob5tn a {  color: #fff;  }


/*-------------------------------- FOOTER ------------------------------*/
#theme-footer {  clear: both;  text-align: center;  vertical-align: middle;  height: auto;  background: var(--brand-900);  position: relative;  padding: 30px 0;  }
.footer {  text-align: left;  }
.footer-title, .copyright p {  margin-top: 30px;  color: #ffffff;  font-weight: bold;  }
.pay ul, .license ul, .social ul, .responsible ul {  margin: 0;  padding: 0;  }
.pay ul li {  width: 23%;  display: inline-block;  padding: 0 5px;  margin: 10px;  }
.license ul li {  display: inline-block;  padding: 0 5px;  margin: 10px 5px;  }
.social ul {  display: flex;  flex-direction: row;  justify-content: flex-start;  flex-wrap: nowrap;  }
.social ul li {  width: 15%;  display: inline-block;  padding: 0 7px;  filter: grayscale(0);  }
.responsible ul li {  list-style: none;  filter: brightness(1.5);  }
.responsible ul li img {  width: auto;  }
.copyright {  display: flex;  flex-direction: row;  align-items: center;  text-align: center;  justify-content: center;  margin: 30px 0 0 0;  list-style: none;  }


/*-------------------------------- COMMISION ------------------------------*/
#theme-contain-commission {  background: linear-gradient(90deg, #c8e8dd, #d2efe5);  }
.comm-banner { margin: 0;  }
.commissionDesc-container {  margin: auto;  padding: 60px;  border-radius: 15px;  background: #ffffff;  color: #6b564c;  font-size: 18px;  }
.commissionDesc-container dt {  font-size: 20px;  font-weight: 600;  margin: 0;  }
.commissionDesc-container table {  margin: 30px 0;  width: 100%; }
.commissionDesc-container th {  border: 1px solid #fff;  padding: 5px;  font-size: 12px;  text-align: center;  background: var(--brand-700);  color: #fff;  }
.commissionDesc-container td {  border: 1px solid #fff;  padding: 10px;  font-size: 12px;  text-align: center;  background: #57c7a245;  }

.pricfeatList {  padding: 5px;  font-size: 14px;  line-height: 2rem;  }
.panelcomm {  background-color: #57c7a245;  border: none;  text-align: center;  border-radius: 10px !important;  }
.panelcomm .panel-heading {  padding: 30px 15px;  border-radius: 10px;  background: transparent;  }
.panelcomm .panel-title {  color: #1d1d1d; font-size: 12px;  font-weight: 600;  line-height: 1.5rem;  }

.panelcomm .panel-body2 {  font-size: 12px;  text-align: left;  padding: 15px;  color: #5f5f5f;  }
.panelcomm .panel-body2 img {  margin: 0 0 60px;  padding: 0 10%;  }


/*-------------------------------- PRODUCT ------------------------------*/
.aff-prod-wrapper {  display: flex;  flex-wrap: wrap;  }
.all-products-container {  position: relative;  width: 33.33%;  }
.product-banner {  width: 100%;  }

.text-container {  position: absolute;  top: 0%;  margin: 15px;  background: #f9fafb90;  padding: 15px;  border-radius: 10px;  }
.text-container h1 {  margin: 0 0 15px;  font-weight: bold;  }


/*-------------------------------- FAQs ------------------------------*/
.faqs-center {  margin: 45px 0px;  }
.faqs-info {  text-align: left;  }
.faqs-info .panel-default {  border-color: #ddd;  }
.faqs-info .panel-default>.panel-heading {  border-color: #ddd;  }
.faqs-info .panel-heading {  padding: 15px;  background-color: var(--header-bg);  border-color: #ddd);  }

.faqs-info .panel-title1 {  font-size: 14px;  color: var(--brand-100);;  margin: 0;  }
.faqs-filter .filtering {  margin: 0 0 30px 0;  }
.btn2 {  background: transparent;  color: var(--brand-100);  border: none;  padding: 10px;  }
.btn2:hover {  background: var(--brand-900);  color: #ffffff;  border: none;  padding: 10px;  border-radius: 20px;  }
.filterDiv {  text-align: left;  display: none;  }
.show {  display: block;  }


/*-------------------------------- CONTACT ------------------------------*/
#theme-contain-contact {  background: #fffaf3;  }
.contact_form {  background: #ffffff;  padding: 60px;  border: 1px solid #eeeeee;  border-radius: 15px;  margin: 60px 0;  }
.contact_form table td {  min-width: 150px;  padding: 10px 0 10px 15px;  }
.contact_form table td div {  width: 20%;  }


/*-------------------------------- TERMS & CONDITIONS ------------------------------*/
#theme-contain-termsandconditions {  background: #f8fafc;  }
p.tac-title {  margin: 60px auto 30px;  padding: 0px 15px;  font-weight: 600;  font-size: 18px;  }
p.tac-content {  color: var(--brand-900);  font-size: 14px;  margin: auto;  padding: 0px 15px;  }
p.tac-content a {  color: #f9590a;  }
.contact_form td input[type=submit] {  background: #f9590a;  border: none;  color: #ffffff;  padding: 10px 30px;  border-radius: 8px;  }
.tacpanel {  background: var(--brand-100);  padding: 45px;  margin: 60px auto;  border-radius: 15px;  }
.tacpanel .panel-group .panel {  margin-bottom: 15px;  }
.paneltac .panel-body2 {  padding: 15px 30px;  }
.paneltac .panel-body2 table tr {  background: #57c7a245 !important;  }

.paneltac .panel-title {  font-size: 14px;  color: #6b564c;  }

@keyframes move {
        0% { opacity: .8; }
        10% { transform: translate3d(-0.01rem,0,0); }
        70% { transform: scale(0.8); box-shadow: #30b74f80 0 0 0 0.2rem; }
        80% { transform: translate3d(-0.01rem,0,0); }
        100% { transform: scale(1); box-shadow: #30b74f80 0 0 0 0.5rem; opacity: 1; }
}



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


}


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

@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%;  }
#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-slot.home-slot>div>ul>li ,#home-casino.home-slot>div>ul>li {width: 49%;}

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

.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;}

.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: 667px) 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;  }
.marquee_box {  width: 100vw;  }
}

/*----------------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: portrait) {
.marquee_box{  width: 100vw;  }
}

/*----------------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 ------------------------------------------------ */
/*=============================================================*/
@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  --------------------------------------------*/
/*==========================================================*/
@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 -------------------------------- */
/*=============================================================*/
@media only screen and (min-device-width: 320px) and (max-device-width: 320px) 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;  }
.marquee_box {  width: 100vw;  }
}

@media only screen  and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
.marquee_box {  width: calc(100vw - 15px) !important;  }
}