.fancybox-overlay-fixed .fancybox-wrap {  width: 30% !important; }
#popmsg img { width: 100% !important; }

table#tbllisting {border: 1px solid #c08a4f;}
table#tbllisting tr td {border: 1px solid #d5bfa6;padding: 5px;}


@import url("./font/font.css");
@viewport { width: device-width; zoom: 1; }

::-webkit-scrollbar { background: #000f80; width: 11px; height: 5px; }
::-webkit-scrollbar-thumb { background: #a3775e; border: 0px solid #000; border-radius: 10px;  }
::-webkit-scrollbar-track { background: #ffffff; border-radius: 0px; }

#mySidenav::-webkit-scrollbar { width: 4px; }
.vip-tbcntnt .vip1::-webkit-scrollbar, .vip-tbcntnt .vip2::-webkit-scrollbar { display: none; }

.login input#customform_submit {  }
html, body {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-family: "Nunito", sans-serif;
  font-size: initial; 
  overflow-x: hidden;
}
.btn {
  display: inline-block;
  padding: 5px 15px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
input { outline: unset; }
a { color: #000; }
a:hover { text-decoration: none; color: #ec1c12; }

.page { display: flex; }
.page.active { display: block !important; }

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

/*.container { margin: auto; padding:0; }*/
.collapse { display: none; }
.clearboth { clear: both; }

#redirectaddr {  padding: 9px;  text-align: center;  font-size: 15px;  background: #fff;  border-radius: 20px;  font-weight: bold; }

#theme { display: block; height: 100%; width: 100%; position: relative; background-size: cover;  }
#theme-frame { height: auto; background: #fff; margin: auto; width: 100%; }
#theme-header-top { border-top: 2px solid #dfa785; background: #ccb1a2; }

#theme-header-link { width: 100%; background: #8c6f5e; }
#theme-header-link .container { display: flex; align-content: center; justify-content: center; align-items: center; }
#theme-menu { flex-grow: 1; z-index: 99; }

#logo { width: 160px; z-index: 99; }
.logo img { width: 100%; }

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { text-align: right; }
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {  background: transparent;  color: #f5f2ec;  font-weight: 600;   text-transform: initial;  font-size: 16px;  transition: 0.2s;  letter-spacing: 0px;  }
#cssmenu > ul > li.active::before, #cssmenu > ul > li:hover::before {  content: "";  position: absolute;  background-color: #a3775e;  width: 100%;  height: 3px;  bottom: 0px;  left: 0;  right: 0;  margin: auto;  transition: 0.2s;  opacity: 1;  }
#cssmenu > ul > li.active a::before { display: none; }
#cssmenu > ul > li { position: relative; margin: 0 10px; }
#cssmenu > ul > li > a {  padding: 20px 0;  text-transform: initial;  font-size: 16px;  color: #181818;  font-weight: 200;  letter-spacing: 0px;  }

.mobile a { color: #ffffff; font-size: medium; }
.mobile a:hover { color: #0d59ff; }

.menu-ec711 button {  background: #ccb1a2;  padding: 0 10px;  border-radius: 30px;  border: none;  }
.menu-ec711 { position: absolute !important; margin: -45px 0 0 14% !important; font-size: large; z-index: 99; }
.menu-ec711 button img { width: 50px; }
.menu-ec711 .dropdown-content {  left: unset; margin-top: 10px; position: relative;  }

.menu-downloadapp { position: absolute; margin: -42px 0 0 21%; font-size: large; z-index: 99; }
.menu-downloadapp a:hover { color:#fcca04; }
.menu-top-header { display: none; }
.clock { color: #03045e; font-size: 12px; opacity: 1; padding-right: 10px; border-right: 1px solid #3c3836; }

/*=================================== Dropdown Button ===================================*/
@keyframes enlarge{
    0% { transform: scale(1); }
    25% { transform: scale(1.2); }
    50% { transform: scale(1); }
    75% { transform: scale(1.2); }
    100% { transform: scale(1); }
}
@keyframes harlem {
    0% { transform: rotate(0deg) scale(1.2); }
    25% { transform: rotate(15deg); }
    50% { transform: rotate(0deg) scale(1.2); }
    75% { transform: rotate(-15deg); }
    100% { transform: rotate(0deg) scale(1.2); }
}

.download-gly {  animation: enlarge 2s linear infinite;  width: 30px;  margin-right: 10px;  color: #ffffff;  }
.glyphicon-phone { color: #fff; }
.glyphicon-phone:before {      content: '';
    background: url(/data/2028/uploads/125627150637.png);
    background-size: 25px auto;
    background-repeat: no-repeat;
    background-position: center;
    width: 25px;
    height: 25px;
    position: relative;
    display: block;  }
.glyphicon img {  width: 100%;  filter: drop-shadow(0px 1px 2px #511f00)brightness(1.2);  animation: harlem 1s linear infinite;  }
.dropbtn {  background: unset;  border: none;  }
.dropbtn p {  margin: 0;  }
.dropbtn, .currency {  color: #000;  font-size: 12px; }

.dropdown {  position: relative;  display: inline-block;  margin-left: 15px;  background: transparent;  }
.dropdown-content {  display: none;  position: absolute;  background-color: #fff;  min-width: max-content;  border-radius: 10px;  padding: 5px;  left: -50%;  box-shadow: 0px 2px 7px 0px rgb(0 0 0 / 20%);  z-index: 9999999;  }
.dropdown-content a:hover { text-decoration: underline; }
.dropdown-content a {  color: #000000;  padding: 6px 7px;  text-decoration: none;  display: block;  }
.dropdown:hover .dropdown-content {  display: block;  padding-top: 5px;  padding-left: 3px;  }
.dropbtn .glyphicon {  top: 3px;  left: 0;  font-size: 10px;  }
.dropdown-content img, button.dropbtn img { width: 23px; }
.dropdown-content img, .dropdown-content a { display: inline-block; }
.dropdown-content span { color: #03045e; }
.dropdown-content span:hover { color: #ccb1a2; text-decoration: underline; }

.lang-active { color: #ccb1a2 !important; }
.language .dropdown-content { left:0; }
.language { background: #6fd0fd00; }
.language span { color: #000; }
.language a {  color: #233455;  padding: 0;  text-decoration: none;  display: inline-block;  margin: 0 2px 0 0;  }
.language a:hover {  color: #ccb1a2;  }
.country-flag-container {  display: flex;  align-items: center;  justify-content: flex-start;  margin-bottom: 15px;  }
.country-info {  display: flex;  flex-direction: column;  margin-left: 8px;  float: left;  }
.country-name { font-size: 10px; margin: 0 0 3px 0; }
.country-languages { font-size: 11px; }

.header-link {  display: flex;  flex-direction: row;  flex-wrap: nowrap;  justify-content: space-between;  padding: 5px 15px;  }
.header-left, .header-right {  display: flex;  align-items: center;  justify-content: flex-start;  /*z-index: 999;*/  }
.header-right { justify-content: flex-end; }
.dropbtn2 {  background: #3c3836;  padding: 5px 15px;  border-radius: 15px;  color: #ffffff;  border: 0;  }
.down-list {  list-style: none;  color: #fff;  float: left;  display: flex;  flex-direction: column;  margin: 0;  padding: 0;  }
.down-list li {  margin: 5px 10px;  display: block !important;  }

/*=================================== BUTTON ===================================*/
.btn-box { display: flex; align-items: center; }
.btn-login {  border: 1px solid #6b564c;  border-radius: 20px;  margin: 5px;  background: #a3816e;  }
.btn-login .btn {  color: #fff;  text-transform: uppercase;  font-weight: bold;  font-size: 12px;  transition: 0.2s;  }
.btn-login .btn:hover {  background: #3c3836;  transition: 0.2s;  border-radius: 20px;  }
.btn-sign-up {  border: 0px solid #000;  border-radius: 20px;  background: #e1c5b8;  animation: 1.5s ease 0s infinite normal none move;  height: fit-content;  }
.btn-sign-up .btn {  color: #493730;  background: none;  text-transform: uppercase;  font-weight: bold;  font-size: 12px;  transition: 0.2s;  }
.btn-sign-up .btn:hover {  border-radius: 20px;  background: #998880;  color: #ffffff;  transition: 0.2s;   }

@keyframes move {
        0% { opacity: .8; }
        10% { transform: translate3d(-0.01rem,0,0); }
        70% { transform: scale(0.8); box-shadow: #ffca0085 0 0 0 0.2rem; }
        80% { transform: translate3d(-0.01rem,0,0); }
        100% { transform: scale(1); box-shadow: #ffca0175 0 0 0 0.5rem; opacity: 1; }
}
.play-btn {  position: relative;  float: left;  background: linear-gradient(180deg, #927a6e 0%, #3c3836 100%);  color: #fff;  padding: 10px 30px;  font-size: 18px;  font-weight: bold;  border-radius: 30px;  border: none;  filter: drop-shadow(0px 2px 5px #e9cba5);  margin: 0 0 30px 0;  }
.play-btn a { color: #fff;  }
.play-btn a:hover { color: #fff;  }

/*=================================== CURRENCY ===================================*/
.currency {  display: flex;  flex-direction: row;  align-items: center;  margin-left: 5px;  }
.currency-icon img {  width: 22px;  margin-right: 10px;  filter: brightness(0.1);  }
.currency p { margin: 0; }


/*=================================== MOBILE DROP MENU ===================================*/
.menu-dropdown {  background: transparent;  width: 60px;  display: none;  overflow: hidden;  }
.mobile-dropdown-content { display: none; position: absolute; }
.mobile-dropdown-content a { float: none; color: black; }
.mobile-dropdown-content a:hover { background-color: #ddd; }
.mobile-down-list { margin: 0; list-style: none; padding: 0; }
.mobile-down-list li { margin-bottom: 15px; }
.menu-dropdown:hover .mobile-dropdown-content {  display: block;  background: #ffffff;  height: auto;  width: 150px;  z-index: 5;  padding: 5px 0 0 10px;  border-radius: 10px;  margin: 5px 0 0 0;  }

/*=================================== BANNER ===================================*/
.flexslider { border: 0; margin: 0; border-radius: 15px; }
.flex-control-nav { bottom: 0; }
.flex-direction-nav a { height: 50px; }
.flex-direction-nav .flex-prev { left: 0; }
.flex-direction-nav .flex-next { right: 0; }
.flexslider .flex-control-nav li { margin: 0 13px; }

.flexslider .flex-control-paging li a {  width: 20px;  height: 10px;  border-radius: 20px;  position: absolute;  margin-top: -3%;  z-index: 9 !important;  background: #9f9e9e89;  }
.flexslider .slides img {  width: 100%;  height: auto;  border-radius: 15px;  filter: drop-shadow(0px 5px 6px #000000bd);  }
.flexslider .flex-control-paging li a.flex-active { background: #f9d6a4; border-radius: 20px; }

.annouc-txt {  background: #000;  padding: 5px 0;  color: #fff;  margin-bottom: -10px ;  }
.flex-direction-nav a:before {  font-family: "flexslider-icon";  font-size: 40px;  display: inline-block;  content: '\f001';  color: #efcb99;  text-shadow: 1px 1px 0 rgb(255 255 255 / 80%);  }

.live-feed-holder { display: flex;  flex-direction: column;  align-items: center; background: none; border-radius: 15px; }
.live-feed-primary-part-holder {  animation: fadeIn .25s forwards;  background: url(/data/2028/uploads/wood-dragon-jackpot.gif) no-repeat;  background-size: 100%;   border-radius: 17px;  border-bottom-left-radius: 0;  border-bottom-right-radius: 0;  padding: 10px;  position: relative;  width: 117%;  height: 90px;   display: none;  }
.live-feed-primary-part-numbers-holder #jackpot {  top: 40%;  left: 0%;  color:#3f2c24;}
.live-feed-secondary-part-holder {   border-radius: 10px;  background-color: #b6907a;  box-shadow: 0 0 10px 0 #00000080;  display: flex;  height: 390px;  max-height: 500px;  padding: 15px;  position: relative;  width: 100%;  flex-direction: column;  }
.live-feed-secondary-part-holder h4 {  color: #f7d21b; font-style: italic; font-weight: 800; margin: 0; }


.table-striped>tbody>tr:nth-of-type(odd) {  background-color: #49373060; color: #fff; }
.table>caption+thead>tr:first-child>td,
.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>td,
.table>thead:first-child>tr:first-child>th {  color: #3f3632 !important;  }

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {  border: 0;  }
.table-striped>tbody>tr:nth-of-type(10), .table-striped>tbody>tr:nth-of-type(11), .table-striped>tbody>tr:nth-of-type(12), .table-striped>tbody>tr:nth-of-type(13), .table-striped>tbody>tr:nth-of-type(14), .table-striped>tbody>tr:nth-of-type(15), .table-striped>tbody>tr:nth-of-type(16), .table-striped>tbody>tr:nth-of-type(17), .table-striped>tbody>tr:nth-of-type(18), .table-striped>tbody>tr:nth-of-type(19), .table-striped>tbody>tr:nth-of-type(20) {  display: none;  }


.home-banner { margin-top: 50px; }
#mainslider { border-radius: 15px; }
.announcetext {  border: 0px solid green;  padding: 20px 5px;  background: linear-gradient(90deg, transparent, #a3775e, transparent);  width: 100%;  color: #3c3836;  overflow-x: hidden;  position: relative;  font-size: medium;  }
.marqIcon { display: inline-block; width: 5%; }
marquee#horizontal_scrollmsg {  vertical-align: middle;  display: inline-block;  width: 94%;  }
marquee#horizontal_scrollmsg ul {  list-style: none;  padding: 0;  margin: 0;  width: 100vw;  }


/*=================================== WITHDRAW ===================================*/
.empty { float: left; margin: 50px 0 0 0; width: 100%; }
.spacer { padding: 20px; }
.txt ul { padding: 0; }
.txt ul li { display: block; }
.txt ul li:first-child {  font-size: 25px;  font-family: 'Roboto-blk',sans-serif;  color: #00baf6;  font-weight: bold;  }
.min {  color: #0a69d7;  position: relative;  border: 0px solid blue;  font-size: 16px;  font-family: 'Roboto-blk',sans-serif;  margin: -10px 0 0 30px;  float: right;  }
.progress {  height: 7px;  margin: 10px 0 0;  overflow: hidden;  background-color: #4bb8fc3b;  border-radius: 4px;  }
.progress-bar {  background-color: #2d7edd;  float: left;  height: 100%;  font-size: 12px;  line-height: 20px;  color: #fff;  text-align: center;  }
.sr-only {  position: absolute;  width: 1px;  height: 1px;  padding: 0;  margin: -1px;  overflow: hidden;  clip: rect(0,0,0,0);  border: 0;  }


/*=================================== VIDEO & AMBASSADOR ===================================*/
.vid-wrapper { height: 420px; max-height: 600px; margin-bottom: 15px; }
.vid-wrapper iframe { border-radius: 15px; }
.mySlides { display: none; }
.vid-btn2 { margin: -35% auto 0; display: flex; justify-content: space-between; }
.w3-light-grey {  font-family: "flexslider-icon";  color: #e7cda6;  font-size: 60px;  text-shadow: 1px 1px 0 rgb(255 255 255 / 80%);  border: none;  background: none;  }
.side-banner img {  float: right;  width: 100%;  border-radius: 15px;  filter: drop-shadow(0px 5px 6px #000000bd);  }
.live-btm  { margin: 30px 0 0 0; }
.vid-btn { display: flex; justify-content: space-between; }
.vid-btn div { flex: 0 0 32%; }
.vid-btn div img { filter:grayscale(1); width: 100%; border-radius: 15px; }
.vid-btn div.w3-red img { filter:grayscale(0); width: 100%; border-radius: 15px; }
.vid-btn:hover { cursor:pointer; }
.video-box  { margin-top: 30px; }
.top-container {  display: flex;  flex-direction: column;  justify-content: space-between;  height: 480px;  max-height: 600px;  }
.top-container iframe {  width: 100%;  display: block;  height: 100%;  border-radius: 10px;  }
.iframe-container iframe {  width: 100%;  height: 480px;  max-height: 600px;  border-radius: 15px;  filter: drop-shadow(0px 5px 6px #000000bd);  }

#v2cashfeed { color: #4f443f; }
#v2cashfeed table tr td { font-size:14px;padding: 6px 4px; }
#v2cashfeed table tr th:nth-child(3), #v2cashfeed table tr td:nth-child(3) { display:none; }


/*=================================== HOME-PROMOTION ===================================*/
.hpromo {  display: flex;  flex-direction: column;  margin-top: 30px;  margin-bottom: 50px;  }
.promo-line {  display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  margin-bottom: 15px;  }
.promo-line .item-title { margin: 0; }
.promo-btn {  position: relative;  border: 0px solid red;  display: flex;  padding-bottom: 0px;  }
.promo-btn a {  padding: 5px 20px;  transition: .2s ease-in;  border-radius: 30px;  }
.promo-btn a:hover {  background: #3c3836;  transition: 0.2s;  color:#fff;  }
.promo-sec ol {  margin: 0;  padding: 0;  text-align: center;  }
.promo-sec ol li.question img {  width: 100%; height: auto;  }
.white-xmas-d, .white-xmas-x { display: none;  }

.swiper-container {  margin: 0 auto;  position: relative;  overflow: hidden;  list-style: none;  padding: 0;  z-index: 1;  }


/*=================================== HOME ===================================*/
.step {  background: url(images/step.png) no-repeat 50%;  background-size: cover;  height: 128px;  display: flex;  margin-bottom: 15px;  }
.step ul { display: flex; }
.step ul li {  display: flex;  flex-direction: row;  justify-content: center;  align-items: flex-end;  width: calc(100% / 3);  }
.step ul li img { width: 50px; margin-right: 15px; }
.step ul li div { display: flex; flex-direction: column; }
.step ul li div span:first-child {  font-size: 15px;  color: #ec1200;  font-weight: bold;  margin-bottom: 5px;  }
.step ul li div span:nth-child(2) {  font-size: 20px;  color: #fff;  font-weight: bold;  line-height: 1;  }
.sports-section {  background: #0f181e url(images/section-new.png) no-repeat bottom;  background-size: cover;  }
.sports-group {  display: flex;  flex-direction: row;  justify-content: space-evenly;  align-items: flex-start;  }

.item-title {  color: #8b4f2a;  font-size: 20px;  text-transform: capitalize;  margin: 0 0 15px 0;  font-weight: bold;  }
.item-content p {  color: #fff;  font-size: 13px;  line-height: 1.2;  }
#imageCarousel .content-img {  width: 60%;  border: 0px solid red;  margin: auto;  }
.content-box { position: relative; }
.content-img img { width: 100%; }
.sports-sec { width: 60%; }

#imageCarousel .carousel-inner {  position: relative;  width: 100%;  overflow: hidden;  height: 280px;  }
#imageCarousel {  position: relative;  background: url(images/red.png) right -30px bottom -30px no-repeat;  background-size: contain;  }
.item-content {  position: absolute;  right: -30px;  bottom: 69px;  z-index: 9;  }
.item-content {  position: absolute;  right: -30px;  top: 25%;  z-index: 9; }
span.btn {  background: #ffffff;  color: #c82307;  cursor: pointer;  padding: 2px 25px;  white-space: nowrap;  }
.icon-box { width: 70%; display: block; margin-bottom: 12px; }
.icon-box img { width: 100%; }
.carousel-indicators li { margin: 0; }

#imageCarousel ol.carousel-indicators {  width: fit-content;  left: 0%;  bottom: unset;  top: 40px;  right: unset;  margin: unset;}
#imageCarousel .carousel-indicators li, #imageCarousel .carousel-indicators .active {  display: flex;  flex-direction: column;  margin-bottom: 20px;  position: relative;  width: 100px;  height: 35px;  background: #1e2022;  border: unset;  border-radius: 5px;  z-index: 1;  text-indent: 0;  filter: drop-shadow(0px 0px 2px #7003089c);  }

#imageCarousel .carousel-indicators li::before, #imageCarousel .carousel-indicators li::after {  transition: background 0.5s;  content: "";  position: absolute;  }
#imageCarousel .carousel-indicators li::before {  height: 2px;  left: 0;  bottom: 0;  width: 100%;  background: #6b1315;  z-index: 9;  }
#imageCarousel .carousel-indicators li::after {  width: 60%;  height: 3px;  background: #6b1315;  left: 0;  right: 0;  bottom: 2px;  margin-left: 8px;  z-index: 9;  -webkit-transform: perspective(0.5em) rotateX(8deg);  transform: perspective(0.5em) rotateX(8deg);  }
#imageCarousel .carousel-indicators li.active::before, #imageCarousel .carousel-indicators li.active::after,
#imageCarousel .carousel-indicators li:hover::before, #imageCarousel .carousel-indicators li:hover::after { background: #ec1c23; }
#imageCarousel img.provider-character {  width: 86px;  position: absolute;  bottom: 0px;  right: -8px;  z-index: 2;  filter: saturate(0);  }

#imageCarousel .carousel-indicators li.active img.provider-character,
#imageCarousel .carousel-indicators li:nth-child(1):hover img.provider-character,
#imageCarousel .carousel-indicators li:nth-child(2):hover img.provider-character,
#imageCarousel .carousel-indicators li:nth-child(3):hover img.provider-character,
#imageCarousel .carousel-indicators li:nth-child(4):hover img.provider-character {  filter: saturate(1);  transition: background 0.5s;  }

.BR, .CMD, .MAXBET, .ME {  position: absolute;  bottom: 12px;  left: 8px;  z-index: 20;  color: #6a6a6a;  font-size: 12px;  }
#imageCarousel .carousel-indicators li.active span,
#imageCarousel .carousel-indicators li:nth-child(1):hover .CMD,
#imageCarousel .carousel-indicators li:nth-child(2):hover .MAXBET,
#imageCarousel .carousel-indicators li:nth-child(3):hover .ME,
#imageCarousel .carousel-indicators li:nth-child(4):hover .BR { color: #ec1c23; }


/*=================================== UPCOMING EVENT ===================================*/
.event-sec { padding: 0 8%; }
.up-event {  background: url(images/box.png) center center no-repeat;  background-size: cover;  width: fit-content;  padding: 10px 20px;  border-radius: 20px;  }
.up-event table img {  width: 80px;  padding: 7px;  background: #edededcc;  border-radius: 50px;  box-shadow: 0 0 2px 7px #aaaaaab8;  }
.up-event table th {  color: #001b42;  font-size: 18px;  text-align: center;  font-family: "Nunito", sans-serif;  font-weight: bold;  }
.up-event table tr td {  text-align: center;  padding: 3px 5px;  color: #fff;  font-weight: bold;  font-size: 12px;  }
.up-event table tr td a {  background: #ec1c23;  color: #fff;  cursor: pointer;  border-radius: 5px;  display: block;  padding: 3px 7px;  margin: 3px; }
.up-event table tbody tr:first-child td:nth-child(2) {  font-size: 16px;  font-weight: bold;  color: #fff;  text-align: center;  }
.up-event table tbody tr:nth-child(2) td,
.up-event table tbody tr:nth-child(5) td {  text-align: center;  font-size: 16px;  color: #001b42;  font-weight: bold;  }
.up-event table tbody tr:nth-child(5) td span { font-size: 12px; font-weight: normal;  }
.up-event table tbody tr:first-child td p { margin-top: -6px; margin-bottom: -10px;  }
.up-event table tbody tr:nth-child(5) td p { margin: 0; margin-bottom: -11px;  }
.up-event table tbody tr:nth-child(5) td:nth-child(even) { background: #ffffffa1;  }
.up-event table tbody tr:nth-child(5) td:nth-child(odd) { background: #ffffff5c;  }

#eventCarousel { width: fit-content; margin-top: 25px; }
#eventCarousel .carousel-control {  bottom: unset;  top: 43%;  vertical-align: middle;  height: 30px;  width: 30px;  background-image: unset !important;  background: #8b8b8b;  border-radius: 50px;  }
#eventCarousel .carousel-control .glyphicon-chevron-left,
#eventCarousel .carousel-control .glyphicon-chevron-right,
#eventCarousel .carousel-control .icon-next,
#eventCarousel .carousel-control .icon-prev {  background: unset;  border-radius: unset;  font-size: 15px;  height: unset;  margin: unset;  top: 0;  transform: translateY(50%);  left: 0;  right: 0;  width: 100%;  margin: auto;  }

#eventCarousel .carousel-indicators {  bottom: 0;  margin-bottom: -25px;  }
#eventCarousel .carousel-indicators li.active {  background-color: #ec1c23;  width: 10px;  height: 10px;  margin: 1px;  }
#eventCarousel .carousel-indicators li {  background-color: #9f9f9f;  border: 0px solid #fff;  margin: 1px;  }
#eventCarousel .carousel-control.left { left: -15px; }
#eventCarousel .carousel-control.right { right: -15px; }

.contact-box { position: relative; }
.contact-box img { width: 100%; }
.contact-list {  display: -webkit-flex;  display: flex;  position: absolute;  left: 15%;  top: 0;  transform: translateY(50%);  }
.contact-list li {  display: -webkit-flex;  display: flex;  -webkit-align-items: center;  align-items: center;  margin-right: 10px;  cursor: pointer;  white-space: nowrap;  }
.contact-list li svg { width: 40px; }
.contact-list svg path { fill: #ec1c12 !important; }

.contact-list li div {  display: -webkit-flex;  display: flex;  -webkit-flex-direction: column;  flex-direction: column;  }
.contact-list li span, .contact-list a { transition: color 0.3s; color: #fff; }
.contact-list li span:nth-child(2):hover, .contact-list a:hover { text-decoration: none; color: #ec1c23; }
.prod-section { background: #0a0a0a; }
.prod-box { display: flex; margin: 30px 0; flex-direction: column; }

.select-sec ul { border-bottom: 1px solid #2d2d2d; }
.select-sec ul li {  padding: 10px 20px;  background: #ec1c23;  border-radius: 5px 5px 0 0;  font-weight: bold;  cursor: pointer;  margin-right: 10px;  border: 1px solid #ec1c12;  color: #fff;  list-style: none;  }
.select-sec ul li.inactive { color: #ffffff40; }
.select-sec ul li.inactive { background: #181717; border: 1px solid #ffffff40; }

.prod-section ol#faq_modal li.question {  width: calc(100% / 3);  list-style: none;  padding: 10px;  }
ul#tabs {  display: flex;  flex-direction: row;  margin: 0;  padding: 0;  }
ul#tabs li img { width: 100%; }
ul#tabs li.inactive img {  border-right: 0 solid #ec1c23;  -webkit-filter: grayscale(1);  filter: grayscale(1);  }
ul#tabs li img {  border-right: 5px solid #ec1c23;  -webkit-filter: grayscale(0);  filter: grayscale(0);  }


/*=================================== SLOT HOME ===================================*/
.slot-section { background: #181717; }
.slot-section .prod-box {  display: flex;  margin: 30px 0;  flex-direction: row;  }

.jackpot { position: relative; width: 30.3%; }
.jackpot img { width: 100%; }

.jackpot span {  position: absolute;  top: 2rem;  left: 0;  right: 0;  width: 100%;  text-align: center;  color: #fff;  font-weight: bold;  font-size: 16px;  }
.more-games { flex-grow: 3; text-align: right; }
.games { width: 100%; }
.games > ul { display: flex; }
.games-content ul {  display: flex;  margin: 0;  padding: 0;  flex-direction: row;  justify-content: space-around;  flex-wrap: wrap;  }
.games-content ul li {  width: calc(100% / 5.5);  margin: 4px 7px;  transition: 0.3s;  border-radius: 5px;  overflow: hidden;  }
.games-content ul > li > img { width: 100%; }
.games > ul li {  padding: 10px 20px;  background: #ec1c23;  border-radius: 5px 5px 0 0;  font-weight: bold;  cursor: pointer;  margin-right: 10px;  border: 1px solid #ec1c12;  list-style: none;  }
.games > ul li.inactive { background: #181717; border: 1px solid #ffffff40; }
.games > ul li a { color: #fff; text-decoration: none; }
.games > ul li.inactive a { color: #ffffff40; }
.games > ul li.inactive { background: #181717; border: 1px solid #ffffff40; }
.games > ul li:hover a { color: #fff; transition: 0.2s; }
.games > ul li:hover { background: #ec1c23; transition: 0.2s; }
ul#tabss { border-bottom: 1px solid #2d2d2d; margin-left: -30px; }

.more-games {  flex-grow: 3;  text-align: right;  padding: 10px 20px;  font-weight: bold;  }
.more-games a {  color: #ec1c23;  font-size: 13px;  text-decoration: none;  cursor: pointer;  }

.games-content ul li a { text-decoration: none; }
.games-content ul li:hover { transform: translateY(-5px); transition: 0.3s; }
.games-content ul li:hover .hover-box { transform: translateY(0); opacity: 1; transition: 0.3s; }

.hover-box span {  width: 52%;  margin: 3px auto;  border-radius: 5px;  padding: 6px;  font-weight: bold;  cursor: pointer; color:#000;  }

.txt-box { display: none;}
.txt-box {  background: #000;  position: relative;  margin: 0;  color: #fff;  padding: 10px 10px 15px;  justify-content: space-between;  align-items: center;  justify-content: space-between;  }
.txt-box::before {  content: "";  height: 4px;  left: 0;  bottom: 0;  width: 100%;  background: #ec1c12;  position: absolute;  z-index: 9;  }
.txt-box::after {  content: "";  width: 40%;  height: 6px;  background: #ec1c12;  position: absolute;  left: 0;  right: 0;  bottom: 2px;  margin-left: 8px;  z-index: 9;  -webkit-transform: perspective(0.5em) rotateX(8deg);  transform: perspective(0.5em) rotateX(8deg);  }

img.love { width: 20px !important; }
.slot-more h3 { color: #fff; }
.slot-more { margin: 10px 0; }
.slot-more ul li img { width: 100px; }
.slot-more ul li {  width: calc(100% / 8);  padding: 5px;  list-style: none;  }
.slot-more ul {  display: flex;  flex-wrap: wrap;  margin: 0;  padding: 0;  align-items: center;  flex-direction: row;  justify-content: space-between;  text-align: center; }

/*=================================== PLAYNOW SECTION ===================================*/
.content {  color: #fff;  font-size: 13px;  text-align: center;  padding: 10px;  }
.playnow-section {  padding: 30px 0;  background: #000;  }
.playnow-section ul {  display: flex;  justify-content: center;  margin: 0;  padding: 0;  }
.playnow-section ul li {  margin: 10px;  padding: 0;  width: 25em;  height: 21.2em;  list-style: none;  display: flex;  flex-direction: column;  align-content: center;  align-items: center;  justify-content: center;  position: relative;  border-radius: 10px;  }
.playnow-section span.title {  font-weight: bold;  font-size: 20px;  margin-bottom: 5px;  }
.playnow-section ul li .hoverbox {  position: absolute;  bottom: 0;  left: 0;  width: 100%;  background-size: 100% 0;  transform-origin: bottom center;  opacity: 0;  }
.playnow-section ul li .bottom {  opacity: 1;  transform: translateY(100%);  margin-top: 0;  height: 55px;  }
.playnow-section ul li .bottom {  opacity: 1;  margin-top: 20px;  height: 45px;  transform: translateY(90%);  }
.playnow-section ul li:hover .bottom {  transform: translateY(0%);  opacity: 1;  transition: transform 0.2s, opacity 0.2s;  transition-delay: 0.3s;  }

.playnow-section ul li:first-child span.title { color: #f1c300; }
.playnow-section ul li:first-child { background: url(images/1-new.png) center center no-repeat; }
.playnow-section ul li:first-child:hover .hoverbox {  background: url(images/1h-new.png) bottom center no-repeat;  background-size: 100% 100%;  width: 100%;  height: 24em;  top: -40px;  opacity: 1;  left: 0;  transition: background-size 0.2s, opacity 0.2s;  }
.playnow-section ul li:first-child:hover .bottom { margin-top: 20px; height: 45px; transform: translateY(0%); }
.playnow-section ul li:first-child .bottom::before { background: #f1c300; }
.playnow-section ul li:first-child .bottom { background: #f1c300; }

.playnow-section ul li:nth-child(2) span.title { color: #ec1c23; }
.playnow-section ul li:nth-child(2) { background: url(images/2-new.png) center center no-repeat; }
.playnow-section ul li:nth-child(2):hover .hoverbox {  background: url(images/2h-new.png) bottom center no-repeat;  background-size: 100% 100%;  width: 100%;  height: 24em;  top: -40px;  opacity: 1;  left: 0;  transition: background-size 0.2s, opacity 0.2s;  }
.playnow-section ul li:nth-child(2):hover .bottom { margin-top: 20px; height: 45px; transform: translateY(0%); }
.playnow-section ul li:nth-child(2) .bottom::before { background: #ec1c23; }
.playnow-section ul li:nth-child(2) .bottom { background: #ec1c23; }

.playnow-section ul li:nth-child(3) span.title { color: #02c7bd; }
.playnow-section ul li:nth-child(3) { background: url(images/3-new.png) center center no-repeat; }
.playnow-section ul li:nth-child(3):hover .hoverbox {  background: url(images/3h-new.png) bottom center no-repeat;  background-size: 100% 100%;  width: 100%;  height: 24em;  top: -40px;  opacity: 1;  left: 0;  transition: background-size 0.2s, opacity 0.2s;  }
.playnow-section ul li:nth-child(3):hover .bottom { margin-top: 20px; height: 45px; transform: translateY(0%); }
.playnow-section ul li:nth-child(3) .bottom::before { background: #02c7bd; }
.playnow-section ul li:nth-child(3) .bottom { background: #02c7bd; }

.playnow-section ul li:nth-child(4) span.title { color: #b401e2; }
.playnow-section ul li:nth-child(4) { background: url(images/4-new.png) center center no-repeat; }
.playnow-section ul li:nth-child(4):hover .hoverbox {  background: url(images/4h-new.png) bottom center no-repeat;  background-size: 100% 100%;  width: 100%;  height: 24em;  top: -40px;  opacity: 1;  left: 0;  transition: background-size 0.2s, opacity 0.2s, margin-top 0.2s;  }
.playnow-section ul li:nth-child(4):hover .bottom { margin-top: 20px; height: 45px; transform: translateY(0%); }
.playnow-section ul li:nth-child(4) .bottom::before { background: #b401e2; }
.playnow-section ul li:nth-child(4) .bottom { background: #b401e2; }

.bottom-box {  position: absolute;  bottom: 0;  left: 0;  right: 0;  z-index: 99;  border-radius: 0 0 9px 9px;  overflow: hidden;  }
.bottom {  position: relative;  width: 100%;  text-align: center;  padding: 10px;  border-radius: 0 0 9px 9px;  height: 45px;  margin-top: 10px;  }
.bottom::before {  height: 5px;  width: 40%;  content: "";  position: absolute;  top: -3px;  left: 0;  right: 0;  margin: auto;  transform: perspective(10px) rotateX(10deg);  }
.bottom span {  font-size: 15px;  font-weight: bold;  color: #000;  }


/*=================================== FOOTER ===================================*/
#theme-footer { background: #6b564c; padding: 30px 0; }
.prod-foot ul, .social ul, .pay ul, .license ul { margin: 0; padding: 0; }
.prod-foot ul li img, .social ul li img, .pay ul li img, .license ul li img { width: 100%;  height: auto;}
.footer-top { display: flex; justify-content: space-between; align-items: flex-start; }
.footer-title { color: #ffffff; margin-top: 30px; }
.footer-ctn p { margin: 3px; color: #fff; }
.footer-ctn .row {
    text-align: center;
    margin: 10px 15px 0;
    padding: 0 0 10px;
    border: 1px solid #333;
    border-radius: 20px;
    border: none;
}

.ft-1 { display: flex; }
.ft-1 ul { display: flex; flex-direction: column; margin: 0 60px 0 0; padding: 0; }
.ft-1 ul li { padding: 0px 10px 10px 0; margin: 0; list-style: none; }
.ft-1 ul li a { color: #808080; text-decoration: none; }
.ft-2 { width: 20%; }
.ft-2, .ft-3 { display: flex; flex-direction: column;}
.ft-1 img, .ft-2 img, .ft-3 img { width: auto; height: 35px; padding: 5px; margin: 10px 5px 0 0; }
.ft-1 ul li:first-child, .ft-2 ul li:first-child, .ft-3 ul li:first-child, .ft-4 .download { color: #fff; }

.certs, .g-license { margin-bottom: 30px; }
.certs ul li, .g-license ul li, .payment ul li, .social ul li { filter: grayscale(1); }
.certs ul li:hover, .g-license ul li:hover, .payment ul li:hover, .social ul li:hover { filter: grayscale(0); transition: filter 0.3s; }
.certs ul, .payment ul, .social ul, .g-license ul { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
.certs ul li:first-child, .payment ul li:first-child, .social ul li:first-child, .g-license ul li:first-child { flex-grow: 0;}

.social ul {
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.social ul li {
    width: 15%;
    display: inline-block;
    padding: 0 7px;
    filter: grayscale(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;
}
.social-2 ul {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}
.social-2 ul li {
  list-style: none;
  display: flex;
  align-items: center;
  margin: 3px 0;
  color: #fff;
}
.social-2 svg {
  fill: #575757;
  width: 30px;
  margin-right: 5px;
}
.social-2 a { color: #fff; }
.responsible li {
    list-style: none;
    margin-left: 3%;
    filter: brightness(1.1);
}
button#cert-btn { background: none; border: none; padding: 0; }
button#cert-btn img { width: 100%; }
center { display: none; }

.copyright {
  display: flex;
  flex-direction: row;
  align-items: center;
  text-align: center;
  justify-content: center;
  margin: 30px 0 0 0;
  list-style: none;
}
.copyright p { margin: 0; color: #fff; }
.copyright img { margin-left: 15px; }

.download-box {
  position: relative;
  background: #2e3035;
  margin-top: 20px;
}
.download-box img {
  width: 100%;
  margin-top: -20px;
}
.download {
  display: flex;
  flex-direction: column;
}
.download-box p {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translateY(-50%);
}
.download-os {
  display: flex;
  border: 1px solid #2e3035;
  justify-content: space-evenly;
}
.download-os img {
  width: 55px;
  background: #fff;
}
.d-android, .d-ios {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 5px;
}
.d-btn { padding: 10px; }
.d-btn a {
  background: #ec1c23;
  padding: 4px;
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  font-size: 10px;
}

.footer-line { width: 100%; border-bottom: 1px solid #252526; }
.footer-mid { padding: 20px 0; }
#more { display: none; }
.footer-mid h3 { font-size: 14px; color: #fff; font-weight: bold; }
.footer-mid p { margin: 0; color: grey; }
.footer-mid button#myBtn {
  background: unset;
  text-decoration: underline;
  margin: 0;
  padding: 15px 0;
  color: grey;
  font-size: 10px;
  outline: none;
  border: 0;
}

.fb-1 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  padding: 10px 0 30px 0;
}
.fb-1 .logo {
  width: 12%;
  padding: 10px;
  filter: grayscale(1) contrast(0.1);
}


/*=================================== GAME ===================================*/
#theme-contain-poker ul#game-tabs::after, #theme-contain-lottery ul#game-tabs::after { flex: unset; }
.prod-page { background: #000; }
.prod-page .games-content img { width: 100%; }
.games-content { position: relative; }


.game-logo { width: 60%; margin: auto; }
.game-log img { width: 100%; }
.game-desc { padding: 20px 0 30px; }
.game-desc span { font-size: 20px; color: #fff; }

.game-btn a {
  cursor: pointer;
  background: #ec1c23;
  padding: 5px 30px;
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}

ul#game-tabs {
  display: flex;
  margin: 0;
  justify-content: center;
  flex-wrap: wrap;
  padding: 30px;
}
ul#game-tabs::after { content: ""; flex: auto; }
ul#game-tabs li {
  border: 0px solid red;
  list-style: none;
  padding: 7px;
  width: 15%;
  margin: 5px 10px;
  background: #2e2d2d;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}
ul#game-tabs li:hover {
  transform: translateY(-10%);
  transition: 0.3s;
  transition-delay: 0.1s;
}
ul#game-tabs li img { width: 100%; }
ul#game-tabs li::before {
  content: "";
  height: 3px;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #ec1c12;
  position: absolute;
  z-index: 9;
}
ul#game-tabs li::after {
  content: "";
  width: 60%;
  height: 5px;
  background: #ec1c12;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  margin: auto;
  z-index: 9;
  -webkit-transform: perspective(0.5em) rotateX(8deg);
  transform: perspective(0.5em) rotateX(8deg);
}
.prod-page .container {
  margin-top: -5%;
}

.sport-mobile {  display: none;  }
/*=================================== SLOT ===================================*/
#theme-contain-slot { background: #fff ; }
#theme-contain-slot .jackpot-sec { display: none; }
.slot-banner {
  background: url(images/slotbanner.jpg) center center no-repeat;
  background-size: cover;
  position: relative;
}
.slot-banner img { width: 100%; }

.slot-jackpot {
  position: absolute;
  bottom: 108px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  width: 22%;
}

.jackpot-title { color: #9c9c9c; font-weight: bold; }
ul#slot-tabs { display: flex; padding: 0px 10px 0px 30px; flex-direction: column; }
ul#slot-tabs li { padding: 10px 0; list-style: none; }
ul#slot-tabs li:not(:last-child) { border-bottom: 1px solid #3f4143; }
ul#slot-tabs li img { width: 100px; }
ul#slot-tabs li.inactive { filter: grayscale(1); }

.slot-jackpot .jackpot { position: unset; }
.slot-jackpot #jackpot { position: unset; color: #fff000; }
.slot-jackpot .jackpot span { color: #fff000; font-size: 35px; }
.slot-container { display: flex; width: auto; }
.slot-side { background: #282828; border-radius: 20px 0 0 20px; }
.slot-game { padding: 15px 0px 15px 20px; }
.slot-game .games-content ul li { width: calc(100% / 5); padding: 10px; margin: 0; }
.slot-game .more-games { text-align: left; padding: 20px 10px; }

ul#games-subtab {
  padding: 10px 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
ul#games-subtab li {
  padding: 0px 35px;
  list-style: none;
  color: #5c5c5c;
  border-right: 1px solid #606060;
  cursor: pointer;
  font-weight: bold;
}
ul#games-subtab li:not(.inactive) {
  color: #ec1c12;
}

/*VIP*/
#theme-contain-vip {
  background: #d6b699;
}
.vip-banner {
  position: relative;
}
.vip-banner img {
  width: 100%;
}
.vip-title {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 25%;
  margin-right: 10%;
}
.vip-title h4 {
  font-weight: bold;
  color: #fff;
}
.vip-title p {
  color: #909090;
}
.vip-table {
  width: 80%;
  margin: auto;
}
.vip-table table {
  margin: auto;
  width: 100%;
}
.vip-table th:first-child,
.vip-table td:first-child {
  text-align: left;
  color: #fff;
}
.vip-table th,
.vip-table td {
  text-align: center;
  padding: 15px;
  font-size: 13px;
  color: gold;
}
.vip-table tr.table-top,
.vip-table table tbody {
  border-bottom: 1px solid #363434;
}
.vip-table thead tr:nth-child(2) {
  background: unset;
}
.vip-table th {
  color: #ffa012;
}
.vip-table th:first-child {
  color: #ffab16;
}
.vip-table tr td:first-child {
  width: 40%;
}
.vip-table tr.table-top th {
  border: unset;
}
.vip-table tr.table-top th:first-child {
  vertical-align: bottom;
  background: unset;
  color: #ff9608;
  font-size: 23px;
  font-weight: bold;
}

.vip-table tr th img {
  width: 80%;
  padding: 15px;
}
.vip-table tr td img {
  width: 14%;
}
.vip-table > p {
  margin-top: 40px;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: bold;
  color: #fff;
}
ul.vip-info {
  margin: 0;
  padding: 15px;
}
ul.vip-info li {
  padding: 10px 5px;
  color: #858385;
  list-style: circle;
}

/*========== PROMOTION ==========*/
#theme-contain-promotion {
  background: #fff;
  background-size: cover;
}
#cms5-faq-list li#faq {  list-style: none;  }

.tab {
    margin: 30px 0;
    overflow: hidden;
    background: #998880;
    border-radius: 10px;
    padding: 0 15px;
}
.tab .promo-tablinks {
    border: 0;
    border-radius: 0;
    margin: 0;
    background-color: #998880;
    color: #493730;
    margin: 5px 5px;
}
.tab button {
    float: left;
    background-color: #fff;
    border: 2px solid #000f80;
    border-radius: 20px;
    cursor: pointer;
    margin: 0 1px;
    padding: 5px 10px;
    transition: 0.3s;
    text-transform: uppercase;
    font-weight: bold;
}
.promo-tablinks:hover { color: #ffc900; }
.promo-tablinks.active { color: #000f80; border-bottom: 3px solid #000f80; }
.sort-title { float: left; }
.promo-wrapper { margin-bottom: 30px; }
.answer { text-align: center; }
.answer img { border-radius: 15px; }
#promobox ol#faq_modal li.question { width: 100%; }
#promobox ol#faq_modal { display: flex; flex-direction: column; }
.info h3 { color: #493730; margin: 0px; }
.info h5 { color: #000f80; margin-bottom: 20px; }

.promo-row img {  width:100%;  }
.promo-count .glyphicon { margin: 0 10px 0 0; }
.promo .info { padding: 0px; }
.promo .row{ width: 100%; }
.promo a { text-decoration: none; }
.pbtn-apply { background: #e12c12; }

.promo-count {
    padding: 30px 0 0 30px;
    margin-bottom: 10px;
    font-size: 15px;
    color: #d7a01c;
}
.promo .tnc-btn {
    color: #56342c;
    padding: 7px 10px;
    background: linear-gradient(0deg, #a3775e, #fcde5c);
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 5px;
    margin-left: 0 !important;
    cursor: pointer;
    margin-right: 10px;
}
.promo .join-btn {
    color: #fff;
    padding: 7px 20px;
    background: linear-gradient(0deg, #a3775e, #3c3836);
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 5px;
    margin-left: 0 !important;
    cursor: pointer;
}
.promo-count span {
    font-size: 12px;
    color: #535d64;
}
.promo {
  padding: 5px 0;
  display: flex;
  flex-direction: row;
}
.promo-img {
  border-radius: 20px 20px 0 0;
  overflow: hidden;
}
.promo-img img {
  width: 100%;
}
.promo-txt {
  position: relative;
  color: #5a5a5a;
  background: #000;
  border-radius: 0 0 20px 20px;
  padding: 15px;
}
.promo-txt span {
  color: #ec1c12;
}
.promo-txt::before {
  height: 3px;
  background: #ec1c12;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  content: "";
}
.promo-txt::after {
  height: 3px;
  background: #ec1c12;
  position: absolute;
  top: 3px;
  left: 0;
  right: 0;
  width: 30%;
  margin: auto;
  transform: perspective(0.5em) rotateX(354deg);
  content: "";
}
.promo-txt h3 {
  color: #fff;
  font-weight: bold;
  margin: 0 0 15px 0;
  font-size: 19px;
}
.promo-txt p {
  font-size: 13px;
  color: #868686;
  margin-bottom: 20px;
}
.pbtn-info,
.pbtn-apply {
  padding: 5px 10px;
  background: #3a3a3a;
  font-size: 15px;
  border-radius: 5px;
  margin-right: 10px;
}
.promo-btn a, .pbtn-apply a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  background: #a3775e;
  border: 2px solid #927a6e;
}


ol#faq_modal .promo img {
    border-radius: 15px;
    width: 100%;
}
input[type=checkbox], input[type=radio] {
    height: 10px;
    margin: 4px 5px 0 0;
}
ul#promo-tab {
  display: flex;
  margin: 0;
  padding: 0 10px;
}
ul#promo-tab li {
  padding: 5px 15px;
  color: #fff;
  list-style: none;
  font-size: 15px;
  border-right: 1px solid #383838;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.2s;
}
span.total {
  padding-left: 7px;
  color: #ec1c12;
}
ul#promo-tab li:not(.inactive),
ul#promo-tab li:hover {
  opacity: 1;
  transition: 0.2s;
}
ol#faq_modal {
  display: flex;
  flex-direction: nowrap;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  gap: 15px;
  justify-content: flex-start;
}
ol#faq_modal::after {
  content: "";
  flex: auto;
}
ol#faq_modal li.question {
  width: calc(100% / 3.2);
  width: 32%;
  list-style: none;
  padding: 0px;
  display: inline-block;
}
ol#faq_modal img {
    border-radius: 15px;
    max-width: 100%;
}

.day-number { border-radius: 5px; }
.time-hour { border-radius: 5px 0 0 5px; }
.time-sec { border-radius: 0 5px 5px 0; }
.time-container {
    display: flex;
    margin-top: 5px;
}
.day-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.day-number, .time-hour, .time-min, .time-sec {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    min-width: 40px;
    background: #998880;
    color: #4d4d4d;
}
.day-text, .time-text {
    margin: 0;
    color: #535d64;
    font-size: 12px;
}
.time-box-container {
    display: flex;
    margin: 0 10px;
}
.time-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.time-colon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    background: #e1e1e2;
    color: #4d4d4d;
    padding: 0 5px;
}


/*========== AFFILIATE ==========*/


.affiliate-steps .glyphicon {  background: linear-gradient(180deg, #79685b, #998880);  }
.step-text h4 {  color: #493730;  }
.step-text h5 {  color: #a3775e;  }
.table-title {  background: #a3775e;  }


/*========== FANCYBOX ==========*/
div#faq_fbwrap {
    position: fixed !important;
    top: 50% !important;
    transform: translateY(-50%);
}
.tbl-list .title { font-weight: bold; font-size: large; }
.td-bg-color { background: #c08a4f; }
.tbl-list a { color: #0770d9; }

.fancybox-inner .promo {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  padding: 20px;
  border-bottom: 1px solid #313131;
}
.fancybox-inner .promo-txt h3 { font-size: 15px; }
.fancybox-inner .promo-txt {
  color: #5a5a5a;
  background: #000;
  font-size: 13px;
}
.fancybox-inner .promo-txt::before, .fancybox-inner .promo-txt::after { display: none; }
.fancybox-inner > div > h4, .fancybox-inner > div > p { margin: 0; }
.fancybox-inner .promo-btn { padding-bottom: 10px; }
.fancybox-outer, .fancybox-inner { position: relative; }

.fancybox-inner .promo-header {
  padding: 10px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  background: #ec1c12;
  border-radius: 20px 20px 0 0;
}
.fancybox-inner h4 { display: none; }
.fancybox-opened .fancybox-skin {
    margin: auto !important;
    width: auto;
    height: auto;
    box-shadow: none;
}
.fancybox-skin {
    background: #fff;
    color: #fff;
    border: 0px solid red;
    padding: 30px;
    text-shadow: none;
    position: relative;
    border-radius: 4px;
}
.fancybox-inner table.tbl-list { margin: 19px 0px; }
.fancybox-inner .promo-img, .fancybox-inner .promo-txt { border-radius: 0; width: 100%; }
.fancybox-wrap, .fancybox-skin, .fancybox-outer, 
.fancybox-inner, .fancybox-image, .fancybox-wrap iframe, 
.fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
    padding: 5px;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
    background: #fff;
    border-radius: 15px;
}
.fancybox-inner { 
  width: 100% !important; 
  background-color: #ffffff; 
  overflow: auto;
  height: 525px;
  color: #000 !important;}

.fancybox-wrap {
  width: 60% !important;
  margin: auto !important;
  left: 0 !important;
  right: 0 !important;
}
.fancybox-close {
  top: -11px;
  right: -1px;
}
.fancybox-inner strong {
  font-size: 15px;
  color: #fff;
}
.fancybox-inner p {
  color: #9a9a9a;
  margin-bottom: 20px;
  font-size: 14px;
}
.fancybox-inner ol li {
  color: #9a9a9a;
  font-size: 14px;
}
.fancybox-inner > div > div {
  padding: 20px;
}
.fancybox-inner table {
  width: 100%;
}

/*=================================== HIGHLIGHT ===================================*/


/*=================================== BANKING ===================================*/

.seo {
    text-align: justify;
    border-top: 0px solid #cbcbcb;
    color: #333;
    margin: 0 auto;
}
.seo-line {
    border-top: 0px solid #cbcbcb;
    padding: 0 30px;
}
.seo p {
    text-align: justify;
}
.bank-table table {
    background: linear-gradient(180deg, #3c3836 0%, #927a6e 100%);
    border: 0px solid #102632;
    width: 100%;
    margin: auto;
    font-size: 14px;
}
.bank-table table tr, .bank-table table th, .bank-table table td {
    padding: 10px;
    color: #fff;
    text-align: center;
    border: 1px solid white;
}
.gateway {
    border: 1px solid #e1e1e2;
    padding: 10px 5px;
    border-radius: 5px;
    box-shadow: 0 0 5px #a3775ecc;
}
.paygate {
    display: flex; 
    justify-content: space-between; 
    list-style: none; 
    padding: 0; 
    width: 100%;
    margin: 0;
}
.paygate li img {
    width: 80%;
}

.bankrow {  background-color: #a3775e !important;  }


/*=================================== CHARITY ===================================*/

.carousel-inner {
    height: 100% !important;
    background: #fff !important;
}
.slide_btn {
    position: absolute;
    z-index: 999;
    bottom: 17%;
    top: 0px;
    text-align: center;
    left: 30%;
    width: 40%;
}
.logoOnBanner { width: 100%; }
.logoOnBanner img {
    width: 200px;
    display: block;
    margin: 0 auto;
    animation: heartbeat 2.5s infinite;
}
.donation-container > p {
    font-size: 20px;
    color: #000;
    font-weight: bold;
    letter-spacing: 1.5px;
    margin: 10px 0 10px;
}
.bgAmountdonation {
    font-size: 2vw;
    font-weight: bold;
    color: #fff;
    margin: auto;
    background-position: center center;
    border: 1px solid #fff;
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    border-radius: 20px;
    padding: 8px;
}
.glow {
    font-size: 30px;
    color: #fff;
    text-align: center;
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    -moz-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}
@-webkit-keyframes glow {
    from { text-shadow: 0 0 5px #fff, 0 0 15px #fff, 0 0 25px #e60073, 0 0 35px #e60073, 0 0 45px #e60073, 0 0 55px #e60073, 0 0 65px #e60073; }
    to { text-shadow: 0 0 15px #fff, 0 0 25px #ff4da6, 0 0 35px #ff4da6, 0 0 45px #ff4da6, 0 0 55px #ff4da6, 0 0 65px #ff4da6, 0 0 75px #ff4da6; }
}
.bgAmountdonation > p {
    color: #fff;
    margin: 10px;
}
.bigplaybtn {
    width: 25vw;
    line-height: 4vw;
    font-size: 1.8vw;
    text-align: center;
    color: #fff;
    background: #d59c17;
    border-radius: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    display: block;
    box-shadow: 0 2px 5px #000;
}
.bigplaybtn:hover {
    color: #FFF;
    background: #8e6300;
    text-decoration: none;
}
.downloadimg {
    width: 7.5vw;
    font-size: 0.9vw;
    position: absolute;
    z-index: 999;
    bottom: 6vw;
    right: 25%;
    color: #FFF;
    text-align: center;
}
.pcimg { display: block; }
.pcimg img { width: 100%; }
.mobimg { display: none; }


.container { max-width: 100%; }
.contbgabout {
    padding-top: 20px;
    padding-bottom: 90px;
    position: relative;
    background: #ffffff;
    overflow: hidden;
}
.ab_top {
    width: 90% !important;
    margin-left: 5%;
    margin-right: 5%;
    text-align: center;
    z-index: 5;
}
.contbgabout h4 {
    line-height: 2.8rem;
    text-transform: uppercase;
    color: #a3775e;
    font-weight: bold !important;
}
.ab_titleh3 { color: #fe3465; font-weight: bold !important; }
.icon-h3 { width: auto; height: 50px; margin-right: 10px; filter: hue-rotate(210deg) brightness(0.5); }


.donatetab { margin: auto; background: transparent; color: #0073ba; }
.donatetab table {
            background: #998880;
            border: 2px solid #3c3836;
            width: 100%;
            margin: 0px;
            font-size: 14px;
}
.donatetab td a { color: #f1e058; }
.donatetab ul li { display: inline-block; width: 100%; }
.donatetab ul li a { color: #000f80; }
.donatetab ul li a:hover { color: #00baf6; }
.donatetab h1 { font-size: 30px; color: #333; font-weight: bold; text-align: center; }

.donatetab table tr:nth-child(1) { background: #3c3836; }
.donatetab table tr:nth-child(even) { background: #79685b; }
.donatetab table tr, .donatetab table td { padding: 10px; color: #000; text-align: center; border: 1px solid #ffffff; font-weight: bold; }
.donatetab table th { padding: 10px; color: #fff; text-align: center; border: 1px solid #ffffff; }


.playbtn {
    width: 200px;
    line-height: 40px;
    font-size: 12px;
    text-align: center;
    color: #FFF;
    background: #79685b;
    border-radius: 50px;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    margin: 0 10px;
}
.playbtn:hover {
    color: #FFF;
    background: #3c3836;
    text-decoration: none;
}


.divNewsList { background: #25aae1 !important; }
.divNews { width: 100%; }
.divNews > div { width: 50%; float: left; }
.divNews > div:first-child img { width: 100%; }
.divNews > div:last-child { padding: 20px; }
.contbgabout h3 {
    font-weight: normal;
    line-height: 2.8rem;
    text-transform: uppercase;
}


.contbgnews, .contgames, .contst, .cont_news_black {
    color: #1e1e1e;
    background: #998880;
    background-size: 100%;
    padding: 30px;
}
.contbgnews > .container h1 { width: 80%; margin: 0 auto; }
.contbgnews h1, .contgames h1 { color: #fff; font-weight: bold; }
.newscont { width: 80%; margin: 0 auto; }
.contbgnews img, .contgames img { width: 100%; }
.contbgnews h3, .contst h3 { color: #1e1e1e; font-weight: bold; }


.newscont .newsbtn_more {
    width: 180px;
    line-height: 3.5rem;
    font-size: 16px;
    text-align: center;
    color: #eff9fd;
    background-color: #493730;
    font-weight: bold;
    border: 0px solid #000f80;
    border-radius: 50px;
    float: right;
    display: block;
}
.newsbtn_more:hover, .newsbtn_more_s:hover {
    color: #FFF;
    background: #3c3836;
    border: solid 1.5px #d6d6d6;
    text-decoration: none;
}


.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 99;
    overflow: auto;
}
.overlay:target { visibility: visible; opacity: 1; }
.popup {
    margin: 70px auto;
    background: #fff;
    width: 70%;
    position: relative;
}
.popup .content { max-height: 30%; overflow: hidden; }
.popup .close {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
    opacity: 0.8;
}
.popup .close:hover { color: #f00; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {  background-image: url(/data/1767/uploads/fancybox_sprite.png);  }


form {  padding: 0 30px;  }
.feedback #tblForm input { padding: 1px 10px !important; width: 100%; color: #000; }

element.style {   padding-top: 0px;  }

.donation-form-text {  padding: 30px;  }
.donation-form-text a {  color: #bd1b1b;  }
.msg {  display: none;  }


/*=================================== Proof-Of-Donation ===================================*/

.post {
    display: inline-block;
    width: 19%;
    padding: 12px;
    vertical-align: top;
    box-sizing: border-box;
}
.post img {
    width: 100%;
    /*border-radius: 10px;*/
}
.post h3 {
    text-transform: none;
    color: #000;
    margin: 12px 0 8px;
    font-size: 16px;
}
.post p {
    color: #000;
    line-height: normal;
    font-size: 12px;
    margin-bottom: 5px;
    text-align: justify;
}
.post span {
    color: #666;
    font-size: 12px;
}

.w1250 {
    max-width: 1250px;
    width: 100%;
    margin: 25px auto;
}
.page {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.page.active {
    display: block;
}
.nav-pagination {
    margin: 15px auto;
    width: auto;
    text-align: center;
}
.list-pagination {
    display: inline-block;
}
.pagination-bullet.active {
    background-color: #25aae1;
    color: #fff;
    margin: 10px 0;
}
.pagination-bullet {
    display: inline-block;
    cursor: pointer;
    padding: 4px;
    background-color: transparent;
    min-width: 30px;
    max-width: 30px;
    width: 30px;
    min-height: 30px;
    max-height: 30px;
    height: 30px;
    text-align: center;
    position: relative;
    line-height: 22px;
}
.nav-pagination * {
    vertical-align: middle;
}
.nav-pagination>span {
    display: inline-block;
    cursor: pointer;
}
.btn-prev, .btn-next {
    padding: 4px 10px;
}

/*=================================== HELP CENTER ===================================*/

#theme-contain-help-center {
    background: #f1f1f1;
}
.filtering {
    margin: 0 0 30px 0;
}
.btn2 {
    border: none;
    outline: none;
    border-radius: 20px;
    padding: 10px 30px;
    background-color: #927a6e;
    cursor: pointer;
    margin: 5px 0;
}
.btn2:hover {
    background-color: #998880;
}
.btn2.active {
    background-color: #493730;
    color: white;
}
.help-center{
    margin: 0 0 60px 0;
    background: #ffffff;
    padding: 30px;
    border-radius: 8px;
}
.help-info .panel.panel-default { border-radius: 30px; background-color: #3c3836 !important; }
.panel.panel-default {
    width: 100%;
    background-color: #f1f1f1;
    height: auto;
    max-height: fit-content;
    margin-bottom: 10px;
    border: 0;
    border-radius: 10px;
}
.panel-title1 {
    color: #fff;
    text-align: left;
}
.panel-title1:hover {
    color: #ffd61d;
}
.panel-body a {
    color: #11a6d6;
}
.help-info::after {
    margin-bottom: 60px;
}







/*=================================== DOWNLOAD ===================================*/



/*=================================== EC-MALL===================================*/


.intro button#customform_submit {
    width: 48.5%;
    padding: 10px;
    background: linear-gradient(0deg, #a3775e, #3c3836);
    color: #fff;
    border: 0;
    border-radius: 20px;
    font-size: 15px;
}
div#search-bar {
    border: 1px solid #4c4c4c52;
    padding: 16px;
    border-radius: 6px;
    background: white;
    filter: drop-shadow(0px 2px 3px grey);
    max-width: 1250px;
    margin: 25px auto;
}
legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 24px;
    font-size: 24px;
    line-height: inherit;
    color: #3c3836;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
label {
    font-size: 18px;
    margin: 8px 0;
    color: #3c3836;
    display: inline-block;
    font-weight: 500;
}
div#price-range input#stock {
    margin-left: 10px;
}
#search-form input#submit-btn {
    background: linear-gradient(to bottom, #927a6e 0%,#3c3836 100%);
    color: white;
    padding: 15px 1px;
    border: 0px #075fc6 solid;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 800;
    width: 14%;
    position: absolute;
    bottom: 24px;
    right: 0;
    left: unset;
    margin: 0 15px 0 0;
}

.notice-table {
    margin: 15px 0;
    flex: 1 0 100%; /* Ensures table takes full width without disrupting flex siblings */
    max-width: 100%; /* Prevents overflow */
    text-align: center; /* Centers content for consistency */
}

.notice-table table {
    width: 100%;
    border-collapse: collapse;
    border: 2px solid #a10000; /* Red border for the table frame */
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 2px 0 rgb(65 70 92 / 30%); /* Matches existing shadow */
}

.notice-table th {
    background: linear-gradient(to bottom, #d70a0a 0%, #a10000 100%); /* Red gradient for header */
    color: #fff; /* White text for the title */
    font-size: 18px;
    font-weight: 600;
    padding: 10px;
    text-transform: uppercase;
    text-align: center; /* Centers the title */
}

.notice-table td {
    background: #fff;
    color: #333;
    font-size: 14px;
    padding: 15px;
    text-align: justify; /* Matches intro text alignment */
}

.notice-table td strong {
    color: #2dacfb; /* Matches blue used in other emphasized text */
    font-weight: 600;
}


/*=================================== EC-MALL PROUCT ===================================*/
#cms5-prod-list ul {
    background: #fff;
    border-radius: 20px;
    margin: 5px;
    padding: 32px 11px;
    display: inline-block;
    transition: 0.3s;
    height: 350px;
    border: 2px solid #ffffff;
    width: 226px;
    vertical-align: top;
    position: relative;
    text-align: center; 
}
#cms5-prod-list ul #title a, #cms5-prod-list ul #title a:visited {
    color: #444;
    font-size: 14px;
}
#cms5-prod-list ul #price {
    color: #a10000;
    font-weight: 600;
    font-size: 15px;
}

/*=================================== EC-MALL PROUCT PAGE ===================================*/
div#offer-strike{text-decoration: line-through !important;}




#cms5-prodcatlist {
    display: block;
}
div#cms5-prodcatlist ul {
    list-style: none;
    padding: 0;
    text-align: center;
}
div#cms5-prodcatlist ul li {
    display: inline-block;
    margin: 5px 2px;
    width: 13.5%;
    background: #3c3836;
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
}
div#cms5-prodcatlist ul li a {
    text-transform: capitalize;
    color: #fff;
}
#back-btn a {
    border: 0px solid red;
    padding: 8px 15px;
    background: #3c3836;
    margin-top: 33px;
    color: white;
}
#back-btn a:hover { background: #d9c4b8;color: #3c3836; }
#cms5-prod-view > table > tbody > tr {
    direction: rtl;
}
#cms5-prod-view > table > tbody > tr > td {
    width: 47%;
    direction: ltr;
    display: inline-block;
}
#cms5-prod-view table#particular {
    padding-top: 59px;
    margin: 70px auto;
}
#cms5-prod-view #particular #caption {
    display: none;
}
#cms5-prod-view #particular td#title {
    font-size: 30px !important;
    font-weight: 600 !important;
}
#cms5-prod-view table#particular tr td#code {
    font-size: 19px;
}
#cms5-prod-view #particular #price {
    font-size: 20px !important;
}
#cms5-prod-view table#particular tr td#price {
    color: #797979;
}
#cms5-prod-view table#particular tr td#addcart a {
    padding: 10px;
    text-align: center;
    background: linear-gradient(to bottom, #927a6e 0%,#3c3836 100%);
    background-size: 100%;
    width: 126px;
    height: 45px;
    border: 0px;
    color: #fff;
    border-radius: 10px;
    box-shadow: 0px 2px 4px 1px #6f6865;
}
#cms5-prod-view table#particular tr td#addcart a:hover {
  background: linear-gradient(to top, #927a6e 0%,#3c3836 100%);
  box-shadow: 0px 0px 0px 0px #6f6865;
  border: 2px solid #998880;
}
#cms5-prod-view #desc {
    border-top: 0px solid #d4d4d4;
}
#cms5-prod-view #desc td#content {
    padding-top: 40px;
}

.gcontent {
    color: #777;
    font: 12px/1.4 "helvetica neue",arial,sans-serif;
    width: 250px;
    margin: 20px auto;
}
#galleria {
    height: 260px;
}
.galleria-container {
    width: 250px;
    height: 260px;
    position: relative;
    overflow: hidden;
    background: transparent;
}
.galleria-stage {
    position: absolute;
    top: 10px;
    bottom: 60px
    right: 10px;
    overflow: hidden;
    left: -46px;
}

/*=================================== EC-MALL ADD CART ===================================*/
#prod-cart {
    width: 90%;
    margin: 0px auto;
    padding: 36px 0;
}
#prod-cart .tbllist form table {
    border: 1px solid #cccccc;
}
#prod-cart .tbllist form table tr:first-child {
    background: #ffffff;
}
#prod-cart .tbllist form table tr {
    border-bottom: 1px solid #000;
}
.tbllist.rounded.spacer tr td {
    border: 1px solid #cccccc;
}
#prod-cart .tbllist form table tr td, #prod-cart .tbllist form table tr th {
    border-right: 0px solid !important;
    text-align: left;
    padding: 10px;
    background: #fbfbfb;
    font-weight: 600;
    font-size: small;
}
.tbllist.rounded.spacer tr th {
    background: #0a69d7 !important;
    border: 1px solid #0063d4;
    text-align: left;
    padding: 10px;
    width: 14%;
    color: white;
    font-weight: 600;
}

#continue-shopping {
    padding: 7px;
    background: linear-gradient(to left, #927a6e 0%,#3c3836 100%);
    border-radius: 10px;
    border: 3px #6f6865 solid;
    color: #ffffff;
    box-shadow: inset 0 0 5px #000000;
    width: 14%;
    text-align: center;
    margin-top: 7px;
}
#continue-shopping:hover { background: linear-gradient(to right, #927a6e 0%,#3c3836 100%); }
div#continue-shopping a {
    color: white;
}
.alert-warning {
    background-color: #fdfdfd00 !important;
    margin-top: 12px;
    color: red;
}
#theme-contain-prod #remoteloginform, #theme-contain-prod #customform {
    width: 26%;
    margin: 25px auto 0;
    text-align: center;
    background: #d6d6d6;
    border-radius: 17px;
    padding: 18px;
    padding: 40px 30px;
    border: 0px solid green;
}
.customform, .loginform {
    border: 0px solid green;
    margin: 0;
    text-align: right;
}
#theme-contain-prod #remoteloginform input, #theme-contain-prod #customform input {
    width: 100%;
    border-bottom: 2px solid #3c3836 !important;
    border: 0px;
    border-radius: 0;
    background: transparent;
    color: #1b2e60;
    max-width: unset;
}
#prod-cart #remoteloginform dl, #prod-cart #customform dl {
    display: block;
}
#customform dl, #loginform dl {
    display: inline-block;
    width: 100%;
    text-align: center;
}
#theme-contain-prod #customform .caption {
    display: none !important;
}

#icon-delete {
    list-style: none;
}
#icon-delete a {
    color: #f00;
}
.tbllist .tbl td a, .tbllist .tbl td a:visited {
    color: #000;
    text-decoration: none;
    font-size: small;
    font-weight: 300;
}
.tbllist.rounded.spacer input[type="button"] {
    background: #0a69d7;
    color: white;
    border: 0px solid;
    border-radius: 4px;
    font-size: 12px;
    padding: 3px 12px;
}

#theme-contain-prod #remoteloginform input, #theme-contain-prod #customform input {
    width: 100%;
    border-bottom: 2px solid #3c3836 !important;
    border: 0px;
    border-radius: 0;
    background: transparent;
    color: #1b2e60;
    max-width: unset;
}
#theme-contain-prod #customform dl:nth-of-type(3) dd img {
    width: 100px !important;
    margin-top: 10px;
}
#theme-contain-prod #remoteloginform input#remoteloginformsubmit, #theme-contain-prod #customform input#customform_submit {
    color: #fff;
    background: linear-gradient(to left, #927a6e 0%,#3c3836 100%);
    border-radius: 10px;
    border: 3px #6f6865 solid !important;
    padding: 8px;
    width: 46%;
}
#theme-contain-prod #remoteloginform input#remoteloginformsubmit, #theme-contain-prod #customform input#customform_submit:hover {
    background: linear-gradient(to right, #927a6e 0%,#3c3836 100%);
    border-radius: 10px;
    border: 3px #6f6865 solid;
    color: #fff;
}


#cart-gamepoint-info tr td { width: 50% }
#cart-gamepoint-info tr:nth-of-type(1) td { padding-top: 15px }
#cart-gamepoint-info tr:nth-of-type(3) td { text-align: center; }

/*========================== LOTTERY ==========================*/




/*========================== LOGIN ==========================*/
#theme-contain-login .login { text-align: center;
    background: #8c6f5e;
    margin: 30px auto;
    border-radius: 15px;
    width: 50%;
 }


.customform dl { text-align: center; }
.login { text-align: center;  }
.login span { text-align: center; color: #fff; }
.login #customform dl { margin: 0 0 5px; }
.login-btm {
  text-align: center;
  padding: 30px;
}
.login input#customform_submit {
    width: auto;
    text-align: center;
    /*padding: 5px 10px;*/
    background: #3c3836;
    color: #fff;
    margin-right: 0;
}
.login .logo {
  width: 50%;
  margin: auto;
  padding: 10px 0;
}
.login #customform {
  width: 50%;
  margin: auto;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: space-evenly;
  margin-bottom: 10px;
}

#customform #customform_UserName,
#customform #customform_Password {
  width: 100%;
  font-size: 15px;
  border: 0;
  border-bottom: 1px solid white;
  padding: 10px 10px 10px 0px;
  margin: 0;
  color: #fff;
  background: transparent;
  outline: unset;
}


/*========================== REGISTER ==========================*/
.register {
  display: flex;
  background: #fff;
  border-radius: 10px;
  justify-content: space-evenly;
  width: 90%;
  margin: 20px auto;
  flex-wrap: wrap;
}
.regis-content { width: 100%; padding: 0;  }
.regis-banner { width: 100%; }
.regis-banner img {  width: 100%;  border-radius: 10px;  margin: auto;  }
.regisleft {  width: 30%;  float: left;  }
.registelbtn {
  width: 100%;
  background: linear-gradient(to right, #26a5e4 0%, #8fd7fb 50%, #26a5e4 100%);
  background-size: 200% 100%;
  padding: 10px 30px; /* Kurangi padding horizontal untuk mengimbangi logo */
  border-radius: 10px;
  margin-bottom: 25px;
  text-align: center;
  animation: shine 3s linear infinite, pulse 2s ease-in-out infinite;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1);
  border: 1px solid #1e88e5;
  transform: scale(1); 
  transition: transform 0.5s ease-in-out; 
}

.registelbtn a {
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  transition: color 0.3s ease;
  display: flex; /* Gunakan flex untuk mengatur logo dan teks */
  align-items: center; /* Selaraskan vertikal */
  justify-content: center; /* Selaraskan horizontal */
}

.registelbtn a:hover {
  color: #3d2c1e; 
}

.registelbtn a:active {
  color: #3d2c1e; 
}

.telegram-logo {
  width: 1.2em; /* Ukuran sedikit lebih besar dari font */
  height: 1.2em; /* Menjaga proporsi logo */
  margin-right: 6px; /* Jarak kecil antara logo dan teks */
  display: inline-block; /* Untuk kompatibilitas */
  vertical-align: middle; /* Pastikan tidak menambah tinggi */
}

@keyframes shine {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 200% 50%;
  }
}

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}
.regis-box {  width: 100%;  background: #998880;  padding: 30px;  border-radius: 10px;  }
.regis-box form {  padding: 0;  }

.reg-txt {
  width: 100%;
  text-align: center;
  padding: 10px;
  border-radius: 10px;
  background: #a3775e;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 25px;
}
.regis-info h4 {
    text-align: center;
    color: #493730;
    font-size: 30px;
    font-weight: bold;
    margin-top: 15px;
}
.regis-info h5 {
    text-align: center;
    color: #3c3836;
}

#reg-title1 {
  font-size: 36px;
  color: #fff;
  font-weight: 900;
}
#reg-desc p {
  font-weight: 800;
  font-size: 18px;
}
#reg-title1 span,
#reg-desc p {
  color: #dfdd00;
  background: #ec1c12;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#reg-desc {
  border-left: 5px solid #ec1c12;
  margin: 10px 0px 0px;
  padding: 0px 15px;
}
#reg-desc ul {
  width: 100%;
  text-align: justify;
}
#reg-desc ul li {
  padding: 10px;
  color: #000;
}
.reg p {
  font-size: 10px;
  color: #493730;
  margin-top: 60px;
}
.regis-dtl {
    width: 68%;
    float: right;
    background: #998880;
    border-radius: 10px;
    padding: 40px;
}
.register #registerform {
  width: 100%;
  border: 0px solid red;
  overflow: visible;
}
.register #registerform dl { margin-bottom: 5px; }
.register #registerform dt {
  width: 100%;
  color: #927d37;
  font-size: 10px;
  display: none;
}
.register #registerform dd {
  text-align: left;
}
.register #registerform textarea,
.register #registerform input[type="text"],
.register #registerform input[type="text"],
.register #registerform input[type="password"],
#registerform_Email {
  width: 100%;
  color: #000;
  font-size: 13px;
  padding: 10px;
  background: white;
  border: 1px solid #9a9a9a !important;
  border-radius: 5px;
  margin: 5px 0;
}

.register #registerform #registerform_Currency {
  background: #fff;
  border-radius: 0px;
  width: 100%;
  color: #757575;
  border: 1px solid #9a9a9a !important;
  padding: 10px;
  border-radius: 5px;
  outline: unset;
}
.register #registerform #groupSubmit dd {
  float: left;
  width: 100%;
}
.register #registerform .btnCheckUser,
#registerform_btnSubmit {
  color: #fff;
  font-weight: bold;
  background: #3c3836;
  padding: 10px;
  text-transform: uppercase;
  border-radius: 5px;
  font-size: 11px;
  outline: 0;
  border: 0;
}
dl#groupVerifyCode {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.register #registerform dl#groupCurrency {
  width: 100%;
}
.register input::placeholder {
  transform: translateX(0px);
  transition: 0.4s;
}
.register input:focus::placeholder {
  transform: translateX(200px);
  transition: 0.4s;
  opacity: 0;
  transition-timing-function: ease-in;
}
#registerform_btnSubmit, input#customform_submit {
    background: #3c3836;
    color: #fff;
    padding: 10px 30px;
    border: 0px solid #ec1c12;
    border-radius: 0 0 10px 10px;
    outline: unset;
    float: none;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 10px;
    border-radius: 20px;
}

/*========================== MODAL ==========================*/
.modal-content {
  background: linear-gradient(180deg, #8c6f5e 30%, #493730);
  box-shadow: 0 0 15px #a0766085;
  text-align: center;
}
.modal-body { color: #ffffff; }
.modal-header {
  padding: 0;
  border: unset;
  height: 0;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 999;
}
.modal-header .close {
  margin-top: -1px;
  padding: 8px 13px;
  background: #ec1c12;
  opacity: 1;
  border-radius: 50%;
  color: #fff;
  text-shadow: none;
}
.modal-dialog {
  width: 40%;
  margin: 6% auto;
}

/*========================== VIP ==========================*/
.vip-custom { width: 100%; margin: auto; }
.vip-banner-title { position: absolute; width: 100%; top: 32%; color: #b6907a; padding: 0 60px; }
.vip-banner-title h4 { font-size: 26px; font-weight: bold; margin: 0 0 5px 30px; }
.vip-banner-title h2 { font-size: 40px; font-weight: bold; margin: 0 0 5px 30px; }
.vip-banner-title p { font-size: 18px; margin: 0 0 5px 30px; width: 40%; }
#vip-table { border-radius: 15px; margin: auto; }
#vip-table td, #vip-table th { padding: 5px 10px; }
.vip-table-content h4, .vip-table-content h5 { color: #ffffff; font-weight: bold; text-align: center; }
.vip-level { text-align: center; color: #493730; }
.bgclr01 { text-align: center; width: 150px; }
.text-gold { color: #493730; padding: 8px 10px !important; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
.vip-tbcntnt { border-radius: 10px; }
.sml-title { font-weight: bold; font-size: 16px; }
#vip-table2 { width: 60%; margin: auto; background: #edfaff; }
#vip-table2 td { padding: 6px 10px; border: 1px solid #ffffff; }

.vip-table-content {
    width: 100%;
    margin: auto;
    color: #9f430f;
    position: relative;
    margin-bottom: 60px;
    padding: 30px;
    border-radius: 10px;
}
.vip1 {
    background: #927a6e;
    border-radius: 10px;
    color: #ffffff;
    padding: 50px;
    width: 48%;
    float: left;
    height: 550px;
}
.vip-heading1 h3{ color: #3c3836; font-weight: bolder; margin: 0 0 20px 0; }
.vip-body1 li { color: #493730; list-style: none; }
.vip2 {
    background: #79685b;
    border-radius: 10px;
    color: #ffffff;
    padding: 50px;
    width: 48%;
    float: right;
    height: 550px;
    margin-bottom: 30px;
}
.vip-heading2 h3{ color: #3c3836; font-weight: bolder; margin: 0 0 20px 0; }
.vip-body2 li { color: #493730; list-style: none; }
.vip-body2 h5 { margin-top: 20px; }

/*========================== CONTACT ==========================*/
.contact { text-align: center; }
.contact-malaysia, .contact-singapore, .contact-indonesia{ margin-bottom: 30px; }
.c-area { border: 0px solid red; padding: 10px; }
.c-area img { filter: drop-shadow(2px 4px 6px black); width: 50%; }
.c-inner {
    width: 75%;
    padding: 10px;
    margin: 20px auto;
    border: 1px solid #a3775e;
    border-radius: 15px;
}
p.c-title { font-size: 30px; font-weight: bolder; color: #493730; }
.c-inner p { text-align: center; }
.qr { width: 80%; margin: auto; }
.qr img { width: 100%; }
.center { text-align: left; margin: auto; }
.center a { color: #0d59ff; }
.feedback h1 { border-bottom: 1px solid #cbcbcb; }

.seo-line form { background: #ffffff; padding: 10px; border-radius: 10px; }
.seo-line input {
    outline: unset;
    width: 330px;
    height: 30px;
    max-height: 30px;
    max-width: 330px;
    border: 1px solid #c8c8c8;
    margin-bottom: 5px;
    background: white;
}
#TextArea1, #TextArea2 { border: 1px solid #c8c8c8; max-width: 330px; max-height: 200px; }

/*========================== JACKPOT ==========================*/
.jackpot-sec {
    position: relative;
    display: flex;
    justify-content: center;
}
.jackpot-sec img {
    width: 60%;
    margin-bottom: 30px;
    border-radius: 10px;
}
#jackpot {
    position: absolute;
    text-align: center;
    top: 40%;
    left: 0%;
    right: 0;
    width: max-content;
    margin: auto;
    font-size: x-large;
    font-weight: bold;
    color: #ffd600;
}

/*========================== HOT & NEW ==========================*/
.hot-provider {
    background: #ff650f;
    color: #fff;
    position: absolute;
    top: -20%;
    right: -5%;
    padding: 2px 10px;
    border-radius: 15px;
    font-size: 10px;
    animation: 1.0s ease 0s infinite normal none scale;
    width: 40px;
}
.new-provider {
    background: #ff0f4a;
    color: #fff;
    position: absolute;
    top: -20%;
    right: -5%;
    padding: 2px 8px;
    border-radius: 15px;
    font-size: 10px;
    animation: 1.0s ease 0s infinite normal none scale;
    width: 40px;
}
.float-hot{
    background: #ff3900;
    color: #fff;
    position: absolute;
    left: 70%;
    padding: 2px 8px;
    border-radius: 15px;
    font-size: 10px;
    top: 5%;
    animation: move;
    animation: 1.0s ease 0s infinite normal none scale;
    text-align: center;
    width: 40px;
}
.float-dot {
    background: #f7af00;
    color: #03045e;
    position: absolute;
    left: 70%;
    padding: 2px 8px;
    border-radius: 15px;
    font-size: 10px;
    top: 5%;
    animation: move;
    animation: 1.0s ease 0s infinite normal none scale;
    text-align: center;
    width: 40px;
}
@keyframes scale{
0% { opacity: .8; }
10% { transform: translate3d(-0.01rem,0,0); }
70% { transform: scale(0.8); }
80% { transform: translate3d(-0.01rem,0,0); }
100% { transform: scale(1); opacity: 1; }
}

@keyframes loop {
0% { transform: translateX(-100%); }
100% { transform: translateX(100%); }
}


/*========================== SPORT/ CASINO/ SLOT =========================*/
.banner.container{ width: auto; }
.banner img { width: 100%; border-radius: 15px; }
.title { margin-bottom: 30px; }

.seo h1, .news-title h1, .title h1 {
    color: #a3775e;
    text-align: left;
    padding: 10px 0;
    font-weight: bold;
    border-bottom: 1px solid #927a6e;
}

.tab button.tablinks:hover { color: #000f80; }
.tab button.tablinks.active { color: #000f80; border: 1px solid #000f80; }

.tab button.tablinks {
    float: left;
    margin: 5px 5px;
    background-color: #fff;
    border: 0px solid #000f80;
    cursor: pointer;
    padding: 5px 10px;
    transition: 0.3s;
    text-transform: uppercase;
    font-weight: bold;
    color: #a5a5a5;
    border-radius: 15px;
}
.filterDiv {
  float: left;
  background-color: #2196F3;
  color: #ffffff;
  width: 100px;
  line-height: 100px;
  text-align: center;
  margin: 2px;
  display: none;
}
.btn1 {
    border-radius: 15px;
    border: 0px solid white;
    margin: 2px;
    padding: 5px 20px;
    background: #f3f5f6;
}
.btn1:hover { background-color: #000f80; color: #fff; }
.btn1.active, .btn1:active { background-color: #000f80; color: #fff; }
#myBtnContainer { margin-bottom:30px; }
.games-box center { display: block; }


/*============================== GAMES ==============================*/
.game-filter {
    display: flex;
    width: 100%;
    background: #3c3836;
    margin: 30px 0;
    padding: 15px;
    border-radius: 10px;
}
.gf-wrapper {
    display: grid;
    flex-direction: row;
    list-style: none;
    margin: auto;
    padding: 0;
    flex-wrap: wrap;
    grid-gap: 10px 0px;
    grid-template-columns: repeat(5,0.7fr);
}
.logo-box {
    width: 190px;
    height: 40px;
    background: #fff;
    border-radius: 20px;
    margin: 0 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.logo-box.active { border: 0px solid #fe9b1c; background: #a3775e; }
.sport-container { margin: 0 auto 30px auto; }
.sport-pc iframe { width:100%; height: 600px; }
.divSport-title h1 { text-align: center; }
.iframe-sport { width: 100%; text-align: center; }
.iframe-sport iframe{ width: 100%; height: 600px; }

.swiper-pagination { display: none; }
.hpromo-wrapper .swiper-slide { width: 32% !important; }
.swiper-slide .logo-box img { width: 60px; }
.swiper-slide button { border: 0; }
.swiper-button-prev { left: 3%; }
.swiper-button-next { right: 3%; }
.swiper-button-prev, .swiper-button-next {
    position: absolute;
    width: 27px;
    height: 44px;
    margin-top: -12%;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
    top: auto;
    filter: drop-shadow(1px 1px 2px black);
}

/*========================== IMG =========================*/
.example-tabs-tabs__list { margin: 0; padding: 0; }
.example-tabs-tabs__content { background: #0b0f16; padding: 1em; }
.game-prod { display: flex; }
.game-prod>.js-tabs { display: flex; width: 100%; }
.game-prod>.js-tabs>ul.js-tablist.example-tabs-tabs__list { display: flex; flex-direction: column; background: #1a202c; }
.games-item { flex: 0 0 18%; }

.game-box {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.js-tabs { margin-bottom: 50px; }
.js-tabcontent { width: 100%; }
.js-tabs a { font-weight: bold; outline: unset; }
.img-box { position: relative; overflow: hidden; }
.img-box img { width: 100%; }

.hover-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transform: translateY(90%);
    opacity: 0;
    background: #00000080;
    transition: .3s;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding-top: 2%;
    justify-content: center;
}
.games-content ul li a { text-decoration: none; }
.games-item:hover { transform: translateY(-5px); transition: 0.3s; cursor: grab; }
.games-item:hover .hover-box { transform: translateY(0); opacity: 1; transition: 0.3s; }
.hover-box span:first-child { background: #a3775e; color: #fff; }
.hover-box span:last-child { background: #ffffff; }
.games-box.active { display: block; }
.games-box {
    position: relative;
    top: 0;
    right: 0;
    transform: translateY(0%);
    width: 100%;
    text-align: left;
    display: none;
}

/*========================== BUTTON =========================*/
.js-tablist { display: flex; flex-direction: row; list-style: none; }
.js-tablist__item { margin: 5px; font-size: 15px; }
.js-tablist__item a { color: #000f80; }

#id-firsty3 .games-item,
#id-firsty4 .games-item,
#id-firsty5 .games-item,
#id-firsty6 .games-item,
#id-firsty7 .games-item,
#id-firsty10 .games-item,
#id-firsty14 .games-item,
#id-firsty15 .games-item,
#id-firsty16 .games-item,
#id-firsty17 .games-item,
#id-firsty19 .games-item  { flex: 0 0 31%; }

#id-firsty18 .games-item {  flex: 0 0 23%; }


/*============================== PROD ==============================*/
#theme-nav {  display:none;  }
#theme-nav { text-align: center; background: white;margin-top:15px;  }
#theme-nav ul {  margin:0; padding: 0;  }
#theme-nav ul li {  display: inline-flex;  flex-direction: column;  margin: 0px 6px;  }
#theme-nav ul li a {  color: #fff;  background: #0a69d7;  padding: 10px 50px;  border-radius: 4px;  cursor: pointer;  }
#theme-nav ul li:first-child a {  position: relative;  color: #0a69d7;  }
div#theme-nav ul li:first-child a:after {  content: "All Product";  color: #fff;  font-size: 12px;  position: absolute;  left: 0;  right: 0;  }

span.effect-photogrp { position: relative;}
img#piclayer { position: absolute; top: -70px; left: 0px;}
#search-bar { width: 90%; }

div#offer-strike {  font-size:12px;  font-style: italic;  font-weight: normal;  text-decoration: line-through;  color: #838383;  }


#cms5-prod-list { width: 92%;  max-width: 1250px;  margin: 25px auto 0;  /*text-align: center;*/  padding-bottom: 20px;  }
#cms5-prod-list ul:hover { box-shadow: 2px 4px 10px #d4d4d4; }
#cms5-prod-list ul li { list-style: none; }
#cms5-prod-list .caption, #cms5-prod-list #desc, #cms5-prod-list #details, #cms5-prod-list #enquiry, #cms5-prod-list #code { display: none; }
#cms5-prod-list #addcart a { margin: auto; }

#cms5-prod-view {    margin-left: 20px;  }
#cms5-prod-view #desc td#content {padding-top: 40px;}
#cms5-prod-view > table > tbody > tr > td {width: 50%;direction: ltr;display: inline-block;}
#cms5-prod-view > table > tbody > tr {direction: rtl;}
#cms5-prod-view #particular #caption{ display: none;}
#cms5-prod-view #particular td#title{font-size: 30px !important;font-weight: 600 !important;}
#cms5-prod-view #particular #price{ font-size: 20px !important;}
#cms5-prod-view #particular #sharelink { padding: 0; }
#cms5-prod-view #desc{ border-top: 0px solid #d4d4d4;padding-top: 10px;}

#prod_cat{ display: none; }
#prod-cart .tbllist form table {  border: 1px solid #cccccc; }
#prod-cart .tbllist form table tr{ border-bottom: 1px solid #000; }
#prod-cart .tbllist form table tfoot tr:first-child{ border: 0; }
#prod-cart .tbllist form table tr td, #prod-cart .tbllist form table tr th {border-right: 1px solid;text-align: center;padding: 10px;}
#prod-cart .tbllist form table tr td:last-child, #prod-cart .tbllist form table tr th:last-child{ border-right: 0; }
#prod-cart .tbllist form table tr:first-child{ background: #d4d4d4; }
#prod-cart > p > a{ color: #0008ff; }

div#back-btn {  position: relative; top: 31px;  left: 0px;  }
#enquiry, #sharelink { display: none;  }


.ctrllist.iconx32 ul { margin: 0; } 
#icon-delete { list-style: none; }
#icon-delete a { color: #f00; }
#submember-login table tr:last-child td:last-child > p:nth-child(3) > a { text-decoration: underline; color: #0008ff; }
#submember-login table { width: fit-content; background: #efefef; }
#submember-login table tr td { padding: 10px 20px; }
#submember-login table tr:last-child td:last-child > p:nth-child(1) > a {  background: #d4d4d4;  padding: 5px 20px;  display: block;  text-align: center;  }
#submember-login input[type=submit] {  background: #ffc903;  padding: 5px 20px;  display: block;  width: 100%;  text-align: center;  }

#prod-cart .tbllist form #continue-shopping a {  padding: 10px;  margin: 5px 0;  text-align: center;  background: #fbed86;  display: inline-block;  float: right;  border-radius: 10px;  }
#prod-cart .tbllist form table input[value=UPDATE] {  padding: 0 10px;  background: transparent;  text-decoration: underline;  color: blue;  }

.gcontent {  width: 500px;  }
#cms5-prod-list ul #title a:hover {  color: #335587;  }
#cms5-prod-view table#particular tr td#code {  font-size: 19px;  }
#cms5-prod-view table#particular tr td#price {  color: #797979;  }

#cms5-prod-list ul #addcart a {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    padding: 8px 10px;
    text-align: center;
    background: linear-gradient(to bottom, #927a6e 0%, #3c3836 100%);
    background-size: 100%;
    width: 150px;
    height: 40px;
    border: 0px solid white;
    color: #fff;
    border-radius: 10px;
    box-shadow: 0px 2px 4px 1px #6f6865;
}
#cms5-prod-list ul #addcart a:hover {  background: linear-gradient(to top, #927a6e 0%,#3c3836 100%);  box-shadow: 0px 0px 0px 0px #6f6865;  border: 2px solid #998880;  }
#cms5-prod-view table#particular {  padding-top: 59px;margin: 70px auto;  }
#cms5-pagenum a, a:hover, a:active, a:focus {  color: #7d7d7d;text-decoration: none;  }
#cms5-prod-view > table > tbody > tr > td {  width: 47%; }

.tbllist.rounded.spacer tr th {  background: #00c3b3 !important;color: #4c4c4c;width: 15%;text-align: center;padding: 7px 0;  }
.tbllist .tbl td {  border-top: 1px solid #5ae;  padding-left: 8px;  padding-right: 8px;  color: #000;  }
.tbllist .tbl td a, .tbllist .tbl td a:visited {  color: #000;  text-decoration: none;  }
.tbllist {  padding: 0px;  background: #ffffff;  }
.tbllist .tbl tfoot td {  color: #000000;  }
.tbllist.rounded.spacer input[type="button"] {  border: 0px solid;  }

#prod-cart .tbllist form table tr td, #prod-cart .tbllist form table tr th {  border-right: 0px solid !important;  }
#prod-cart #remoteloginform dl, #prod-cart #customform dl {  display: block;  }

#theme-contain-prod input#customform_submit {  position: unset;  }
#theme-contain-prod #customform .caption {  display: none !important;  }
#theme-contain-prod #customform dl:nth-of-type(3) dd {  display: inline-block;vertical-align: bottom;width: 49%;  }
#theme-contain-prod #customform dl:nth-of-type(3) dd img {  width: 100px !important;margin-top: 10px;  }
#theme-contain-prod #remoteloginform input, #theme-contain-prod #customform input {  width: 100%;  border-bottom:2px solid #3c3836 !important;  border: 0px;  border-radius: 0;  background: transparent;  color: #1b2e60;  max-width: unset;  }

div#cms5-pagenum ul { padding: 0; margin: 0; text-align: center; }
div#cms5-pagenum ul li {  display: inline-block;  width: 3%;  vertical-align: top;  color:#3c3836;  margin: 30px 10px;  font-weight: bold;  }

#keyword input.alphanumeric {  color: black;  border-radius: 4px;  padding: 0 3px;  height: 38px;  font-size: 15px;  width: 79%;  border: 1px solid #1e3365;  display: inline-block;  }
#price-range input#price-min {  border-radius: 3px;  display: inline-block;  width: 23%;  padding: 0px 4px;  height: 38px;  border:1px solid #3c3836;  }
input#price-max {  display: inline-block;  border-radius: 3px;  width: 23%;  padding: 0 4px;  height: 38px;  border: 1px solid #3c3836;  }
input#submit-btn {  border-radius: 5px;  padding: 6px;  color: #03927c;  font-weight: 600;  width: 10%;  }
a#clear-btn {  display:none;  color: red;  border-radius: 5px;  padding: 5px 10px;  border: unset;  font-size: 12px;  background: #4c4c4c45;  }
select#sortlist {  border-radius: 4px;  height: 38px;  border:1px solid #3c3836;  }
#content p {  margin: 3px 0;  line-height: 30px;  display: list-item;  }
.tbllist.rounded.spacer tr th {
    background: #00c3b3 !important;
    color: #4c4c4c;
    width: 15%;
    text-align: center;
    padding: 7px 0;
}
#prod-cart .tbllist form table tr:first-child { background: #ffffff; }

.tbllist.rounded.spacer input[type="button"] {
    background: #998880;
    color: white;
    border-radius: 4px;
    font-size: 12px;
    padding: 3px 12px;
}
#qty input[type="text"] { text-align: center; }
div#btn-submit button {
   background: -webkit-linear-gradient(right, #805836 0%,#d1a36d 100%);
    padding: 13px;
    width: 14%;
    color: white;
    margin-top: 13px;
    font-size: 16px;
    border: 5px #e1d0a8 solid;
    border-radius: 10px;
    box-shadow: inset 0 0 5px #000000;
}
.tbllist.rounded.spacer tr td {
    border: 1px solid #cccccc;
    padding: 12px;
    text-align: center;
    background: #fbfbfb;
}
.tbllist.rounded.spacer tr th {
    text-align: center;
    padding: 12px 0;
    background: #04a385;
    width: 14%;
    color: white;
}

#prod-cart .tbllist form table tr td, #prod-cart .tbllist form table tr th {
    border-right: 1px solid;
    text-align: left;
    padding: 10px;
    background: #fbfbfb;
    font-weight: 600;
}
#prod-cart input#form_recipientName, input#form_Addr1, input#form_Addr3 {
    border: 1px solid #f1f1f1;
    border-radius: 7px;
    padding: 8px 6px;
    width: 92%;
}
#prod-cart input#form_State {
    border: 1px solid #f1f1f1;
    border-radius: 7px;
    padding: 8px 6px;
    width: 37%;
}
#prod-cart input#form_PostCode {
    border: 1px solid #f1f1f1;
    border-radius: 7px;
    padding: 8px 6px;
    width: 20%;
}
#prod-cart select#form_Country {
    border: 1px solid #f1f1f1;
    border-radius: 7px;
    padding: 8px 6px;
    width: 19%;
}
#prod-cart input#form_contact {
    border: 1px solid #f1f1f1;
    border-radius: 7px;
    padding: 8px 6px;
    width: 26%;
}
.tbllist.rounded.spacer tr th {
    background: #3c3836 !important;
    border: 1px solid #03045e;
    text-align: center;
}
caption {
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    font-weight: 600;
    background: #867560;
}
.submit, button.prev_step, input[type="submit"] {
    background: unset;
    margin-right: 11px;
    color: #ffffff;
    border: 3px solid #e1d0a8;
    padding: 1px 9px;
    border-radius: 9px;
    background: #946c3b;
}
span#name { color: red; }
div#price-range { display: inline-block; width: 44%; }
fieldset {  }
#keyword { display: none; width: 40%; }

div#sort {  float: right;  position: absolute;  top: 48%;  right: 39%;  }
table#apimeminfo b {
    padding: 2px 5px;
    border-radius: 6px;
    color: #4c4c4c;
    letter-spacing: 1px;
    font-size: 13px;
}
#theme-contain-prod #remoteloginform, #theme-contain-prod #customform {
    width: 26%;
    margin: 25px auto 0;
    text-align: center;
    background: #d6d6d6;
    border-radius: 17px;
    padding: 18px;padding: 40px 30px;
}
table#apimeminfo a {  background: -webkit-linear-gradient(right, #480505 0%,#d60013 100%);  color: white;  padding: 7px 25px;  border-radius: 11px;  border: 3px #e1d0a8 solid;  }
.galleria-stage { left: -46px; }
a#clear-btn:hover { color: #d88383; background: -webkit-linear-gradient(right, #4c4c4c 0%,#4c4c4c 100%); }
#search-form input#submit-btn:hover{ color: #ffeb92; border-color: #ff000000; }
#prod-cart .tbllist form table tr td { text-align: left; }
#btn-submit button:hover { background: #9a9a9a; color: white; }
table#apimeminfo a:hover { background: #736d6d; }

div#continue-shopping a { color: white; }
div#continue-shopping a:hover { color:#fff; }

#prod-cart {  width: 90%;  margin: 0px auto;  padding: 36px 0;  }
table#apimeminfo {  background: #dcb686;  padding: 12px 1px;  border-radius: 7px;  border-spacing: 2em;  margin: 1rem auto;  }
table#apimeminfo tr td {  padding: 1rem 1.2rem;  border-radius: 6px;  border: 6px solid white;  }
.alert-warning { background-color: #fdfdfd00 !important; margin-top: 12px; color: red; }


/*========================== COLLAPSE ==========================*/
.panel-group { margin-bottom: 20px; width: 100%; }
.panel {  padding: 0;  background-color: transparent;  max-height: fit-content;  overflow: hidden;  transition: max-height 0.2s ease-out;  border: none; }
.panel-default>.panel-heading {  border-color: #3c3836;  background: #a3775e;  color: #333;  border-radius: 15px;  padding: 15px;   }
.panel-body2 {  padding: 10px 20px;  color: black;  background: #ffffff;  margin: 0px;  font-size: 14px;  }
.panel-title {  margin-top: 0;  margin-bottom: 0;  font-size: 16px;  color: #ffffff;  }
.panel-title:hover { color: #ffc900; }
.page-panel { margin-bottom:0px; }
.panel-body2 p a{ color: #a3775e; }
.panel-body2 p a:hover { color: #ffd905; }


/*========================== COCKFIGHT & HORSE RACING ==========================*/
.cockfight-info h1 { margin-top: 0; margin-bottom: 30px; color: #c08a4f; }
.cockfight-line { margin: 30px 0; }
.cockfight-line h1, .cockfight-line h2,.cockfight-line h3,  #collapse-home h1, #collapse-home h2, #collapse-home h3, #collapse-home2 h2, #collapse-home3 h3, #collapse-home4 h3, #collapse-s1 h2, #collapse-s2 h2, #collapse-s2 h3, #collapse-s3 h2, #collapse-s3 h3, #collapse-s5 h3, #collapse-c1 h2, #collapse-c1 h3, #collapse-g1 h2, #collapse-g1 h3, #collapse-g2 h2, #collapse-g2 h3, #collapse-lotto1 h2, #collapse-lotto2 h2, #collapse-p1 h2, #collapse-p2 h2, #collapse-p2 h3, #collapse-p3 h2, #collapse-p3 h3 { color: #a3775e; }
.cockfight-line p a { color: #a3775e; }
.cockfight-line p a:hover { color: #ffd905; }
.lotto-collapse p a { color: #a3775e; }

.racing-line { margin: 30px 0; }
.racing-info h1 { margin-top: 0; margin-bottom: 30px; color: #c08a4f; }


/*========================== EVERYPAGE ==========================*/
.small, small { color: #141414 !important; margin-top: 5px; }
.small.w3-text-green { color: green !important; }
.small.w3-text-red { color: red !important; }

.sub-box {  margin: 20px 20px 0 20px;  background: #fff;  padding: 30px;  border-radius: 10px 10px 0 0;  color: #6a6b6d;  }
.sub-title { font-size: 30px; font-weight: bold; padding: 0 20px; }
.sub-txt { font-size: 20px; padding: 0 20px; }


.live-tv { margin: 15px; }
.live-tvsports {  display: inline-block;  }
#api-leaguefeed .brick > ul {  list-style: none;  margin: 0;  padding: 0;  }
.api-leaguefeed-free-wall .brick {  min-height: 217px;  margin: 10px;  position: unset !important;  display: inline-block;  vertical-align: top;  text-align: center;  width: 200px !important;  background: #ccb1a2 !important;  border-radius: 10px;  border: 0px solid #6fd0fd;  opacity: 1 !important;  }
#api-leaguefeed {  clear: both;  display: block;  width: 100%;  height: unset !important;  position: unset !important;  text-align: center;  }
#api-leaguefeed #versus {  text-align: center;  font-size: 13px;  font-weight: 700;  padding: 20px 0;  }
#api-leaguefeed .brick > ul > li {  padding: 5px 10px;  background: transparent;  }
#api-leaguefeed #livetv a, #api-leaguefeed #livetv a:visited {  display: block;  color: #fff;  text-decoration: none;  text-align: center;  background: #a3775e;  padding: 10px;  border-radius: 10px;  }
#api-leaguefeed #playtime {  background: #3c3836;  color: #fff;  text-align: center;  border-radius: 10px 10px 0 0;  }

#api-leaguefeed #versus div:nth-child(1) {  color: #0080ff;  }
#api-leaguefeed #versus div:nth-child(2) {  color: #000;  font-size: 12px;  }
#api-leaguefeed #versus div:nth-child(3) {  color: red;  }


.accordion {  background-color: #eee0;  color: #444;  cursor: pointer;  padding: 12px;  width: 100%;  border: none;  text-align: left;  outline: none;  font-size: 20px;  transition: 0.2s;  }
.accordion:hover { background-color: #000000; color: #fff; }

.postPage { margin-bottom: 25px; }
.post-img img {  max-width: 100%;  margin: 30px auto 0;  display: block;  }
.post-detail {  padding: 30px 0 10px;  line-height: 20px;   }
.post-detail p {  margin-bottom: 15px;  }
.post-detail:first-child { padding-top: 0; }


/*==============================================================================================*/
/*==============================================================================================*/
/*----------------------------------------------------------------------   MOBILE VIEW  ---------------------------------------------------------------------*/
/*==============================================================================================*/
/*==============================================================================================*/
/*-------------------------------------------- MOBILE SIDE NAV ----------------------------------------*/

.mobile-menu-top {  display: flex;  align-items: center;  justify-content: space-between;  height: 60px;  background: #8c6f5e;  border-bottom: 2px solid #dfa785;  }
.mobile-menu-90 {  padding: 0;  display: flex;  flex-wrap: wrap;  justify-content: center;  }
#mySidenav .logo img {  width: 80%;  margin: 0 10px;  }
#mySidenav li {  display: flex;  flex-direction: row;  align-items: center;  justify-content: space-between;  }
#mySidenav li button {  width: 100%;  /*height: 110px;*/  margin: 5px;  border-radius: 10px;  background: transparent;  border: 1px solid #ffffff;  padding: 2px;  }

#mySidenav li img {  width: 40%;  margin: 10px;bb}
.mobile-menu-90 li a, .mobile-menu-90 li a span {  text-decoration: none;  transition: 0.3s;  display: flex;  flex-direction: column;  align-items: center;  font-size: 11px;  }

.sidenav {  height: 100%;  width: 0;  position: fixed;  z-index: 9999999;  top: 0;  left: 0;  background: linear-gradient(to bottom, #8c6f5e 20%, #3c3836, #493730, #998880);  overflow-x: hidden;  transition: 0.5s;  padding-top: 20px;  }

.sidenav a:hover {  color: #f1f1f1;  }
.sidenav .closebtn {  position: relative;  top: 0;  font-size: 30px;  margin: 10px;  color: #ffffff;  }

.mobile-sidebar {  width: fit-content;  }
.mobile-sidebar span {  font-size: 30px;  cursor: pointer;  color: #ffffff;  }
.menu-top-header .mobile-logo img { height: 55px;  width: auto;  }

.logo {  display: flex; align-items: center;  justify-content: center;  }

.mobile-ec711.dropdown { width: fit-content; display: flex; justify-content: flex-end;   }
.mobile-ec711.dropdown .dropbtn {  width: unset;  }
.mobile-ec711 button.dropbtn {  background: #ccb1a2;  padding: 5px;  border-radius: 30px;  }
.mobile-ec711 button.dropbtn img { width: 50px; }
.mobile-ec711.dropdown:hover .dropdown-content {   top: unset;  left: unset; }
.mobile-ec711 .dropdown-content { margin-top: 30px; }

.mobile-download {  display: flex;  justify-content: flex-end;  font-size: x-large;  }

.divider {  border-bottom: 1px solid #a3775e;  margin: 20px 0; }
.sub-m {  margin-left: 10px;  margin-bottom: 20px !important; }
.sub-m a {  margin: 0 0 0 20px;  color: #ffffff;  }

.mobile-currency {  width: 100%;  }
.mobile-currency-icon img {  width: 30px;  }
.mobile-currency-detail {  color: #ffffff;  margin-left: 20px;  }
.mobile-currency-detail p {  margin: 0;  }

.mobile-90-2 {  background: url(/data/2028/uploads/125327151423.webp) no-repeat;  background-size: 60%;  background-position: bottom right;  margin: 0 30px 0 0;  padding: 0;  }
.mobile-menu-90 li {  width: 30%; }




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

@media all and (max-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width: 1024px),
 only screen and (min--moz-device-pixel-ratio: 3) and (max-width: 1024px),
 only screen and (-o-min-device-pixel-ratio: 3/1) and (max-width: 1024px),
 only screen and (min-device-pixel-ratio: 3) and (max-width: 1024px),
 only screen and (min-resolution: 384dpi) and (max-width: 1024px),
 only screen and (min-resolution: 3dppx) and (max-width: 1024px) {

.sport-mobile {  display: block;  }
ol#faq_modal {  gap: 0;  }

#theme-header, #theme-header-link .container {  display: flex;  flex-direction: row;  flex-wrap: wrap;  }
#theme-header-top { padding: 0; margin: 0; width: 100%; border-top: 0px solid #998880;   }
#theme-header-top .container { margin: 0; padding:0; width: 100%; }
#theme-header-link { display: none; }
#theme-header-content { order: 1; width: 100%; }
.sidenav .closebtn { margin: 10px 30px; }
.mobile-menu-90 li a, .mobile-menu-90 li a span { color: #fff; }
.menu-ec711 { display: none; }

.marqIcon {  width: 8%;  }
marquee#horizontal_scrollmsg {  width: 90%;  }

.live-feed-primary-part-holder {  width: 100%; }

.sub-menu { display: none; }

.menu-downloadapp { display: none; }
.menu-top-header { display: block; }
.menu-top-header .mobile-logo {  padding: 0;  margin: -5px 0 0;  text-align: center;  }

#logo { width: 50%; padding: 15px; margin: 5px 0 0 0; background: transparent; }
.logo {  display: flex; align-items: center;  }
.dropdown { margin: 0; width: 100px;}
.dropdown .dropbtn { width: 100%; }

#cssmenu #menu-button::before { border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff;}
#cssmenu #menu-button::after { background: #ffffff; }
#cssmenu #menu-button { display: none; color: #ffffff; padding: 16px; font-size: 20px;  }
#cssmenu > ul > li > a { font-size: 18px; color: #181818; font-weight: 500;  }
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {    font-size: 18px; }
#cssmenu #menu-button::before { border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff;  }

.header-link { padding-left: 0;  }
.header-left { }
.clock { display: none; }
.header-left, .header-right { flex-direction: row;  }
.dropdown:hover .dropdown-content { left: 20%; top: 40px; padding: 5px 5px 5px 0px; }
.down-list { margin: 0; padding: 0; }
.down-list { display: none; }
.downloadapp { display: flex; flex-direction: column; }
.left-text { margin-top: 30px; }
.download-bottom-term td, .download-bottom-term table th {  font-size: x-small; }
.mobile-down-list span { font-size: large; }
.float-dot { font-size: 16px;  left: 60%; }
.btn-login .btn, .btn-sign-up .btn {  font-size: 12px; padding: 5px 8px; }
.seo-line { padding: 0 !important; }


/*------------------------------------------------------ BANNER ------------------------------------------------------*/
#mainslider { width: 100%; }
.avg1 { float: left; width: 40%;  }
.avg2 { float: right; width: 40%;  }
.spacer {  padding: 0;  }
.video-box { margin-top: 60px; min-height: 520px; }
.top-container { display: block;  }
.side-banner { display: none;  }
.iframe-container iframe { width: 100%; height: 540px;  }  
.swiper-button-prev, .swiper-button-next { display: none;  }
.announcetext { padding: 10px 5px; }
.item-title { text-align: center; margin: 0 0 15px 0; }

.live-btm { margin: 70px 0 0 0; }

/*------------------------------------------------------ FOOTER ------------------------------------------------------*/
.footer-ctn p { margin: 15px 0; color: #fff; font-size: medium; }
.footer-ctn p { margin: 5px 0; }
.pay ul li { width: 14%; display: inline-block; padding: 0; margin: 5px;  }
.social ul li { width: 20%; }
/*.certs ul li:first-child, .payment ul li:first-child, .social ul li:first-child, .g-license ul li:first-child { width: 20%;  }*/
.certs ul li, .g-license ul li, .payment ul li, .social ul li { filter: grayscale(0);  }

/*------------------------------------------------------ PAGE ------------------------------------------------------*/
.sport-pc { display: block;  }
.gf-wrapper { grid-template-columns: repeat(2,0.5fr);  }
.logo-box { width: 120px; font-size: 11px;   }
.games-item {  flex: 0 0 27%;  }

#id-firsty .games-item, #id-firsty2 .games-item, #id-firsty8 .games-item,
#id-firsty9 .games-item, #id-firsty11 .games-item, #id-firsty12 .games-item, #id-firsty13 .games-item
 { flex: 0 0 27%; }

#id-firsty3 .games-item, #id-firsty4 .games-item, #id-firsty5 .games-item,
#id-firsty6 .games-item, #id-firsty7 .games-item, #id-firsty10 .games-item,
#id-firsty14 .games-item, #id-firsty15 .games-item, #id-firsty16 .games-item, #id-firsty17 .games-item
 { flex: 0 0 45%; }

#id-firsty18 .games-item { flex: 0 0 45%; }

.play-btn {  float: none;  top: 0;  left: 30%;  }
.cockfight-line, .racing-line {  margin: 30px 0; display: flex; width: 100%; }
.vip-banner-title { display: none; }
.vip-banner-title h4 { font-size: small; margin: 0 0 10px 30px;  }
.vip-banner-title h2 { font-size: medium; margin: 0 0 10px 30px;  }
.vip-banner-title p { font-size: small; width: 100%;  }
.vip-table-content { width: 100%; margin-bottom: 10px; }
.api-leaguefeed-free-wall .brick { width: 40% !important;  }
.download-bottom-term { width: 94% !important;  }

#search-form { display: flex;  flex-direction: column;  }
#search-form input#submit-btn { width: 100%; bottom: 0px; position: relative; margin: 0 0 30px;  }
div#search-bar {  display: flex;  flex-wrap: wrap;  }
fieldset { width: 100%;  }
div#sort {  top: 0%; left: 0%; position: relative;  }
div#price-range {  width: 100%; margin-bottom: 0px;  }

#prod-cart .tbllist form {  overflow-x: scroll;  }
#continue-shopping {  width: 34%;  }
div#btn-submit button { width: 130px; }
#theme-contain-prod #remoteloginform, #theme-contain-prod #customform {  width: 60%;  }
#prod-cart select#form_Country, #prod-cart input#form_PostCode, #prod-cart input#form_contact, #prod-cart input#form_State { width: 170px; }
.tbllist.rounded.spacer tr th { font-size: 14px; }
.tbllist.rounded.spacer tr td { font-size: 12px; padding: 8px; }
.tbllist .tbl td a, .tbllist .tbl td a:visited { font-size: 12px; }
.galleria-stage { top: 20px; }


.donatetab table { font-size: x-small !important; border: 0px solid #0073ba; }
.donatetab table tr, .donatetab table td { padding: 5px;  }
.bgAmountdonation { padding: 10px 0 10px !important; }
.bigplaybtn { width: 55% !important; line-height: 30px !important; font-size: 16px !important; margin-top: 10px; }
.carousel { height: fit-content !important; }

.live-feed-primary-part-numbers-holder #jackpot {  top: 30%;  left: 0% !important;  font-size: large;  font-weight: bold;  color: #ffca00;  }

.promo { background: #fff8decc;  border-radius: 10px; }
.promo-btn a {  padding: 10px 35px; }
.panel-title img { width: 7%; }

/*------------------------------------------------------ OTHER ------------------------------------------------------*/
.latest-list {  display: flex;  flex-wrap: wrap;  justify-content: space-between;  }
.contact-list li {  display: -webkit-flex;  display: flex;  -webkit-align-items: center;  align-items: center;  margin-right: 10px;  cursor: pointer;  white-space: nowrap;  flex-wrap: wrap;  justify-content: center;  text-align: center;  }
.step {  background: url(images/step.png) no-repeat 50%;  background-size: cover;  height: 220px;  }
.step ul {  display: flex;  flex-direction: column;  margin: 0;  padding: 0;  align-items: center;  }
.step ul li {  display: flex;  flex-direction: row;  justify-content: flex-start;  align-items: center;  margin: 10px;  width: 70%;  }
.step ul li div {  display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;  }
.step ul li div span { padding: 10px; }
.step ul li div span:nth-child(2) { font-size: 15px; }
.sports-group, .prod-box .playnow-section, .playnow-section ul, .playnow-section ul li, .contact-list { flex-flow: column; }
.sports-sec {  width: 100%; }
.sports-sec .item-title { padding: 0px 30px; }

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { text-align: center;  }
#cssmenu > ul > li { margin: 0;  }
#theme-menu {  width: 100%; }

#imageCarousel .content-img { width: 100%; }
#imageCarousel .carousel-inner { height: 250px; }
#imageCarousel ol.carousel-indicators {  position: unset;  display: flex;  width: 100%;  flex-wrap: wrap;  justify-content: space-evenly;  align-items: flex-start;  }
 #imageCarousel ol.carousel-indicators {  left: 2%;  top: 22px;  }
.playnow-section ul { align-items: center; }
.playnow-section ul li { margin-bottom: 30px; }

.contact-box ul.contact {  padding: 20px 0;  margin: 0;  margin-top: 45px;  }
.contact-box img { display: none; }
.contact-box { background: #3f3f3f; }
.contact-list {  display: flex;  left: 0;  transform: unset;  flex-direction: row;  top: 0;  position: unset;  justify-content: center;  }
.prod-section .prod-box {  display: flex;  flex-direction: column;  }

.vid-sec {  position: relative;  margin: 0;  width: 100%;  }
.vid-frame iframe {  position: unset;  }
.select-sec ul li.inactive {  background: #181717;  border: 1px solid #ffffff40;  margin-right: 0;  }
.vid-sec ol#faq_modal {  display: flex;  flex-direction: row;  flex-wrap: wrap;  }
.prod-section ol#faq_modal li.question {  width: calc(100% / 2);  padding: 4px 7px;  }
.select-sec ul li:last-child {  margin-top: 11px;  }
ul#tabs {  display: flex;  flex-wrap: wrap;  justify-content: space-around;  }
.slot-section .prod-box {  display: flex;  flex-direction: column;  }
.jackpot {  position: relative;  width: 90%;  margin: auto;  }
.jackpot span {  top: 2.5rem;  font-size: 25px;  }
ul#tabss {  border-bottom: 1px solid #2d2d2d; margin: 10px 0;  }
ul#slot-tabs li:not(:last-child) {  border-bottom: 0px;  }

.games-content ul li {  width: calc(100% / 3);  margin: 0;  padding: 10px;  }

.footer-top {  display: flex;  flex-direction: row;  justify-content: space-evenly;  flex-wrap: wrap;  align-items: flex-start;  }
.ft-1 {  display: flex;  width: 100%;  justify-content: space-around;  }
.ft-2, .ft-3 {  display: flex;  width: 90%;  flex-wrap: wrap;  flex-direction: column;  align-content: stretch;  }
.ft-1 ul {  display: flex;  margin: auto;  padding: 0;  flex-direction: column;  }
.certs ul, .payment ul {  display: flex;  margin: 0;  padding: 0;  list-style: none;  justify-content: space-evenly;  flex-direction: row;  }
.certs, .payment, .g-license {  margin-bottom: 30px;  }
.ft-4 {  margin-top: 23px;  }

.footer-mid {  padding: 20px;  }
.fb-1 .logo {  width: 32%;  margin: unset;  }
.modal {  padding: 0;  }
.modal-dialog {  width: 90%; margin: 20% auto;  }
.login #customform {  width: 75%; padding: 10px 0;  }
.login-btm { padding: 0 30px;  }
.regis-box {  width: 100%; margin: auto; float: left; }
.regis-dtl {  padding: 10px; }

#reg-desc {  border-left: 0px solid #ec1c12;  margin: 10px 0px 0px;  padding: 0;  }
#reg-title1 span {  color: #dfdd00;  background: #ec1c12;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  font-size: 20px;  }
ul#game-tabs li {  width: calc(100% / 4);  padding: 0px;  margin: 5px;  }
ul#game-tabs li::after, ul#game-tabs li::before {  height: 2px;  }

.games-box {  transform: unset;  position: unset;  width: 100%;  margin-bottom: 15px;  /*padding: 20px;*/  }
.img-box img { min-height: 75px; }
.hover-box { padding-top: 1%; }
.hover-box span { width: 60%; font-size: 12px; }

button.btn.btn-primary.btnReload.Timer {  background: #ec1c12;  margin: 15px;  }

.vip-title {  position: unset;  width: 80%;  transform: unset;  margin: auto;  }
.vip-table {  width: 100%;  margin: auto;  }
#vip-table { font-size: 10px; }
#vip-table td, #vip-table th { padding: 3px 6px; }
.vip1, .vip2 { padding: 20px; height: 850px; }
.vip-table th, .vip-table td {  text-align: center;  padding: 10px 0;  font-size: 13px;  color: gold;  }
.vip-table tr th img {  width: 40px;  padding: 5px;  }
ul.vip-info {  margin: 0;  padding: 0;  }
ul.vip-info li {  padding: 10px 5px;  color: #858385;  list-style: circle;  margin: 0 20px;  }
ul#promo-tab {  flex-wrap: wrap;  justify-content: space-between;  }
ol#faq_modal li.question {   width: 90%;  list-style: none;  padding: 5px;  }
.promotion-btn { display: flex; flex-direction: row;  }
.slot-container {  display: flex;  width: auto;  flex-wrap: wrap;  }
.slot-side {  border-radius: 20px;  }
.slot-game {  padding: 12px;  }

ul#slot-tabs {  display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: center;  }
.slot-game .games-content ul li {  width: calc(100% / 2);  margin: 0;  }
.slot-jackpot, .slot-jackpot .jackpot span {  position: unset;  width: 100%;  background: linear-gradient(360deg, #940000, transparent);  padding: 5px;  border-radius: 10px;  }
.slot-banner > img { opacity: 0;  }
.jackpot-title { color: #ffffff;  font-weight: bold;  }
.slot-more ul li img {  width: 100%;  }
.fancybox-overlay-fixed .fancybox-wrap {  width: 90% !important; margin: auto !important; }
.fancybox-wrap {  width: 90% !important; margin: auto !important;  }
.fancybox-inner .promo {  display: flex; flex-direction: column; padding: 0;  }
ul#promo-tab {  flex-wrap: wrap; justify-content: flex-start; display: flex;  }
ul#promo-tab::after {  content: ""; flex: auto;  }
.select-sec ul li:last-child {  margin-top: 0;  }
.sport-pc{  display:none;  }
.sport-mobile{  display:block;  }


.help-center .panel-heading h4 { font-size: 16px; margin: 0; }
.help-center .help-info h1 { font-size: 28px; }

}


/*=====================================================================================================*/
/*=====================================================================================================*/
/*------------------------------------------------------    MOBILE VIEW PORTRAIR -----------------------------------------------------*/
/*=====================================================================================================*/
/*=====================================================================================================*/
@media only screen and (min-device-width: 250px) and (max-device-width:480px) and (orientation: portrait) {

.menu-top-header .mobile-logo img {  height: 45px;  width: auto;  }

::-webkit-scrollbar { width: 5px; }

/*====================== HOME FLEXSLIDER ===============================*/
.home-banner { margin-top: 30px; }
.hpromo-wrapper .swiper-slide {  width: 50% !important;  }

.video-box {  width: 100%; min-height: 310px;  }
.vid-wrapper {  height: 200px; margin-bottom: 0px; }
.vid-btn2 { margin: -36% auto 0; }
.w3-light-grey { font-size: 45px; }
.live-btm { margin: 70px 0 0 0 !important; }

.promo .tnc-btn { padding: 7px 3px; margin-right: 5px; }
.promo .join-btn { padding: 7px 3px; }
.promo-line { flex-direction: column; }

.download-bottom-term td, .download-bottom-term table th {  font-size: 6px; }
.swiper-container { width: 85%; }

.modal-body .cert-inside img{ width: 100%; }

.mobile .glyphicon {  font-size: xx-large;  }
.mobimg img {  display: none; }
.carousel {  height: 340px !important; }
.jackpot-sec img { width: 100% !important; }

.header-left { padding: 0;  }
.language {  width: 90px; }
.dropdown .dropbtn { width: 90px; padding: 0; }
.dropdown-content img, button.dropbtn img { width: 15px; }
.currency {   }
.currency-detail { font-size: 12px; }
.currency-icon img { margin-right: 3px; width: 18px; }

.btn-login .btn, .btn-sign-up .btn { font-size: 10px; padding: 5px 10px; }

#v2cashfeed table tr td { font-size: 11px; }
.promo-btn { margin-top: 10px; }
.promo-btn a {  font-size: 12px;  padding: 7px 25px;  }

.day-number, .time-hour, .time-min, .time-sec {  height: 20px; min-width: 20px; font-size: 10px;  }
.time-colon {  height: 20px;  }
.day-text, .time-text {  font-size: 10px;  }
.empty {  width: 100%; margin: 35px 0 0 0; }

.live-feed-primary-part-numbers-holder #jackpot {  font-size: large !important; top: 30% !important;  }
.live-feed-primary-part-holder { height: 75px; }
.live-feed-secondary-part-holder { height: fit-content; }
.live-feed-secondary-part-holder h4 { font-size: 14px; }

.swiper-slide {  width: 50% !important;  }
.js-tabs {  margin-bottom: 0px;  }
.jackpot-sec img {  width: 100%;  }
#jackpot {  font-size: large; left: 30%;  }
.game-box { gap: 22px; }
.game-box .img-box img { min-height: 65px; }
.hover-box { padding-top: 2%; }
.hover-box span { width: 70%; padding: 3px; font-size: 10px; }

.btn2 { padding: 5px 15px; width: 32%; margin: 5px 0; }
.help-center { padding: 20px; margin: 0 0 40px 0; }
.help-info .panel-title1 { font-size: 16px; margin: 0; }
.seo h1, .news-title h1, .title h1 { font-size: 28px; }

.cockfight-info h1, .racing-info h1, .lotto-info p {  margin-top: 30px; }
.post {  width: 32% !important;}

.download ul li {  width: 49%; }
.dp-txt p {  font-size: medium; }
.slide_btn {  text-align: center; margin: 0 auto; width: 100% !important; left: 0% !important;  }

.filtering .filters { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap;  }
.promo .info {  width: 50%; padding-left: 15px; float: left;  }
.promo-count { width: 45%; float: left;  }
#promotion-filter form { padding: 0; }
.tab .promo-tablinks {  margin: 5px 10px; font-size: 18px;  }
.filtering { margin: 0 0 10px 0; }
.promo-wrapper .promo-row { margin-bottom: 10px; }

.regisleft {  width: 100%;  }
.regis-box {  width: 100%; padding: 10px 20px; }
.regis-box #registerform { padding: 0; }
.regis-dtl { display: none;  }

#vip-table { font-size: 5px; }
#vip-table .grad2 td img { width: 35px; }
#vip-table td img { width: 12px; }
#vip-table td, #vip-table th { padding: 2px 5px; }
.vip1, .vip2 {  width: 100%; margin-bottom: 30px; height: fit-content; padding: 20px; }

.tabhigh button { padding: 5px !important; font-size: 10px; }
.tabhigh button.active { padding: 5px !important;  }
.btn-vf { font-size: 8px; }
.btn-vf.active { background: #a3775e !important; }

.bank-table table tr, .bank-table table th, .bank-table table td { font-size: 8px; }

.donatetab table th { padding: 2px !important; }
.donatetab table tr, .donatetab table td { padding: 2px !important; font-size: 8px; }

#popupForm .feedback form { padding: 0; }

.info h3 {  margin-top: 10px; font-size: 18px;  }
.info h5 {  margin: 10px 0; font-size: 14px;  }
.affiliate-steps {  margin-bottom: 30px;  }
.download {  margin-bottom: 50px;  }
.downloadapp {  flex-direction: column;  }
.left-text {  margin-top: 30px;  }

.country-name {  font-size: 12px;  }
.country-languages {  font-size: 14px;  }

.pay ul li { width: 20%; }
.social ul li { width: 50%; padding: 2px; }
.responsible img { width: 100%; }
.license ul li {  margin: 10px 5px;  }

}


/*=====================================================================================================*/
/*=====================================================================================================*/
/*------------------------------------------------------    MOBILE VIEW LANDSCAPE -----------------------------------------------------*/
/*=====================================================================================================*/
/*=====================================================================================================*/
@media only screen and (min-device-width: 375px) and (max-device-width: 932px) and (orientation: landscape) {

.vid-wrapper {  height: 360px !important; }
.vid-btn2 { margin: -21% auto 0; }
.live-btm {  margin: 40px 0 0 0; }

/*#theme-header-top .container { padding: 0; margin: 0; width: 100%; }*/

.live-feed-primary-part-holder {  background-size: 100%; min-height: 140px;  }
.live-feed-primary-part-numbers-holder #jackpot {  font-size: xx-large !important; top: 30% !important;  }

.mobile .glyphicon {  font-size: x-large;  }
.mobile-menu-90 li {  width: 19%;  }

.language { width: 170px; }
.empty {  width: 100%; margin: 50px 0 0 0;  }

.gf-wrapper {  grid-template-columns: repeat(4,0.7fr);  }
.swiper-slide { width: 49% !important; }

.jackpot-sec img {  width: 100%;  }
#jackpot {  font-size: xxx-large;  left: 30%;  }

.hover-box { padding: 5%; }
.hover-box span { width: 65%; font-size: 12px; }
.img-box img { min-height: 70px; }

.cockfight-info h1, .racing-info h1, .lotto-info p {  margin-top: 30px;  }
.cockfight .play-btn, .racing-btn .play-btn, .lottery .play-btn {  top: 0; left: 40%;  }

.vip1, .vip2 {  height: 765px; padding: 30px; overflow: auto; }

.lottab {    text-align: center;}
.lottab table {    margin: auto;}
.regis-box {  width: 100%;  }
.regis-dtl {  display: none;  }
.download-left {  display: none;  }
#div-gameLobby {  width: 900px;  }

.contact-line {    display: flex;  }
.c-area img { width: 85px; }
.c-inner {  width: 100%;  height: 280px;  display: flex;  flex-direction: column;    }
p.c-title { font-size: 24px; }
.c-inner table { font-size: 14px; }
.qr img { width: 110px; }

#theme-contain-charity .carousel { height: fit-content; }
#theme-contain-charity .slide_btn { width: 50% !important; left: 25% !important; }

.panel-title1 { margin: 0; font-size: 16px; }

.sports-group, .prod-box .playnow-section, .playnow-section ul, .playnow-section ul li, .contact-list {  flex-flow: column;  display: flex;  flex-direction: row;  flex-wrap: wrap;  }
.prod-section .prod-box { display: flex; flex-direction: column; }
ul#tabs { display: flex;  flex-wrap: wrap;  justify-content: center; }

.select-sec ul#tabs li { margin-right: 10px; }
.select-sec ul#tabs li:not(:nth-child(1)) { padding-top: 10px; }
.select-sec ul li:last-child { margin-top: 0px; }

.jackpot {  width: 50%;  }
.step {  height: unset; padding: 10px 0;  }
.step ul {  display: flex;  flex-direction: row;  justify-content: space-evenly;  }
.step ul li {  display: flex;  flex-direction: row;  justify-content: space-evenly;  align-items: flex-start;  margin: 0px;  width: 30%;  }
.step ul li div {  display: flex;  flex-direction: column;  align-items: flex-start;  flex-wrap: wrap;  }
.step ul li div span {  padding: 0;  }
.slot-game .games-content ul li {  width: calc(100% / 4);  margin: 0;  }
.modal-dialog {  width: 60%; margin: 5% auto;  }

.regisleft {  width: 100%;  }

}


@media only screen and (min-device-width: 1025px) and (max-device-width: 1200px) {
    #cssmenu > ul > li { margin: 0px 6px; }
    .logo-box { width: 170px; }
    .live-btm { margin: 75px 0 0 0; }
    .hover-box { padding-top: 2%; }
    .hover-box span { width: 65%; }
    .img-box img { min-height: 90px; }
    .vip1, .vip2 { height: 620px; }
    .register #registerform { padding: 0 10px; }
    .c-inner { width: 90%; }
}
/*=====================================================================================================*/
/*=====================================================================================================*/
/*------------------------------------------------------    IPAD PORTRAIT -----------------------------------------------------*/
/*=====================================================================================================*/
/*=====================================================================================================*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
.live-btm { display: none; }

.mobile-90-2 {  background-size: contain !important; }
#mySidenav li button { margin: 15px !important; }
.mobile-menu-90 li a, .mobile-menu-90 li a span { font-size: 14px !important; }

#theme-header, #theme-header-link .container {  display: flex; flex-direction: column;  }

.dropdown .dropbtn {  width: 100%; }
.down-list {  display: none;  }
.down-list li {  margin: 5px 5px;  }
.mobile .glyphicon {  font-size: xx-large;  }


.live-feed-primary-part-holder {  background-size: 100%; min-height: 130px;  }
.live-feed-primary-part-numbers-holder #jackpot {  font-size: xxx-large !important;  }

.swiper-slide {  width: 49% !important;  }
.gf-wrapper {  grid-template-columns: repeat(4,0.7fr);  }
.logo-box {  width: 160px;  }

.jackpot {  width: 43%;  }
.jackpot-sec img {  width: 100%;  }
#jackpot {  font-size: xxx-large; left: 30%;  }

.cockfight-info h1, .racing-info h1, .lotto-info p {  margin-top: 30px;  }
.cockfight .play-btn, .racing-btn .play-btn {  top: 0; left: 40%; margin-bottom: 30px; }


.vip1, .vip2 {  height: 750px;  }
.lottab {  text-align: center;}
.lottab table {  margin: auto; }
.play-btn { left: 40%; }

.img-box img { min-height: 100px; }

.dropdown {  margin-left: 0px;  }
.intro button#customform_submit {  width: 49.5%;  }
.dp-txt p {  font-size: small;  }
.dp-btn a {  padding: 5px 8px; font-size: x-small;  }

.regis-banner {  background-size: 300px;  }
.regis-banner img { width: 100%;  }
.regisleft {  width: 100%;  }
.regis-dtl {  display: none;  float: left;  }

.downloadapp {  display: flex; flex-direction: column;  }
.left-text {  margin-top: 30px;  }
.promo .info {  padding: 10px 0 0 20px;  }
#div-gameLobby {  width: 730px;  }


.sports-group, .prod-box .playnow-section, .playnow-section ul, .playnow-section ul li, .contact-list {  flex-flow: column;  display: flex;  flex-direction: row;  flex-wrap: wrap;  }
.prod-section .prod-box {  display: flex;  flex-direction: row;  }
.select-sec {  height: 12.5rem; overflow-y: auto; padding: 0 10px;  }
ul#tabs li:not(:nth-child(1)) {  padding-top: 10px px;  }
#imageCarousel .content-img {  width: 50%;  }

.step {  height: unset; padding: 10px 0;  }
.step ul li {  display: flex;  flex-direction: row;  justify-content: space-evenly;  align-items: flex-start;  margin: 0px;  width: 30%;  }
.step ul li div {  display: flex;  flex-direction: column;  align-items: flex-start;  flex-wrap: wrap;  }
.step ul {  display: flex; flex-direction: row; justify-content: space-evenly;  }
.step ul li div span {  padding: 0;  }
.slot-game .games-content ul li {  width: calc(100% / 4); margin: 0;  }
.modal-dialog {  width: 60%; margin: 5% auto;  }

}

/*=====================================================================================================*/
/*=====================================================================================================*/
/*------------------------------------------------------    IPAD LANDSCAPE -----------------------------------------------------*/
/*=====================================================================================================*/
/*=====================================================================================================*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) {
.menu-ec711 { display: none; }
.mobile-90-2 {  background-size: contain !important; }
#mySidenav li button { margin: 15px !important; }
.mobile-menu-90 li a, .mobile-menu-90 li a span { font-size: 14px !important; color: #fff; }
.mobile-logo {  text-align: center;  }

#theme-header-top .container { margin: 0; padding:0; width: 100%; }

.live-btm {  margin: 30px 0 0 0 !important; }

#theme-header, #theme-header-link .container {  display: flex; flex-direction: column;}
.mobile-menu-90 li { width: 20%; }
.divider { border: 1px solid #a3775e; }


#theme-header-link { display: none; }
.down-list {  display: none;}
.menu-top-header { display: block; }
.menu-downloadapp { display: none; }
.sub-menu { display: none; }
.mobile .glyphicon {  font-size: xx-large; }
.dp-txt {  font-size: 16px; }
.post {  width: 20% !important; }
.home-banner {  margin-top: 50px; }
.top-container{  max-height: 360px; }
.dropdown .dropbtn {  width: 100%; }

.live-feed-secondary-part-holder {  height: 340px !important; padding:0 !important; }
.live-feed-secondary-part-holder h4 { margin: 0 !important; }
.live-feed-secondary-part-holder>table>tbody>tr>td:first-of-type, 
.live-feed-secondary-part-holder>table>tbody>tr>td:nth-of-type(2), 
.live-feed-secondary-part-holder>table>tbody>tr>td:nth-of-type(3) {  font-size: x-small !important; }
.live-feed-secondary-part-holder>table>thead>tr>th {  font-size: x-small !important; }
.live-feed-secondary-part-holder>table>tbody, .live-feed-secondary-part-holder>table>tbody>tr { line-height: 1.7rem !important; }

.live-feed-primary-part-text>h1 {  font-size: 12px; }
.live-feed-primary-part-text>h2 {  font-size: 8px; }
.live-feed-primary-part-holder {  background-size: 100%; height: 65px !important;  }
.live-feed-primary-part-numbers-holder {  align-items: center; }
.live-feed-primary-part-numbers-holder #jackpot {  font-size: medium !important;  }
.live-feed-primary-part-number {  height: 25px;  width: 25px;  display: flex;  justify-content: center;  align-items: center;  line-height: normal;  }

.iframe-container iframe {  height: 350px; }
.side-banner {  display: block; }

.gf-wrapper {  grid-template-columns: repeat(5,0.7fr); }
.jackpot {  width: 33%;  }
.jackpot-sec img {  width: 80%; }
#jackpot {  font-size: xxx-large; left: 30%;  }

.vip1, .vip2 {  height: 620px; }
.vip-banner-title { display: none; }

.lottobutton {  margin-top: -15%; margin-bottom: 100px;  }
.lottobutton .play-btn {  left: 70%;  }
.play-btn {    left: 0% !important;  }

.regis-banner img { width: 100%; }
.regis-box { /*width: 50%;*/ }
.regis-dtl { /*width: 48%;*/ }

#fh5co-blog {  display: flex; flex-wrap: wrap;  }
.c-inner {  width: 95%;  }
.downloadapp { flex-direction: row; }
.pay ul li {  width: 29%;  display: inline-block;  padding: 0;  margin: 10px 5px;  }
.license ul li {  display: inline-block;  padding: 0;  margin: 10px 5px;  }

.vid-wrapper {  height: 330px !important;  }
#div-gameLobby {  width: 990px;  }

.sports-group, .prod-box .playnow-section, .playnow-section ul,
.playnow-section ul li, .contact-list {  flex-flow: column;  display: flex;  flex-direction: row;  flex-wrap: wrap;  }
.logo-box { width: 170px; }
.prod-section .prod-box {  display: flex; flex-direction: row;  }
ul#tabs li:not(:nth-child(1)) {  padding-top: 10px px;  }
#imageCarousel .content-img {  width: 50%;  }

.select-sec {  height: 12.5rem; overflow-y: auto; padding: 0 10px;  }
.step {  height: unset; padding: 10px 0;  }
.step ul li {  display: flex; flex-direction: row; justify-content: space-evenly; align-items: flex-start; margin: 0px; width: 30%;  }
.step ul li div {  display: flex; flex-direction: column; align-items: flex-start; flex-wrap: wrap;  }
.step ul {  display: flex; flex-direction: row; justify-content: space-evenly;  }
.step ul li div span {  padding: 0;  }
.games-content ul li {  width: calc(100% / 5); margin: 0; padding: 10px;  }
.slot-container {  justify-content: space-evenly;  }
.slot-game .games-content ul li {  width: calc(100% / 5); margin: 0;  }
.modal-dialog {  width: 60%; margin: 10% auto;  }

}

/*=====================================================================================================*/
/*=====================================================================================================*/
/*------------------------------------------------------ BIG SCREEN ------------------------------------------------------*/
/*=====================================================================================================*/
/*=====================================================================================================*/
@media screen and (max-width:1920px) and (min-width:1800px){
.menu-ec711{  margin: -45px 0 0 10% !important;  }
.swiper-button-prev, .swiper-button-next { margin-top: -10%; }
.swiper-button-prev { left: 12%; }
.swiper-button-next { right: 12%; }
.slide_btn { top: 35px; }
.logoOnBanner img { width: 350px;}

}



@media screen and (max-width: 1024px) {
    .btn-gold{font-size:3vw;}
    #cms5-prod-list ul{ width: 31%; }
    #cms5-prod-view .gcontent{ width: 100% !important; }
    #cms5-prod-view .galleria-container{ width: 100% !important; }
    .mobile-90-2 li span {  font-size: 16px !important;  }
    #theme-contain-charity .slide_btn { left: 25%; width: 50%; }
}

@media screen and (max-width: 768px) {
    .btn-gold {padding:2vw 4vw;}
    #cms5-prod-list ul { width: 47%;  }
    #cms5-prod-view > table > tbody > tr > td { width: 100%;}
    #prod-cart {margin: 0px auto !important;}
}

@media screen and (max-width: 767px) {
    .btn-gold {padding:2vw 6vw; font-size:4vw; border-radius:3vw;}
    p {line-height:20px; font-size:12px;}
    h2 {font-size:6vw;}
    h3 {font-size:4.5vw;}
}

@media screen and (max-width: 430px) {
  #divBody>div { width: 100% !important;}
  #cms5-prod-list ul { width: 47%; border: 0px solid #d4d4d4; margin: 3px; padding: 3px;height: 335px; vertical-align: top;}
  #cms5-prod-list #photo img {max-width: 100%; height: 100%; }
  #cartlist table { width: 150%;}
  #prod-cart .tbllist form {overflow-x: scroll;}
  #prod-cart {width: 95%;margin: auto;}
  #submember-login table {  margin: auto;}
  #cms5-prod-view #particular td#title { font-size: 27px !important; }
  #cms5-prod-view table#particular tr td#code { font-size: 16px; }
  #cms5-prod-view #particular #price { font-size: 16px !important; }
  #theme-contain-prod #remoteloginform, #theme-contain-prod #customform { width: 75%; padding: 20px; }
  #prod-cart .tbllist { overflow-x: scroll }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 360px) {
    input#price-max, #price-range input#price-min {  width:23%;  }
}


@media screen and (max-width: 320px) {
    body { font-size: 12px; }
    .swiper-slide .logo-box img { width: 35px; }
    .logo-box { width: 100px; font-size: 11px; height: 35px; }
    .panel-title { font-size: 14px; }
    .live-btm { margin: 30px 0 0 0 !important; }
    #theme-footer { padding: 15px 0; }
    .container { padding-left: 10px; padding-right: 10px; }
    .play-btn { left: 20%; }
    .tab .promo-tablinks { margin: 3px 5px; font-size: 16px; }
    .info h3 { font-size: 18px; }
    .info h5 { margin: 10px 0; font-size: 11px; }
    .promotion-btn { align-items: center; }
    .promo .info { padding-left: 10px; }
    .promo .tnc-btn { padding: 5px 5px;    font-size: 12px; }
    .promo .join-btn {  padding: 5px 5px; display: block; text-wrap: nowrap; height: 24px; font-size: 12px;  }
    .promo-count { padding: 15px 0 0 10px; margin-bottom: 10px; }
    .time-box-container { margin: 0 5px; }
    .time-colon { width: 5px; padding: 0 3px; }
    .c-inner { width: 85%; }
    .carousel { height: 240px !important; }
    .help-center .panel-heading h4 { font-size: 14px; }
    #cms5-prod-list ul { width: 80%; margin: 10px 0; }
}




<script>
$(document).ready(function() {
$(".download-gly img").attr("src", "/data/2028/uploads/wooden-download-arrow.png");
$(".marqIcon img").attr("src", "/data/2028/uploads/wooden-bell.png");

$(".jackpot-sec img").attr("src", "/data/2028/uploads/wood-dragon-jackpot.gif");
$(".vip-banner img").attr("src", "/data/2028/uploads/vip-wood.jpg");

$(".affiliate-banner img").attr("src", "/data/2028/uploads/referal-wood.jpg");

});
</script>