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


html, body {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    font-family: "Nunito", sans-serif;
    font-size: initial; 
    overflow-x: hidden;
}
a { color: #000; }
a:hover { text-decoration: none; color: #ec1c12; }
#cms5-pagenum a, a:hover, a:active, a:focus {color: #7d7d7d;text-decoration: none; }


#theme { display: block; height: 100%; width: 100%; position: relative; background-size: cover;  }
#theme-container.themetblcell { background: #f5f2ec; }
.container { max-width: 100%; }
.clearboth { clear: both; }

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


/*=================================== 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; }
.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;  }


/*=================================== WITHDRAW ===================================*/
.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;  }


/*=================================== FORM ===================================*/
form {  padding: 0 30px;  }
.customform, .loginform { border: 0px solid green; margin: 0; text-align: right; }
input { outline: unset; }
input[type=checkbox], input[type=radio] {  height: 10px;  margin: 4px 5px 0 0;  }
.customform dl { text-align: center; }
#customform dl, #loginform dl {  display: inline-block;  width: 100%;  text-align: center; }
#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;  }
.submit, button.prev_step, input[type="submit"] {  margin-right: 11px;  color: #ffffff;  border: 3px solid #e1d0a8  padding: 1px 9px;  border-radius: 9px;  background: #946c3b;  }
#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;  }


/*=================================== SWIPER ===================================*/
.swiper-container {  margin: 0 auto;  position: relative;  overflow: hidden;  list-style: none;  padding: 0;  z-index: 1;  }
.swiper-slide { width: 32% !important; }
.swiper-pagination { display: none; }

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


/*=================================== HOME ===================================*/
.home-banner { margin-top: 50px; }
#mainslider { border-radius: 15px; }
.flexslider { border: 0; margin: 0; border-radius: 15px; }
.flexslider .slides img {  width: 100%;  height: auto;  border-radius: 15px;  filter: drop-shadow(0px 5px 6px #000000bd);  }
.flex-control-nav { bottom: 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 .flex-control-paging li a.flex-active { background: #f9d6a4; }

.flex-direction-nav a { height: 50px; }
.flex-direction-nav .flex-prev { left: 0; }
.flex-direction-nav .flex-next { right: 0; }

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

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


.empty { float: left; margin: 50px 0 0 0; width: 100%; }
.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;
}
#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;
}
.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; }
#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; }

.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>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-striped>tbody>tr:nth-of-type(odd) {  background-color: #49373060; color: #fff; }

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

/*=================================== VIDEO & AMBASSADOR ===================================*/

.video-box  { margin-top: 30px; }
.item-title {
    color: #8b4f2a;
    font-size: 20px;
    text-transform: capitalize;
    margin: 0 0 15px 0;
    font-weight: bold;
}
.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; }



/*=================================== 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-btn a, .pbtn-apply a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    background: #a3775e;
    border: 2px solid #927a6e;
}
.promo-sec ol { margin: 0; padding: 0; text-align: center; }
.promo-sec ol li.question img { width: 100%; height: auto; }

/*=================================== HOME-SWIPER ===================================*/

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



/*=================================== HEADER ===================================*/

#theme-frame { height: auto; background: #fff; margin: auto; width: 100%; }
.themetbl { display: block; }
.themetblwidth { width: 100%; }
.themetblheight { height: 100%; }
.themetblrow { display: block; }
.themetblcell { display: block; }

#theme-header-link { width: 100%; background: #8c6f5e; }
#theme-header-link .container { display: flex; align-content: center; justify-content: center; align-items: center; }
#logo { width: 160px; z-index: 99; }
.logo img { width: 100%; }

#theme-menu { flex-grow: 1; z-index: 99; }
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { text-align: right; }
#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;  }
#cssmenu > ul > li.active a::before { display: none; }
#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: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;  }

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


#theme-header-top { border-top: 2px solid #dfa785; background: #ccb1a2; }
.menu-top-header { display: none; }

.menu-ec711 button {  background: #ccb1a2;  padding: 5px 10px;  border-radius: 30px;  }
.menu-ec711 { position: absolute !important; margin: -45px 0 0 14% !important; font-size: large; z-index: 99; }
.menu-ec711 button.dropbtn img { width: 50px; }
.menu-ec711 a { font-size: 12px; }
.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; }

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

.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;  }
.clock { color: #03045e; font-size: 12px; opacity: 1; padding-right: 10px; border-right: 1px solid #3c3836; }

.dropdown {  position: relative;  display: inline-block;  margin-left: 15px;  background: transparent;  }
.language { background: #6fd0fd00; }
.language .dropdown-content { left:0; }
.dropbtn { background: unset; border: none; }
.dropbtn p { margin: 0; }
.dropbtn, .currency { color: #000; font-size: 12px; }
.dropdown-content img, button.dropbtn img { width: 23px; }
.dropbtn .glyphicon {  top: 3px;  left: 0;  font-size: 10px;  }
.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:hover .dropdown-content { display: block; }
.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;  text-align: left;  }
.country-name { font-size: 10px; margin: 0 0 3px 0; }
.country-languages { font-size: 11px; }
.dropdown-content a {  color: #000000;  padding: 6px 7px;  text-decoration: none;  display: block;  }
.dropdown-content a:hover { text-decoration: underline; }
.lang-active { color: #ccb1a2 !important; text-decoration: underline !important; }
.dropdown-content img, .dropdown-content a { display: inline-block; }
.language a {  color: #233455;  padding: 0;  text-decoration: none;  display: inline-block;  margin: 0 2px 0 0;  }
.language a:hover { color: #ccb1a2; }
.language span { color: #000; }
.dropdown-content span { color: #03045e; }
.dropdown-content span:hover { color: #ccb1a2; text-decoration: underline; }


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


.btn-box { display: flex; align-items: center; }
.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;  }
.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; }
}

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



/*=================================== FOOTER ===================================*/
#theme-footer { background: #6b564c; padding: 30px 0; }
#theme-footer center {  display: none;  }
.footer-title { color: #ffffff; margin-top: 30px; }
.social ul, .pay ul, .license ul { margin: 0; padding: 0; }
.pay ul li {  width: 23%;  display: inline-block;  padding: 0 5px;  margin: 10px;  }
.license ul li {  display: inline-block;  padding: 0 5px;  margin: 10px;  }
.social ul li img, .pay ul li img, .license ul li img { width: 100%;  height: auto; }

button#cert-btn { background: none; border: none; padding: 0; }
button#cert-btn img { width: 100%; }

.social ul {  display: flex;  flex-direction: row;  align-items: center;  flex-wrap: nowrap;  justify-content: flex-start;  margin: 0;  padding: 0;  list-style: none;  }
.social ul li {  width: 15%;  display: inline-block;  padding: 0 7px;  }
.social ul li:first-child { flex-grow: 0;}
.social ul li:hover { filter: grayscale(0); transition: filter 0.3s; }

.responsible > ul { padding: 0; }
.responsible li {  list-style: none;  margin-left: 3%;  filter: brightness(1.1);  }

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



/*=================================== VIP ===================================*/
#theme-contain-vip { background: #d6b699; }
.vip-banner { position: relative; }
.vip-banner img { width: 100%; }

.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-content {  width: 100%;  margin: auto;  color: #9f430f;  position: relative;  margin-bottom: 60px;  padding: 30px;  border-radius: 10px;  }
.vip-table-content h4, .vip-table-content h5 { color: #ffffff; font-weight: bold; text-align: center; }
.sml-title { font-weight: bold; font-size: 16px; }

#vip-table { border-radius: 15px; margin: auto; }
#vip-table td, #vip-table th { padding: 5px 10px; }
.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; }
.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; }


/*============================= PROMOTION ========================*/
.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;  }
.promo-tablinks:hover { color: #ffc900; }
.promo-wrapper { margin-bottom: 30px; }
#promobox ol#faq_modal { display: flex; flex-direction: column; }
#promobox ol#faq_modal li.question { width: 100%; }

.promo { padding: 5px 0; display: flex; flex-direction: row; }
.promo a { text-decoration: none; }
.promo .info { padding: 10px 0; }

.promo-row {  background: white;  border-radius: 15px;  border: 1px solid #a3775e;  }
.promo-row img {  width:100%;  }
.promo-row .col-md-6.col-sm-12 { height: 100%; padding-left: 0; }
ol#faq_modal .promo img { border-radius: 15px; width: 100%; height: 100%; }
.info h3 { color: #493730; margin: 0px; }
.info h5 { color: #000f80; margin-bottom: 20px; }


.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 {  padding: 30px 0 0 30px;  margin-bottom: 10px;  font-size: 15px;  color: #d7a01c;  }
.promo-count span { font-size: 12px; color: #535d64; }
.time-container { display: flex; margin-top: 5px; }
.day-box {  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  }
.day-number { border-radius: 5px; }
.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-hour { border-radius: 5px 0 0 5px; }
.time-sec { border-radius: 0 5px 5px 0; }
.time-colon {  display: flex;  align-items: center;  justify-content: center;  height: 40px;  background: #e1e1e2;  color: #4d4d4d;  padding: 0 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;
}

/*============================= SCAMALERT ========================*/



/*========== 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 ==========*/
.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-skin {
    background: #fff;
    color: #fff;
    border: 0px solid red;
    padding: 30px;
    text-shadow: none;
    position: relative;
    border-radius: 4px;
}
.fancybox-wrap {
  width: 60% !important;
  margin: auto !important;
  left: 0 !important;
  right: 0 !important;
}
div#faq_fbwrap {
    position: fixed !important;
    top: 50% !important;
    transform: translateY(-50%);
}
.fancybox-opened .fancybox-skin {
    margin: auto !important;
    width: auto;
    height: auto;
    box-shadow: none;
}
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { 
    width: 100% !important; 
    background-color: #ffffff; 
    overflow: auto;
    height: 525px;
    color: #000 !important;
}

.fancybox-inner img { width: 100%; }
.fancybox-inner h4 { display: none; }
.fancybox-inner > div > h4, .fancybox-inner > div > p { margin: 0; }
.fancybox-inner .promo {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 20px;
    border-bottom: 1px solid #313131;
}


.fancybox-inner table { width: 100%; }
.fancybox-inner table.tbl-list { margin: 19px 0px; }
.tbl-list a { color: #0770d9; }
.tbl-list .title { font-weight: bold; font-size: large; }
.td-bg-color { background: #c08a4f; }
.fancybox-inner #tbllisting tr td { padding: 5px; border: 1px solid #c9c9c9; }
.fancybox-inner > div > div { padding: 20px; }


.fancybox-close { top: -11px; right: -1px; }



/*=================================== HIGHLIGHT ===================================*/
.tabs-container .container{  padding:0;  }
.tab-container .container { padding: 0; }
.tabs-highlight {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: relative;
    background-color: #eee;
    overflow: auto !important;
    width: 100% !important;
    display: flex;
    justify-content: space-between;
    margin-top:20px;
}
.tabs-highlight .tablinks { width: 100%;  border-bottom: #ddd 1px solid; }
.tabhigh .tablinks {
    border: 0;
    border-radius: 0;
    margin: 0;
    background-color: #eee;
}
.tabhigh button {
    float: left;
    background-color: #fff;
    border: 2px solid #000f80;
    border-radius: 20px;
    cursor: pointer;
    margin: 0 1px;
    padding: 10px 35px;
    transition: 0.3s;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
}
.tabhigh button.active {   background-color: #a3775e;   color: #ffffff;  }

.tabcontent {
    display: none;
    padding: 0px 12px;
    border-top: none;
}
.tabcontent-box { padding: 0; }
.tabcontent-box.active { display: block; }
.tab-container .tabcontent-box .container {
    -webkit-box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
    box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
    background-color: #fff;
}

.tabcontent-box ul { padding: 0; margin: 0; }
.tabcontent-box ul > li { list-style-type: none; border-top: 1px dashed #aaa; }
.tabcontent-box ul > li:first-child { border-top: 0; }

.post-box { display: flex; flex-direction: column; flex-wrap: wrap; width: 100%; height: 475px; }
.sponsor-box {
    display: flex;
    height: auto;
    background-image: url('/data/1767/uploads/bg-sponsor.jpg');
    background-size:100% 100%;
    flex-direction: row;
    flex-wrap: nowrap;
}
.tabcontent-box ul li:nth-child(6) .sponsor-box { background-image: url(/data/1767/uploads/sepang-min.jpg); }
.sponsor-box .img { text-align: center; flex: 1 1 60%; width: auto; }
.sponsor-box img { max-width: 500px; width: 100%; }

.post-box div { flex: 1; width: 30%; }
div.text { flex: 0 0 70%; padding: 15px; }
.sponsor-box.left .img { order: 1; }
.sponsor-box.left .text { order: 2; }
.sponsor-box.right .img { order: 2; }
.sponsor-box.right .text { order: 1; padding-left:75px; background: linear-gradient(90deg, #000330, transparent); }
.sponsor-box .text { color: #fff; width: auto; flex: 1 1 40%; padding-top: 100px; padding-bottom: 100px; }
.sponsor-box .text h1, .sponsor-box .text h2, .sponsor-box .text h3, .sponsor-box .text h4, .sponsor-box .text h5 { text-shadow: 2px 2px 3px rgba(0,0,0,0.8); }
.post-box div.text .title, .post-box div.text .title .yellow { color: #fcd14e; margin-bottom: unset; font-weight: bold; }
.post-box div.text .title span, .post-box div.text .title span.blue {  color: #493730;  }
.post-box div.text .title span.white { color: #fff; }
.sponsor-box .text a {
    cursor: pointer;
    text-align: center;
    border-radius: 5px;
    padding: 7px 20px;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    background-color: #ffbd42;
    color: #7b0707;
    font-size: 13px;
    margin-top: 15px;
    display: inline-block;
}
.sponsor-box .text a:active { box-shadow: inset 0px 0px 15px rgba(0,0,0,0.6); }

.sponsor-imgs { position:relative; z-index:2; display:flex; }
.sponsor-imgs .date {
    font-size:30px;
    line-height:30px;
    background-color: transparent;
    width: auto;
    margin:0;
    padding:0;
    flex:1 1 20%;
    position: relative;
    z-index:2;
    padding-top: 35px;
    color: #333;
    text-align: left;
    padding-left: 50px;
}
.sponsor-imgs .date span { font-weight:normal; font-size:14px; line-height:normal; color:#888; }
.sponsor-imgs:after { content:''; position: absolute; top: 0px; bottom: 0; left:0; right:0; background:#eee;z-index:1; }

div.imgs { display: flex; flex: 0 0 30%; overflow: hidden; align-items: flex-end; flex: 1; padding: 0 15px 15px 15px; }
div.imgs img {
    cursor: pointer;
    transition: transform 0.2s ease-in-out;
    margin: 5px;
    width: calc(33.33% - 10px);
    align-self: flex-end;
}
div.imgs img:hover { transform: scale(1.2); }
.sponsor-imgs .imgs { position:relative; z-index:2; margin-top:0px; padding:20px; flex:1 1 80%; }
.sponsor-imgs div.imgs img { width:calc(20% - 10px); border-radius: 15px; }


.post-box div.text .date { font-size: 12px; color: #aaa; padding: 0; text-align: left; background: transparent; margin: auto; width: 100%; font-weight: normal; }
.post-box div.text .description { text-align: justify; }
.post-box .btnmore { display: table; padding: 7px 15px; background-color: #79685b; color: #fff; border-radius: 30px; }

div.img-main { overflow: hidden; border-radius: 10px; flex: 0 0 100%; width: 70%; padding: 15px 15px 15px 0; text-align: center; }
div.img-main img { border-radius: 10px; width: 100%; }

.vf-wrapper { display: flex; }
.vf-tabs { flex: 2; padding-top: 5px; }
.vf-list { flex: 10; }
.btn-vf { color: #888; background-color: #eee; border: 0; padding: 15px 15px; display: block; width: 100%; margin: 5px 0; text-align: left; font-weight: bold; }
.btn-vf.active {  color: #fff;  background:#a3775e;  }

.vf-list ul { margin: 0; padding: 0 5px; display: flex; flex-direction: row; flex-wrap: wrap; }
.vf-list ul > li {
    flex: 1 1 33.33%;
    margin: 10px 0;
    padding: 0 5px;
    max-width: 33.33%;
    list-style-type: none;
   border: 0;
}
.vf-list iframe { width: 100% !important; height: 300px !important; }
.vf-list h3 { font-size: 15px; }


#popup-image { background: rgba(0,0,0,0.5); backdrop-filter: blur(5px); overflow-y: auto; }
#popup-image .close { float: none; position: absolute; top: 15px; right: 15px; font-size: 40px; color: #fff; opacity: 1; z-index: 9; }
#popup-image .close:hover { color: #bbb; }
#popup-image .close:focus, #popup-image .close:active { color: #666; }
#popup-image .modal-content { max-width: 800px; margin: 25px auto; display: block; width: 85%; background: transparent; border:0 solid white; box-shadow: none;}



/*=================================== BANKING ===================================*/
.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%; }
.paygate li:nth-child(5) img { filter: drop-shadow(0 0 3px #898989); }

.bankrow {  background-color: #a3775e;  }



/*=================================== CHARITY ===================================*/
hr { margin-top: 0; margin-bottom: 0; }

.news-title { display: none; }
.carousel-inner { height: 100%; background: #fff; }
.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;
}
@keyframes heartbeat {
    0% { transform: scale(.75); }
    20% { transform: scale(1); }
    40% { transform: scale(.75); }
    60% { transform: scale(1); }
    80% { transform: scale(.75); }
    100% { transform: scale(.75); }
}
.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; }

.contbgabout {
    padding-top: 20px;
    padding-bottom: 90px;
    position: relative;
    background: #ffffff;
    overflow: hidden;
}
.ab_top {
    width: 90%;
    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;
    font-size: 26px; 
}
.icon-h3 { width: auto; height: 50px; margin-right: 10px; filter: hue-rotate(210deg) brightness(0.5); }
.donatetab table {
    background: #998880;
    border: 2px solid #3c3836;
    width: 100%;
    margin: 0px;
    font-size: 14px;
}
.donatetab table tr, .donatetab table td { padding: 10px; color: #000; text-align: center; border: 1px solid #ffffff; font-weight: bold; }
.donatetab table tr:nth-child(1) { background: #3c3836; }
.donatetab table tr:nth-child(even) { background: #79685b; }
.donatetab table th { padding: 10px; color: #fff; text-align: center; border: 1px solid #ffffff; }
.donatetab td a { color: #f1e058; }

.ab_top .myinfobtn { width: 50%; float: left; }
.ab_top .sginfobtn { width: 50%; float: right; }
.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;
}

.ab_top:nth-child(4) { padding-top: 50px; }


.contbgnews {
    color: #1e1e1e;
    background: #998880;
    background-size: 100%;
    padding: 30px;
}
.contbgnews > .container h1 { width: 80%; margin: 0 auto; }
.contbgnews h1 { color: #fff; font-weight: bold; }
.contbgnews h3 { color: #1e1e1e; font-weight: bold; }
.contbgnews img { width: 100%; }
.newscont { width: 80%; margin: 0 auto; display: flex; }
.newscont:last-child { justify-content: right; }
.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;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {  background-image: url(/data/1767/uploads/fancybox_sprite.png);  }
.content {
    color: #fff;
    font-size: 13px;
    text-align: center;
    padding: 10px;
}
.popup .content { max-height: 30%; overflow: hidden; }
.donatetab > ul { padding: 0; }
.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; }
.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; }

.feedback > img { width: 100%; }
.feedback form { padding: 0; }
.feedback #tblForm { background: #998880; padding: 0; text-align: left; width: 100%; }
.feedback #tblForm input { padding: 1px 10px; width: 100%; color: #000; }
.feedback #tblForm tr:nth-child(odd) { background: #79685b; }
.feedback #tblForm tr:last-child { background: unset; }

.feedback #tblForm > tbody > tr:last-child input { padding: 10px; width: 200px; margin: 10px 0; color: #fff; background: #d59c17; font-weight: bold; }
.feedback #tblForm > tbody > tr:last-child input:hover { background: #8e6300; }
.feedback #tblForm > tbody > tr > td:first-child { padding: 3px 10px; }
.feedback #tblForm > tbody > tr > td:last-child { padding-right: 10px; }

.feedback #tblForm #securitycode { height: 40px; margin-left: 5px; width: 100px; }
.msg {  display: none; color: red; }

.donation-form-text {  padding: 30px;  }
.donation-form-text a {  color: #a3775e;  }
.donation-form-text a:hover {  color: #ffd905; }



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

#divUpdates .title a { color: #3c3836; }
.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;
}
.post span {
    color: #666;
    font-size: 12px;
}

/*=================================== latest-donation ===================================*/

#theme-contain-latest-donation .news-title { display: block; }
.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;
}
.nav-pagination * {
    vertical-align: middle;
}
.btn-prev, .btn-next {
    padding: 4px 10px;
}
.nav-pagination>span {
    display: inline-block;
    cursor: pointer;
}
.list-pagination {
    display: inline-block;
}
.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;
}
.pagination-bullet.active {
    background-color: #8c6f5e;
    color: #fff;
    margin: 10px 0;
}


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

.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; }
.helpc .help-center{
    margin: 0 0 60px 0;
    background: #ffffff;
    padding: 30px;
    border-radius: 8px;
}
.filterDiv {
    float: left;
    background-color: #2196F3;
    color: #ffffff;
    width: 100px;
    line-height: 100px;
    text-align: center;
    margin: 2px;
    display: none;
}
.help-info .panel.panel-default { border-radius: 30px; background-color: #3c3836; }
.panel-title1 { color: #fff; text-align: left; }
.panel-title1:hover { color: #ffd61d; }

#theme-contain-help-center .help-center .panel-body h1 { text-align: center; }
#theme-contain-help-center .help-center .panel-body img { width: 100%; }


.panel-body a { color: #a3775e; }
.panel-body a:hover { color: #ffd61d; }



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



/*=================================== EC-MALL===================================*/
.poster img { width:100%; }
.intro {
    margin: 25px 0;
    text-align: justify;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}
.intro button#customform_submit {
    width: 49.8%;
    padding: 10px;
    background: linear-gradient(0deg, #a3775e, #3c3836);
    color: #fff;
    border: 0;
    border-radius: 20px;
    font-size: 15px;
}

.intro .modal-body { padding: 50px 15px 15px; }
.b span { color: #ffc900; font-weight:600; font-size:15px; }
ol.o { list-style-type: upper-alpha; }
ol.o li { margin:0 0 30px; }
ol.o img { width:100%;border-radius: 10px;box-shadow: 0 2px 2px 0 rgb(65 70 92 / 30%); }

.r span { color:red; font-weight:600; }

p.r { margin: 15px 0 10px; }

p.t { font-size:20px; color: #a3775e; font-weight: 600; text-transform: uppercase; }

/*=================================== EC-MALL PROUCT PAGE ===================================*/

#theme-contain-prod > p { margin: 0; }
#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: 12.6%;
    background: #3c3836;
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
}
div#cms5-prodcatlist ul li a { text-transform: capitalize; color: #fff; }

div#offer-strike{text-decoration: line-through !important;}

/*=================================== SEARCHBAR ===================================*/

#search-bar { width: 90%; }
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 0;
}
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;
}
#keyword { display: none; width: 40%; }
label {
    font-size: 18px;
    margin: 8px 0;
    color: #3c3836;
    display: inline-block;
    font-weight: 500;
}
#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;
}

div#price-range { display: inline-block; width: 44%; }
#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;
}
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;
    box-shadow: inset 0 0 1px #000000;
    width: 14%;
    position: absolute;
    bottom: 24px;
    right: 0;
    left: unset;
    margin: 0 15px 0 0;
}

a#clear-btn {
    display:none;
    color: red;
    border-radius: 5px;
    padding: 5px 10px;
    border: unset;
    font-size: 12px;
    background: #4c4c4c45;
}

div#sort {
    float: right;
    position: absolute;
    top: 48%;
    right: 39%;
}
select#sortlist { border-radius: 4px; height: 38px; border:1px solid #3c3836; }

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

#enquiry, #sharelink{ display: none; }
#cms5-prod-view #particular #sharelink { padding: 0; }

#cms5-prod-list {
    width: 92%;
    max-width: 1250px;
    margin: 25px auto 0;
    text-align: center;
    padding-bottom: 20px;
}
#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;
}
#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 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;
}

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


#cms5-prod-list ul #title a:hover { color: #335587; }
#cms5-prod-list #addcart a{ margin: auto; }
#cms5-prod-list ul #addcart a {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    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;
}

/*=================================== EC-MALL PROD-VIEW ===================================*/

#cms5-prod-view {    margin-left: 20px;  }
#cms5-prod-view > table > tbody > tr { direction: rtl; }
#cms5-prod-view > table > tbody > tr > td { width: 48%; 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; font-weight: 600; }
#cms5-prod-view table#particular tr td#code { font-size: 19px; }
#cms5-prod-view #particular #price { font-size: 20px; }
#cms5-prod-view table#particular tr td#price { color: #797979; }


.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; }
.galleria-stage { right: 10px; left: -46px; }

#cms5-prod-view #desc { border-top: 0px solid #d4d4d4; padding-top: 10px; }

div#back-btn { position: relative; top: 31px; left: 0px; }
#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#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 td#content { padding-top: 40px; }
#content p {
    margin: 3px 0;
    line-height: 30px;
    display: list-item;
}

/*=================================== EC-MALL ADD CART ===================================*/

#prod-cart { width: 90%; margin: 0px auto; padding: 36px 0; }
#prod-cart > p > a{ color: #0008ff; }
.tbllist { padding: 0px; }
.tbllist form { padding: 0; }
#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 tr:first-child { background: #ffffff; }

.tbllist.rounded.spacer tr th {
    background: #3c3836 !important;
    border: 1px solid #03045e;
    text-align: center;
    padding: 12px 5px;
    width: 14%;
    color: white;
    font-weight: 600;
}
#prod-cart .tbllist form table tr td, #prod-cart .tbllist form table tr th {
    border-right: 0px solid;
    text-align: center;
    padding: 10px;
    background: #fbfbfb;
    font-weight: 600;
    font-size: small;
}
#prod-cart .tbllist form table tr td:last-child, #prod-cart .tbllist form table tr th:last-child{ border-right: 0; }
.tbllist.rounded.spacer input[type="button"] {
    background: #ff0000;
    color: white;
    border: 0px solid;
    border-radius: 4px;
    font-size: 12px;
    padding: 3px 12px;
}
#prod-cart .tbllist form table input[value=EMPTY]{ background: #ff0000; }

.tbllist.rounded.spacer tr td {
    border: 1px solid #cccccc;
    background: #fbfbfb;
    text-align: center;
    padding: 12px;
    color: #000;
}
.tbllist .tbl td a, .tbllist .tbl td a:visited {
    color: #000;
    text-decoration: none;
    font-size: small;
    font-weight: 300;
}
#qty input[type="text"] { text-align: center; }

.ctrllist.iconx32 ul{ margin: 0; } 
#icon-delete { list-style: none; }
#icon-delete a { color: #f00; }
#prod-cart .tbllist form table tfoot tr:first-child{ border: 0; }
.tbllist .tbl tfoot td {color: #000000;}


#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: #fff; }
div#continue-shopping a:hover { color:#fff; }
.alert-warning {
    background-color: #fdfdfd00;
    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;
}
#theme-contain-prod #remoteloginform input, #theme-contain-prod #customform input {
    width: 100%;
    border: 0px;
    border-bottom: 2px solid #3c3836;
    border-radius: 0;
    background: transparent;
    color: #1b2e60;
    max-width: unset;
}
#prod-cart #remoteloginform dl, #prod-cart #customform dl { display: block; }
#theme-contain-prod #customform .caption { display: none !important; }
#theme-contain-prod #customform dl:nth-of-type(3) { display: flex; flex-direction: row-reverse; align-items: end; justify-content: left; }
#theme-contain-prod #customform dl:nth-of-type(3) dd {display: inline-block;vertical-align: bottom;width: fit-content;}
#theme-contain-prod #customform dl:nth-of-type(3) dd img { width: auto ;margin-left: 10px; height: 40px; }
#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;
    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%);
    color: #fff;
}


#prod-cart .tbllist form table tr td { text-align: left; }

#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 ==========================*/

.lottab table {
    background: linear-gradient(180deg, #deba8b, #fbd7a7, #a3775e);
    border: 0px solid #102632;
    width: 100%;
    font-size: 14px;
    border-radius: 10px;
}
.lottab table tr, .lottab table th, .lottab table td {
    padding: 10px;
    color: #fff;
    text-align: center;
    border: 1px solid white;
}
.lotto-info p { font-size: x-large; font-weight: bold; color: #493730; }
.lotto-info h5 { font-size: large; line-height: 2; }


.lottery-new { margin-bottom: 50px; }

.lottery-new .btn-primary:hover { color: #fff;background-color: #2caffc; }
.lottery-new .btn:hover { box-shadow: 0px 3px 5px rgb(46 46 46);transform: translateY(-3px); }
.lottery-new button { margin: 17px;background-color: #1ac8fd;text-transform: uppercase; }

.lottery-new .panel.panel-default {
    background-color: #2e2e2e;
    border: none;
}
.lottery-new .panel { max-height: max-content; }
.lottery-new .panel-heading { color: #000; border: 0px solid red; font-size: 15px; }

.lotto-drawresult .panel-default>.panel-heading {
    background-color: #f5f5f5;
    border-radius: 5px 5px 0 0;
    color: #fff;
}
.lottery-new .panel-body { padding: 0;color: #fff;font-size: 15px;min-height: 425px; }
.webpage-lottery .panel-body { padding: 0; }

.lottery-new .panel-body .logo { padding: 10px 0; }
.lottery-new .panel-body .logo .col-sm-4 { margin-left: 9px;width: 29%;border: 0px solid red; }


#Magnum .panel-default {border: 3px solid #f2bc00;border-radius: 10px;overflow: hidden;}
#PMP .panel-default {border: 3px solid #148ea4;border-radius: 10px;overflow: hidden;}
#Toto .panel-default {border: 3px solid #dd0000;border-radius: 10px;overflow: hidden;}
#Singapore .panel-default {border: 3px solid #12689a;border-radius: 10px;overflow: hidden;}
#Sabah .panel-default {border: 3px solid #eee;border-radius: 10px;overflow: hidden;}
#Sandakan .panel-default {border: 3px solid #2f9405;border-radius: 10px;overflow: hidden;}
#Sarawak .panel-default {border: 3px solid #094405;border-radius: 10px;overflow: hidden;}
#GDLotto .panel-default  {border: 3px solid #95650a;border-radius: 10px;overflow: hidden;}
#Perdana .panel-default {border: 3px solid #777;border-radius: 10px;overflow: hidden;}
#LuckyHari-Hari .panel-default  {border: 3px solid #00aced;border-radius: 10px;overflow: hidden;}
#GOOD4D .panel-default  {border: 3px solid #ffd45e;border-radius: 10px;overflow: hidden;}


#Magnum .panel-heading, #Magnum .logo  {background: #f2bc00;color:#000 !important;}
#PMP .panel-heading, #PMP .logo  {background: #148ea4;}
#Toto .panel-heading, #Toto .logo  {background: #dd0000}
#Singapore .panel-heading, #Singapore .logo  {background: #12689a;}
#Sabah .panel-heading, #Sabah .logo  {background: #eee;color:#000 !important;}
#Sandakan .panel-heading, #Sandakan .logo  {background: #2f9405;}
#Sarawak .panel-heading, #Sarawak .logo  {background: #094405;}
#GDLotto .panel-heading, #GDLotto .logo  {background: #95650a;}
#Perdana .panel-heading, #Perdana .logo  {background: #777;}
#LuckyHari-Hari .panel-heading, #LuckyHari-Hari .logo  {background: #00aced;}
#GOOD4D .panel-heading, #GOOD4D .logo  {background:#ffd45e;color:#000 !important;}


#Magnumimg {background: url(/data/1767/uploads/4D_magnum.png) left no-repeat #383838; height: 50px;width: 85px;}
#PMPimg {background: url(/data/1767/uploads/4D_damacai.png) left no-repeat; height: 50px;width: 85px;}
#Totoimg {background: url(/data/1767/uploads/4D_toto.png) left no-repeat; height: 50px;width: 85px;}
#Singaporeimg {background: url(/data/1767/uploads/4D_sgpool.png) left no-repeat; height: 50px;width: 85px;}
#Sabahimg {background: url(/data/1767/uploads/4D_sabah88.png) left no-repeat; height: 50px;width: 85px;}
#Sandakanimg {background: url(/data/1767/uploads/4D_stc.png) left no-repeat; height: 50px;width: 85px;}
#Sarawakimg {background: url(/data/1767/uploads/4D_cashsweep.png) left no-repeat; height: 50px;width: 85px;}
#GDLottoimg {background: url(/data/1767/uploads/4D_gdlotto.png) left no-repeat; height: 50px;width: 85px;}
#Perdanaimg {background: url(/data/1767/uploads/4D_perdana.png) left no-repeat; height: 50px;width: 85px;}
#LuckyHari-Hariimg {background: url(/data/1767/uploads/4D_luckyharihari.png) left no-repeat; height: 50px;width: 85px;}
#GOOD4Dimg {background: url(/data/1767/uploads/4D_good4d.png) left no-repeat; height: 50px;width: 85px;}


#datetime { text-align: right; }
.lottery-new .panel-body label { color: #fff; background: #000; padding: 4px; width: 100%; }
#datetime label { background: transparent; }
#datetime .col-sm-12 { padding: 0; }
#Magnum #datetime label, #GOOD4D #datetime label, #Sabah #datetime label { color: #000; }

#TopThree, #Special, #Consolation { padding: 10px 20px; }
#TopThree { padding-top:20px; }

.lottery-new .popwin { color: #fff; }
.panel-body #TopThree .col-sm-4  { padding: 1px; }
#Consolation { padding-bottom: 20px; }


#THV88, #GDLotto, #Toto-5D, #Toto-6D { display: none; }

#Perdana-3D, #Perdana-3D .small { color:#fff !important; }
#Perdana-3D .panel-heading { color: #000; }
.lottery-new #TopAll tr td a { color: #fff; text-decoration: underline; }
.lottery-new #TopAll tr td a:hover { color: #ffd616; }

#LuckyHari-Hari .col-sm-9 { font-size: 14px; }

#theme-contain-lottery .page-panel .panel-default { background-color: transparent; }



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



/*========================== REGISTER ==========================*/
.register {
    display: flex;
    background: #fff;
    border-radius: 10px;
    justify-content: space-evenly;
    width: 90%;
    margin: 20px auto;
    flex-wrap: wrap;
}
.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-content { width: 100%; padding: 0 0 20px; }

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

.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 .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;
}
.register #registerform dl#groupCurrency { width: 100%; }
.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;
    font-size: 13px;
}
dl#groupVerifyCode {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.register #registerform #groupSubmit dd { float: left; width: 100%; }
.reg p { font-size: 10px; color: #493730; margin-top: 60px; }

.regis-dtl {  width: 68%;  float: right;  background: #998880;  border-radius: 10px;  padding: 40px;  }
.regis-banner { width: 100%; }
.regis-banner img {  width: 100%;  border-radius: 10px;  margin: auto;  }

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


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



/*========================== MODAL ==========================*/
.modal-content {
    background: linear-gradient(180deg, #493730, #927a6e);
    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;
}



/*========================== CONTACT-US ==========================*/

.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; }
.center { text-align: left; margin: auto; }
.center a { color: #0d59ff; }
.qr { width: 80%; margin: auto; }
.qr img { width: 100%; }



/*========================== DOWNLOADAPP  ==========================*/
.downloadapp { display: flex; align-items: flex-end; }
.left-text { position: relative; width: 100%; text-align: center; }
.left-text h3 { margin: 0 0 10px 0; }
.left-text h2 { margin: 0 0 10px 0; font-weight: bolder; }
.left-image img { width: 100%; }

.download-qr { margin: 30px 0 30px 0; }
.download-nav {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    list-style: none;
    padding: 0;
    width: 100%;
}
.icon-hover-box { width: 100%; }
.icon-hover-box button {
    width: 100%;
    padding: 10px 0;
    border-radius: 10px;
}
.download-icon {
    background: #998880;
    color: #ffffff;
    border: 0;
}
.download-icon.active { background: #493730; }
.download-divider {
    background-color: transparent;
    width: 10px;
    height: auto;
}

.download-nav-link {
    background: #998880;
    padding: 30px 0;
    border-radius: 10px 10px 0 0;
}
.games-download {
    position: relative;
    transform: translateY(0%);
    width: 100%;
    text-align: left;
    display: none;
}
.games-download.active { display: flex; }
.games-download img { width: 50%; margin: auto; }

.right-text {
    background: #998880;
    padding: 30px;
    border-radius: 0 0 10px 10px;
    color: #ffffff;
    border-top: 1px solid #79685e;
}
.right-text h4 { margin-top: 0; }
#theme-contain-downloadapp a { color: #fae545; }
#theme-contain-downloadapp a:hover { color: #0d59ff; }

.download-bottom-title { text-align: center; margin-top: 60px; }
.download-bottom-title p { font-size: medium; }
.download-bottom-term {
    padding: 20px;
    background: linear-gradient(45deg, #a3775e, #998880);
    border-radius: 10px;
    width: 60%;
    margin: 0 auto 30px auto;
}
.download-bottom-term h4 { text-align: center; }
.download-bottom-term li { margin: 3px 0; }
.download-bottom-term table { background-color: transparent; width: 100%; }
.download-bottom-term td,
.download-bottom-term table th { border: 1px solid #ffffff; padding: 5px 0px 5px 5px; }



/*========================== JACKPOT ==========================*/
.jackpot-sec {
    position: relative;
    display: flex;
    justify-content: center;
}
.jackpot-sec img {
    width: 60%;
    margin-bottom: 30px;
    border-radius: 10px;
}



/*========================== SPORT/ CASINO/ SLOT =========================*/
#theme-contain-slot .jackpot-sec { display: none; }

.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; }
.swiper-slide button { border: 0; }
.swiper-slide .logo-box img { width: 60px; }
.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;
}
.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;
}

.games-box {
    position: relative;
    top: 0;
    right: 0;
    transform: translateY(0%);
    width: 100%;
    text-align: left;
    display: none;
}
.games-box.active { display: block; }
.js-tabs { margin-bottom: 50px; }
.js-tabs a { font-weight: bold; outline: unset; }
.js-tabcontent { width: 100%; }
.game-box {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
}
.games-item { flex: 0 0 18%; }
#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%; }
.games-item:hover { transform: translateY(-5px); transition: 0.3s; cursor: grab; }
.games-item:hover .hover-box { transform: translateY(0); opacity: 1; transition: 0.3s; }

.img-box { position: relative; overflow: hidden; }
.img-box img { width: 100%; min-height: 100px; }
.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;
}
.hover-box span {
    width: 52%;
    margin: 3px auto;
    border-radius: 5px;
    padding: 6px;
    font-weight: bold;
    cursor: pointer;
    color:#000;
    text-transform: uppercase;
}
.hover-box span:first-child { background: #a3775e; color: #fff; }
.hover-box span:last-child { background: #ffffff; }

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

.sport-mobile {  display: none;  }
.sport-container { margin: 0 auto 30px auto; }
.sport-pc iframe { width:100%; height: 600px; }



/*============================== PROD ==============================*/

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;
}
#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%;
}
caption {
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    font-weight: 600;
    background: #867560;
}
span#name { color: red; }


table#apimeminfo b {
    padding: 2px 5px;
    border-radius: 6px;
    color: #4c4c4c;
    letter-spacing: 1px;
    font-size: 13px;
}
table#apimeminfo a {
    background: -webkit-linear-gradient(right, #480505 0%,#d60013 100%);
    color: white;
    padding: 7px 25px;
    border-radius: 11px;
    border: 3px #e1d0a8 solid;
}

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

#btn-submit button:hover { background: #9a9a9a; color: white; }
table#apimeminfo a:hover { background: #736d6d; }


table#apimeminfo {
    background: #dcb686;
    padding: 12px 1px;
    border-radius: 7px;
    border-spacing: 2em;
    margin: 0 auto 1rem;
}
table#apimeminfo tr td {
    padding: 10px 12px;
    border-radius: 6px;
    border: 6px solid #f5f2ec;
}



/*========================== COLLAPSE ==========================*/

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



/*========================== COCKFIGHT ==========================*/

.cockfight-info h1 { margin-top: 0; margin-bottom: 30px; color: #c08a4f; }
.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;  }

.cockfight-line { margin: 30px 0; }



/*========================== HORSE RACING ==========================*/

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



/*========================== EVERYPAGE ==========================*/
.title { margin-bottom: 30px; }
.seo {  text-align: justify;  border-top: 0px solid #cbcbcb;  color: #333;  margin: 0 auto;  }
.seo p { text-align: justify; }
.seo h1, .news-title h1, .title h1, .faq-title {  color: #a3775e;  text-align: left;  padding: 10px 0;  font-weight: bold;  border-bottom: 1px solid #927a6e;  }
.seo-line {  border-top: 0px solid #cbcbcb;  padding: 0 30px;  }

.banner img { width: 100%; border-radius: 15px; }
#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 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, 
.cockfight-line p a { color: #a3775e; }

.small, small { color: #141414; margin-top: 5px; }
.small.w3-text-red { color: red; }
.small.w3-text-green { color: green; }


.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;  height: 60px;  justify-content: space-between; background: #8c6f5e;  border-bottom: 2px solid #dfa785;  }
.sidenav {  height: 100%;  width: 0;  position: fixed;  z-index: 9999999;  top: 0;  left: 0;  background: linear-gradient(to bottom, #998880, #3c3836, #493730, #998880);  overflow-x: hidden;  transition: 0.5s;  padding-top: 5px;  }
.sidenav a:hover { color: #ffc900; }
#mySidenav li {  display: flex;  flex-direction: row;  align-items: center;  justify-content: space-between; }
#mySidenav li img {  width: 40%;  margin: 10px;  }
#mySidenav .logo img {  width: 80%;  margin: 0 10px;  }
.sidenav .closebtn {  position: relative;  top: 0;  font-size: 30px;  margin: 10px;  color: #ffffff;  }

.mobile-menu-90 {  padding: 0;  display: flex;  flex-wrap: wrap;  justify-content: center;  }
.mobile-menu-90 li {  width: 30%;  }
#mySidenav li button {  width: 100%;  margin: 5px;  border-radius: 10px;  background: transparent;  border: 1px solid #ffffff;  padding: 2px;  }
.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;  }

.divider { border-bottom: 1px solid #a3775e; margin: 20px 0; }

.mobile-90-2 {  background: url(/data/2055/uploads/125327152024.webp) no-repeat;  background-size: contain;  background-position: bottom right;  margin: 0 30px 0 0;  padding: 0;  }
.sub-m { margin-left: 10px; margin-bottom: 20px; }
.sub-m a { margin: 0 0 0 20px; color: #ffffff; }

.mobile-sidebar span {  font-size: 30px;  cursor: pointer;  color: #ffffff;  }

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


@media only screen and (min-device-width: 1025px) and (max-device-width: 1200px) {

/*========================== HEADER ==========================*/
#cssmenu > ul > li { margin: 0px 7px; }
.menu-downloadapp { margin: -45px 0 0 17%; }

/*========================== HOME ==========================*/
.vid-wrapper { height: 340px; }

/*========================== SPORT/CASINO/SLOT ==========================*/
.logo-box { width: 170px; }
.hover-box span { width: 65%; }
.img-box img { min-height: 90px; }

/*========================== VIP ==========================*/
.vip-banner-title { top: 24%; }
.vip1, .vip2 { height: 620px; }

/*========================== REGISTER ==========================*/
.register #registerform { padding: 0 10px; }

/*========================== CONTACTUS ==========================*/
.c-inner { width: 90%; }

/*========================== HIGHLIGHT ==========================*/
.post-box { height: 400px; }

}

@media screen and (max-width: 991px) {
.side-banner { display: none; }
.live-btm { display: none; }
.cockfight-info h1, .racing-info h1 { margin-top: 20px; }
.play-btn { float: none; top: 0; left: 35%; }


}




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

.menu-ec711 { display:none; }
.sport-mobile {  display: block;  }
.api-leaguefeed-free-wall .brick { width: 40% !important;  height: fit-content !important;  }

ol#faq_modal {  gap: 0;  }

#theme-header, #theme-header-link .container {  display: flex;  flex-direction: row;  flex-wrap: wrap;  }
#theme-header-link { display: none; }
#logo { width: 50%; padding: 15px; margin: 5px 0 0 0; background: transparent; }

#theme-menu {  width: 100%; }
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { text-align: center;  }
#cssmenu #menu-button { display: none; color: #ffffff; padding: 16px; font-size: 20px;  }
#cssmenu #menu-button::before { border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff;}
#cssmenu #menu-button::after { background: #ffffff; }
#cssmenu > ul > li { margin: 0; }
#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; }
.float-dot { font-size: 16px;  left: 60%; }


#theme-header-content { order: 1; width: 100%; }
#theme-header-top { padding: 0; margin: 0; width: 100%; border-top: 0px solid #998880; }
#theme-header-top .container { margin: 0; padding:0; width: 100%; }
.menu-top-header { display: block; }

.logo {   display: flex;  align-items: center; }
.sidenav .closebtn { margin: 10px 30px; }

.mobile-menu-90 li a, .mobile-menu-90 li a span { color: #fff; }
.mobile-90-2 li span {  font-size: 16px;  }

.menu-top-header .mobile-logo { padding: 0; margin: auto;  text-align: center;  }
.menu-top-header .mobile-logo img { height: 60px; }

.menu-downloadapp { display: none; }

.header-link { padding-left: 0;  }
.header-left, .header-right { flex-direction: row;  }

.clock { display: none; }
.dropdown { margin: 0; width: 100px; }
.dropdown .dropbtn { width: 100%; }
.dropdown:hover .dropdown-content { left: 5px; top: 50px; padding: 5px 5px 5px 0px; }
.dropbtn p { margin: 0; }
.dropdown-content .country-flag-container { margin-bottom: 10px; }
.dropdown-content .country-name { line-height: 1.2; }

.btn-login .btn, .btn-sign-up .btn { padding: 5px 8px; }
.sub-menu { display: none; }
.down-list { display: none; }


/*====================== MODAL ===============================*/
.modal { padding: 0; }
.modal-dialog {  width: 90%; margin: 20% auto;  }

/*====================== FANCYBOX ===============================*/
.fancybox-wrap {  width: 90% !important; margin: auto !important;  }
.fancybox-overlay-fixed .fancybox-wrap {  width: 90% !important; margin: auto !important; }
.fancybox-skin { padding: 20px; }
.fancybox-inner .promo {  display: flex; flex-direction: column; padding: 0;  }

/*====================== LOGIN ===============================*/
.login #customform {  width: 75%; padding: 10px 0;  }
.login-btm { padding: 0 30px;  }

/*====================== REGIS ===============================*/
.regis-info h4 { font-size: 26px; }

/*====================== HOME ===============================*/
#mainslider { width: 100%; }
.announcetext { padding: 10px 5px; }
.marqIcon {  width: 8%;  }
marquee#horizontal_scrollmsg {  width: 90%;  }

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

.video-box { margin-top: 60px; min-height: 520px; }
.item-title { text-align: center; margin: 0 0 15px 0; }
.live-btm { margin: 70px 0 0 0; }

.promo-btn a {  padding: 10px 35px; }
ol#faq_modal li.question {  width: 90%; padding: 5px; }
.swiper-button-prev, .swiper-button-next { display: none;  }

/*====================== FOOTER ===============================*/
.pay ul li { width: 14%; display: inline-block; padding: 0; margin: 5px;  }
.social ul li { width: 20%; }

/*====================== DOWNLOADAPP ===============================*/
.downloadapp { display: flex; flex-direction: column; }
.left-text { margin-top: 30px; }
.right-step li { font-size: 14px; }

.download-bottom-term { width: 94%;  }
.download-bottom-term ol { padding-left: 20px; font-size: 14px; }
.download-bottom-term td, .download-bottom-term table th {  font-size: 10px; }

/*====================== SPORT/CASINO/SLOT ===============================*/
.gf-wrapper { grid-template-columns: repeat(3,0.5fr);  }
.logo-box { width: 120px; font-size: 11px;   }
.games-box {  transform: unset;  position: unset;  width: 100%;  margin-bottom: 15px;  }
.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, #id-firsty18 .games-item { flex: 0 0 45%; }
.img-box img { min-height: 75px; }
.hover-box { padding-top: 1%; }
.hover-box span { width: 60%; font-size: 12px; }


/*====================== COCKFIGHT/RAACING ===============================*/
.cockfight-line, .racing-line {  margin: 30px 0; display: flex; width: 100%; }

/*====================== LOTTERY ===============================*/
.lotto-info {margin-top: 20px; }
.lottery-new { width: 100%; }
.lottery-new .panel-body .logo .col-sm-4 { margin-left: 0; float: left; }

.panel-body .logo #datetime { width: 47%; float: right; }
.panel-body #TopThree .col-sm-4 { padding: 1px;width: 32%;display: inline-block; }
.panel-body .col-sm-3 { width: 33%;display: inline-block;margin: 5px auto; }
button.btn.btn-primary.btnReload.Timer { background: #ec1c12; margin: 15px; }

/*====================== VIP ===============================*/
.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; }
#vip-table { font-size: 10px; }
#vip-table td, #vip-table th { padding: 3px 6px; }
.vip1, .vip2 { padding: 20px; height: 850px; }


/*====================== PROMOTION ===============================*/
.promo-row .col-md-6.col-sm-12 { padding-right: 0; height: unset; }
.fancybox > div { padding: 0; }
ol#faq_modal .promo img { height: unset; border-radius: 15px 15px 0 0; }

.promo .info { padding: 10px 0 0 15px; }
.promotion-btn { display: flex; flex-direction: row; }
.promo-count { padding: 30px 0 0 15px; }

/*====================== PROD ===============================*/
.intro button#customform_submit { width: 49%; }
div#cms5-prodcatlist ul li { width: 47%; }

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

div#sort {  top: 0%; left: 0%; position: relative;  }

#cms5-prod-list ul { width: 47%;  }

#cms5-prod-view > table > tbody > tr > td { width: 100%;}
#cms5-prod-view .gcontent{ width: 100%; }
#cms5-prod-view .galleria-container{ width: 100% !important; }


#prod-cart { margin: 0px auto; }
.spacer {  padding: 0;  }
#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; }


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

.tabs-container { padding:0; }
.post-box { height: unset; }
.post-box div { width: 100%; flex: 1; }
.sponsor-box .text { padding-top: 10vw; padding-bottom: 10vw; }
.sponsor-box .img { order: 2; min-height:100px; }
.sponsor-box.right .text { padding-left:50px; }
.sponsor-imgs .date { font-size:24px; padding-left: 26px; padding-top:22px; line-height: 24px; }
.sponsor-imgs .date span { font-size:10px; }
.sponsor-imgs .imgs { order: 3; padding: 5px 0; margin-top:0; padding-right:5px; }
div.imgs { order: 3; padding-top: 5px; }
div.imgs > img { margin: 5px; }
div.img-main { order: 2; padding: 0 15px; }
div.img-main img { width: 100%; height: auto; }

.vf-wrapper { display: unset; }
.vf-tabs { background-color: #fff; display: flex; border-bottom: 1px solid #aaa; padding-top: 0; }
.btn-vf { margin: 0; flex: 1; text-align: center; background: #fff; border-bottom: 5px solid #fff; }
.btn-vf.active { border-color: #493730; }
.vf-list ul > li {  flex: 1 1 50%;  margin: 10px 0;  padding: 0 5px;  max-width: 50%;  }



/*====================== BANKING ===============================*/
.seo-line { padding: 0; }

/*====================== CONTACT ===============================*/

/*====================== CHARITY ===============================*/
.carousel { height: fit-content; }
#theme-contain-charity .slide_btn { left: 25%; width: 50%; }
.logoOnBanner img { width: 40%; }

.donation-container > p { font-size: 17px; }
.bgAmountdonation { padding: 10px 0 10px; font-size: 18px; width: 70%; }
.bgAmountdonation > p { margin: 0; }
.glow { font-size: 20px; }
.bigplaybtn { width: 65%; line-height: 35px; font-size: 17px; margin-top: 10px; }

.pcimg { display: none; }
.mobimg { width: 100%; display: block; }
.mobimg img { width: 100%; }

.contbgabout { padding-bottom: 50px; }
.contbgabout h4 { font-size: 20px; }

.donatetab table { font-size: x-small; }
.donatetab table tr, .donatetab table td { padding: 5px;  }

.contbgnews > .container h1 { width: 90%; }
.newscont { display: unset; }
.newscont .newsbtn_more { width: 170px; line-height: 3rem; }

.popup { width: 100%; }


/*====================== HELP CENTER ===============================*/
.help-center .panel-heading h4 { font-size: 16px; margin: 0; }
.help-center .help-info h1 { font-size: 28px; }
.help-info iframe { width: 100%; }
.payment {  margin-bottom: 30px;  }

/*====================== LATEST-DONATION ===============================*/
.latest-list {  display: flex;  flex-wrap: wrap;  justify-content: space-between;  }
.latest-list a { width: 33%; }

}


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

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

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

.language {  width: 90px; }
.dropdown .dropbtn { width: 90px; padding: 0; }
.dropdown-content img, button.dropbtn img { width: 15px; }
.dropdown:hover .dropdown-content { left: 0px; top: 46px; }

.currency-icon img { margin-right: 3px; width: 18px; }
.currency-detail { font-size: 12px; }

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

.mobile-90-2 { background-size: 55%; }

/*====================== LOGIN MODAL ===============================*/
.login span { font-size: 14px; }
.login-btm { padding: 0 15px; font-size: 14px; }
.login input#customform_submit { font-size: 14px; padding: 6px 25px; }
#customform #customform_UserName, #customform #customform_Password { font-size: 14px; padding: 7px 10px 7px 0px; } 

/*====================== HOME FLEXSLIDER ===============================*/
.home-banner { margin-top: 30px; }

.flexslider .flex-control-nav li { margin: 0 10px; }
.flexslider .flex-control-paging li a { width: 15px; height: 8px; margin-top: -2%; border-radius: 15px; }
.flex-direction-nav a { width: 25px; height: 40px; }
.flex-direction-nav a:before { font-size: 30px; }

.announcetext { font-size: 14px; } 

.empty {  width: 100%; margin: 35px 0 0 0; }
.live-feed-primary-part-holder { height: 75px; }
.live-feed-secondary-part-holder { height: fit-content; }
.live-feed-secondary-part-holder h4 { font-size: 15px; }

#v2cashfeed table tr th { font-size: 14px; }
#v2cashfeed table tr td { font-size: 11px; }

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

.hpromo { margin-top: 50px; }
.promo-line { flex-direction: column; }
.promo-btn { margin-top: 5px; }
.promo-btn a {  font-size: 12px; padding: 7px 25px; }


/*====================== HOME SWIPER =====================*/
.swiper-container { width: 85%; }
.swiper-slide {  width: 50% !important;  }

.panel-title { font-size: 15px; }
.panel-body2 h2 { font-size: 20px; }
.panel-body2 h3 { font-size: 16px; }
.panel-body2 h4 { font-size: 14px; }
.panel-body2 ul, .panel-body2 ol { padding-inline-start: 30px; }


/*====================== FOOTER =====================*/
.pay .footer-title { margin-top: 10px; }
.pay ul li { width: 20%; }
.license ul li { margin: 10px 5px; }
.modal-body .cert-inside img { width: 100%; }
.social ul li { width: 50%; padding: 2px; }
.responsible img { width: 100%; }

/*====================== SPORT/CASINO/SLOTS =====================*/
.gf-wrapper { grid-template-columns: repeat(2, 0.5fr); }
.new-provider, .hot-provider {   top: -25%;  right: -8%;  padding: 1px 6px;  font-size: 8px;  width: 30px;  }
.js-tabs {  margin-bottom: 20px;  }
.game-box { gap: 15px; }
.game-box .img-box img { min-height: 65px; }

#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-firsty18 .games-item { flex: 0 0 46%; }

#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 30%; }

.hover-box span { width: 70%; padding: 3px; font-size: 10px; }

/*====================== COCKFIGHT/RACING =====================*/
.seo h1, .news-title h1, .title h1 { font-size: 28px; text-align: center; } 
.cockfight-info h1, .racing-info h1, .lotto-info p { font-size: 25px; margin-bottom: 20px; text-align: center; }
.play-btn { left: unset; padding: 8px 25px; font-size: 16px; }

.cockfight, .racing-btn { text-align: center; }

/*====================== LOTTERY =====================*/
.lotto-info { text-align: center; }
.lotto-info h5 { font-size: 16px; line-height: 1.5; }

.liveresult-template .row:nth-child(2) > div { text-align: center; }

/*====================== VIP =====================*/
.vip-table-content { padding: 20px; }
.vip-table-content h5 { font-size: 12px; }
#vip-table { font-size: 8px; }
#vip-table td, #vip-table th { padding: 2px 5px; }
#vip-table td img { width: 12px; }
#vip-table .grad2 td img { width: 35px; }
.text-gold { padding: 6px 6px !important; }

.vip1, .vip2 {  width: 100%; margin-bottom: 30px; height: fit-content; padding: 20px; }

/*====================== PROMOTION =====================*/
.filtering { margin: 0 0 10px 0; }
.tab { padding: 0 10px; }
.filtering .filters { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap;  }
#promotion-filter form { padding: 0; }
.tab .promo-tablinks { margin: 5px 10px; font-size: 16px; }

#promobox ol#faq_modal { gap: 5px; }
.promo .info {  width: 50%; padding: 10px 0 10px 10px; float: left;  }
.info h3 {  font-size: 18px;  }
.info h5 {  margin: 10px 0; font-size: 14px;  }
.promo .tnc-btn { padding: 5px; margin-right: 5px; display: block; }
.promo .join-btn { padding: 5px; display: block; }

.promo-count { width: 45%; float: left;  }
.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;  }

/*====================== AFFILIATE =====================*/
.affiliate-steps {  margin-bottom: 30px;  }

/*====================== PROD =====================*/
.intro { margin: 20px 0; }
.intro button#customform_submit { width: 47%; font-size: 14px; padding: 7px; }


/*------------------------------------ PROD MODAL -------------------------------------*/

.modal-header .close { padding: 4px 8px; }
.intro .modal-body { padding: 40px 15px 15px; }
.login-popup { font-size: 12px; }
ol.o { list-style-type: none; padding-inline-start: 0px; }
ol.o li { margin: 0 0 20px; }

/*------------------------------------ CATEGORY -------------------------------------*/

div#cms5-prodcatlist ul li { width: 46%; padding: 7px; margin: 5px 3px; font-size: 14px; }
div#cms5-pagenum ul li { margin: 20px 10px; }

/*------------------------------------ SEARCHBAR -------------------------------------*/

#search-bar legend { margin-bottom: 20px; font-size: 22px; }
#search-form { padding; 0; } 
#price-range label { font-size: 16px; }
#price-range input#price-min, input#price-max { height: 34px; font-size: 14px; }
#search-form input#submit-btn { font-size: 14px; padding: 10px 0px; }
select#sortlist { height: 34px; }



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

.tabhigh button { padding: 8px; font-size: 12px; }
.tab-container .tabcontent-box .container { padding: 0; }
.post-box { margin: 0; }

.sponsor-box .text { padding: 20px 20px 0 20px; }
.sponsor-imgs { margin-top: 0; }

.post-box .btnmore { padding: 6px 13px; font-size: 14px; }

.btn-vf { font-size: 10px; padding: 10px; }
.vf-list iframe { height: 200px !important; }
.vf-list h3 { padding-left: 10px; }

.vf-list ul > li {
    flex: 1 1 100%;
    margin: 0;
    padding: 0 0 15px 0;
    max-width: 100%;
}

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

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

#theme-contain-banking .seo-line ul { padding-inline-start: 25px; }
#theme-contain-banking .seo-line li { font-size: 12px; }

/*====================== CONTACTUS =====================*/

.c-area img { width: 40%; }
.c-inner { width: 80%; }
p.c-title { font-size: 24px; }
.c-inner  .center { font-size: 14px; }
.qr img { width: 80%; margin: 5px; }

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

.carousel {  height: 320px; }
#theme-contain-charity .carousel-inner { background: unset; border-bottom: 2px solid #a3775e; }
#theme-contain-charity .slide_btn {  text-align: center; margin: 0 auto; width: 100%; left: 0%;  }

.donation-container > p { font-size: 16px; }
.glow { font-size: 18px; }
.bigplaybtn { width: 55%; line-height: 32px; font-size: 16px; }

.mobimg img {  display: none; }

.ab_top { width: 100%; margin: 0; }
.contbgabout h4 {
    font-size: 20px;
    text-wrap: wrap;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 200px;
    margin: 10px auto;
    line-height: 1.2;
}
.icon-h3 { width: 30px; height: 30px; margin-right: 0; }

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

.ab_top .myinfobtn, .ab_top .sginfobtn { width: 47%; }
.playbtn { width: 100%; line-height: 35px; margin: 0; }

.ab_top:nth-child(4) { padding-top: 30px; }
.ab_top:nth-child(6) .playbtn { width: 47%; }

.contbgnews { padding: 30px 0; }
.contbgnews > .container h1 { font-size: 30px; }
.newscont .newsbtn_more { width: 135px; line-height: 2.2rem; font-size: 14px; }

.donatetab .close { top: 8px; right: 20px; font-size: 28px; }
.donatetab h1 { font-size: 24px; }

.feedback.container { padding: 0; }
.feedback #tblForm { font-size: 14px; }
.feedback #tblForm > tbody > tr:nth-child(6) > td img { width: 55px; }
.feedback #tblForm #securitycode { height: 25px; margin-left: 2px; width: 60px; }
.feedback #tblForm > tbody > tr:last-child input { padding: 7px; width: 170px; margin: 7px 0; }

.donation-form-text { padding: 20px; }
.donation-form-text li { font-size: 12px; }

/*====================== Proof-Of-Donation =====================*/
.latest-list a {  width: 50%; padding: 10px; }

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

.btn2 { padding: 5px 15px; width: 32%; margin: 5px 0; }

.helpc .help-center { padding: 20px; margin: 0 0 40px 0; }
.help-center .panel-heading h4 { font-size: 14px; }
.help-center .help-info h1 { font-size: 20px; margin: 0 0 10px; }
.help-info .panel-body .row { margin: 0; }
.help-info .panel-body h5 { font-size: 12px; }
.help-info iframe { height: 200px; }

/*====================== DOWNLOADAPP =====================*/

.downloadapp {  flex-direction: column;  }
.download-bottom-term td, .download-bottom-term table th {  font-size: 8px; padding: 2px; }

/*========================== JACKPOT ==========================*/
.jackpot-sec img {  width: 100%;  }

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


}


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

/*========================== SIDEBAR ==========================*/

#mySidenav li { justify-content: space-between; }
.logo { /*margin: 0; */  }
.mobile-menu-90 li {  width: 19%;  }

/*========================== MODAL ==========================*/

.modal-dialog {  width: 60%; margin: 5% auto;  }

/*========================== HOME JACKPOT ==========================*/

.live-feed-primary-part-holder {  background-size: 100%; min-height: 140px;  }
.live-feed-primary-part-numbers-holder #jackpot {  font-size: xx-large; }
#jackpot {  font-size: xxx-large; }
.live-feed-secondary-part-holder h4 { font-size: 20px; }
#v2cashfeed table tr th { font-size: 18px; }

.jackpot-sec img {  width: 100%;  }

/*========================== HOME VIDEO ==========================*/
.item-title { font-size: 28px; }
.vid-wrapper {  height: 360px; }
.vid-btn2 { margin: -21% auto 0; }
.live-btm {  margin: 40px 0 0 0; }


.panel-title { font-size: 15px; }
.panel-body2 h2 { font-size: 20px; }
.panel-body2 h3 { font-size: 16px; }
.panel-body2 h4 { font-size: 14px; }


/*========================== REGISTER ==========================*/
.regisleft {  width: 100%;  }
.regis-box {  width: 100%;  }
.regis-dtl {  display: none;  }

/*========================== DOWNLOADAPP ==========================*/

.download-left {  display: none;  }

/*====================== SPORT/CASINO/SLOTS =====================*/

.gf-wrapper {  grid-template-columns: repeat(4,0.7fr);  }
.swiper-slide { width: 49% !important; }
.new-provider, .hot-provider {  top: -23%;  right: -10%;  padding: 0px 3px;  width: 35px;  }

#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-firsty18 .games-item {
    flex: 0 0 48%;
}
#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 31%;
}
.games-item { flex: 0 0 30%; }
.hover-box span { width: 65%; }


/*====================== COCKFIGHT/RACING =====================*/

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

/*====================== COCKFIGHT/RACING =====================*/

.lottab { text-align: center; }
.lottab table { margin: auto; }
.lottery-new .col-sm-4 { width: 50%; display: inline-block; }

/*====================== VIP =====================*/

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

/*====================== CONTACTUS =====================*/
.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; }

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

.help-info .panel-body .row { margin: 0; }


}



/*=====================================================================================================*/
/*=====================================================================================================*/
/*------------------------------------------------------    IPAD PORTRAIT -----------------------------------------------------*/
/*=====================================================================================================*/
/*=====================================================================================================*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

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

.swiper-slide {  width: 49% !important;  }

.gf-wrapper {  grid-template-columns: repeat(4,0.7fr);  }
.logo-box {  width: 160px;  }
.img-box img { min-height: 100px; }

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

.vip1, .vip2 { height: 650px; }

 #cms5-prod-list ul{ width: 31%; }

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

.downloadapp {  display: flex; flex-direction: row;  }

.modal-dialog {  width: 60%; margin: 5% auto;  }

}

/*=====================================================================================================*/
/*=====================================================================================================*/
/*------------------------------------------------------    IPAD LANDSCAPE -----------------------------------------------------*/
/*=====================================================================================================*/
/*=====================================================================================================*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) {

.mobile-menu-90 li a, .mobile-menu-90 li a span { font-size: 14px; }

.vid-wrapper {  height: 340px;  }
.live-btm {  margin: 30px 0 0 0; }

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

.gf-wrapper {  grid-template-columns: repeat(4,0.7fr); }

.regis-box, .regis-dtl { /*width: 50%;*/ }

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

.modal-dialog {  width: 60%; margin: 10% auto;  }

}

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

.menu-downloadapp { margin: -45px 0 0 12%; }

.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: 767px) {

    p { line-height:20px; font-size:12px; }
    h2 { font-size:6vw; }
    h3 { font-size:4.5vw; }

    .vf-list ul { padding: 0; }

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

    .vf-list ul { padding: 0; }

    .sponsor-box { flex-direction: column; }
    .sponsor-imgs .date { font-size:14px; padding-left:15px; padding-top:15px; line-height:14px; }
    .sponsor-box .text { order: 1; padding: 25px 30px 0; background: linear-gradient(00deg, transparent, #000330); }

    .sponsor-box.left .text { order: 1; }
    .sponsor-box.left .img { order: 2; }

    .sponsor-box.right .text { padding: 25px 30px 0; background: linear-gradient(00deg, transparent, #000330); }

}


@media screen and (max-width: 430px) {

  #cms5-prod-list ul { width: 47%; border: 0px solid #d4d4d4; margin: 3px; padding: 3px;height: 320px; vertical-align: top;}
  #cms5-prod-list #photo img { max-width: 100%; height: 100%; }

  #cartlist table { width: 150%; }

  #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: auto; }
}



@media screen and (max-width: 320px) {
    body { font-size: 12px; }
    .container { padding-left: 10px; padding-right: 10px; }

    .mobile-sidebar span { font-size: 24px; }
    .menu-top-header .mobile-logo img { height: 35px; }
    .mobile-download { font-size: 20px; }
    .download-gly { width: 20px; }

    .sub-m { margin-bottom: 15px; }
    .sub-m a { margin: 0 0 0 10px; }
    .mobile-90-2 li span { font-size: 14px; }

    .panel-title { font-size: 14px; }


    #theme-footer { padding: 15px 0; }


    .swiper-slide .logo-box img { width: 35px; }
    .logo-box { width: 100px; font-size: 10px; height: 35px; }


    .tab .promo-tablinks { margin: 3px 5px; }
    .info h5 { font-size: 11px; }
    .promotion-btn { align-items: center; }
    .promo .join-btn { text-wrap: nowrap; }
    .promo-count { padding: 15px 0 0 10px; }
    .time-box-container { margin: 0 5px; }
    .time-colon { width: 5px; padding: 0 3px; }


    .c-inner { width: 85%; }


    .carousel { height: 280px; }


    #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>