.main-bg {
  background-size: cover;
  background-position: center;
  background-repeat: repeat-y;
  padding: 80px 0;
}

.slider_wrapper {
  text-align: center;
}

@media only screen and (min-width: 767px) {
  .mob_img {
    display: none;
  }
}

/* VIP REFERAL */

.vip_referal_main_bg {
  background-color: #5f2b08;
  background-image: url("../images/background_img.jpg");
  background-repeat: repeat-y;
  max-width: 100%;
  width: 100%;
  background-size: cover;
  height: 100%;
}


.semantic_ui .ui.table tbody tr td {
  font-size: 14px;
}
.vip_referal_main_bg p,
.vip_referal_main_bg span,
.vip_referal_main_bg li {
  font-size: 16px;
}
/*
.referal_program_info_wrapper {
  padding: 0px 0px 30px;
} */

.referal_program_info {
  /* max-width: 90%; */
  margin: 0 auto;
  padding: 30px 30px 15px 30px;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.referal_program_info h3 {
  color: var(--accent-color);
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 15px;
}

.referal_program_info p {
  color: #fff;
  font-size: 1rem;
  font-weight: 400;
  max-width: 80%;
  margin: 0 auto;
  line-height: 1.7rem;
}

.referal_program_rebates_info_wrapper {
  /* max-width: 90%; */
  /* margin: 15px auto; */
}

.referal_program_rebates_info {
  margin-bottom: 30px;
}

.referal_program_rebates_info > h3 {
  /* text-align: center; */
  text-transform: uppercase;
  margin-bottom: 15px;
  color: var(--accent-color);
  font-size: 1.5rem;
  font-weight: 700;
}

.earn_referal_item {
  position: relative;
  /* height: 160px; */
  width: 90%;
  margin-top: 15px;
  margin-bottom: 15px;
  border-radius: 50px;
  border: 8px solid #c25d19;
  background: #ffd617;
}

.earn_referal_img {
  position: absolute;
  z-index: 1;
  right: 0;
  top: -15px;
  max-width: 110px;
  right: -40px;
}
.earn_referal_desc {
  font-size: 14px;
  color: #5f2b08;
  font-weight: 500;
  line-height: 1;
  max-width: 90%;
}

.number {
  display: inline-block;
  max-width: 30%;
  font-size: 90px;
  line-height: 100px;
  padding: 0 10px;
  color: var(--accent-color);
  font-family: "Poppins";
  font-weight: 600;
  position: absolute;
}

.earn_referal_inner {
  position: relative;
  padding: 15px 20px;
  max-width: 90%;
}
.earn_referal_title {
  font-size: 20px;
  font-weight: 700;
  color: #5f2b08;
  width: 90%;
  display: block;
  text-wrap: balance;
}

.refer_friend_wrapper {
  /* max-width: 90%; */
  /* margin: 50px auto; */
}

.refer_friend_info {
  /* padding: 30px; */
  border-radius: 8px;
}

.refer_friend_info_upper ul {
  list-style: disc;
  padding: 0 15px;
  margin-bottom: 30px;
}

.refer_friend_info_upper ul li::marker {
  color: var(--accent-color);
}
.refer_friend_info_steps {
  background: #0060a1;
  padding: 30px 15px;
  border-radius: 8px;
  margin-bottom: 15px;
}

.refer_friend_step_item {
  text-align: center;
}

.refer_friend_step h4 {
  font-size: 20px;
  margin-bottom: 15px;
  color: var(--accent-color);
}

.refer_friend_info_upper h3,
.friend_registration_info h3,
.rebate_info h3 {
  color: var(--accent-color);
  margin: 15px 0;
}

.refer_friend_info_table {
  background: #ffd617;
  padding: 10px;
  max-width: 100%;
  margin: 0 auto;
  border-radius: 20px;
}

.refer_friend_info_table .semantic_ui .ui.table thead th,
.refer_friend_info_table .semantic_ui .ui.table tbody td {
  background: #5f2b08;
  text-align: center;
}

.refer_friend_info_table .semantic_ui .ui.table thead th:first-child {
  font-size: 0;
}

.refer_friend_info_table .semantic_ui .ui.table thead th,
.refer_friend_info_table .semantic_ui .ui.table tr td:first-child {
  color: #ffd617;
  font-weight: bold;
  text-transform: uppercase;
}

.refer_friend_info_table .semantic_ui .ui.table {
  background: transparent;
  border: 0;
}

.refer_friend_info_table .semantic_ui .ui.table thead th:first-child {
  border-top-left-radius: 18px !important;
}
.refer_friend_info_table .semantic_ui .ui.table thead th:last-child {
  border-top-right-radius: 18px !important;
}

.refer_friend_info_table .semantic_ui .ui.table tr:last-child td:last-child {
  border-bottom-right-radius: 18px;
}

.refer_friend_info_table .semantic_ui .ui.table tr:last-child td:first-child {
  border-bottom-left-radius: 18px;
}

.refer_friend_info_table .semantic_ui .ui.table tr td {
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}

.refer_friend_info_table .semantic_ui .ui.table tr th,
.rebate_cal_table_wrapper .semantic_ui .ui.table tr th,
.refer_friend_info_table .semantic_ui .ui.table tr td,
.rebate_cal_table_wrapper .semantic_ui .ui.table tr td {
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: #c15d19;
}

.cumulative_deposit .semantic_ui .ui.table:first-child,
.rebate_cal_table_wrapper .semantic_ui .ui.table:first-child,
.refer_friend_info_table .semantic_ui .ui.table:first-child,
{
  margin: 0;
}
.refer_friend_info_upper h4,
.rebate_info h4 {
  color: #43c7f8;
  margin-bottom: 15px;
  font-size: 18px;
}

.refer_friend_info_upper p,
.refer_friend_info_lower p,
.rebate_info p {
  color: #fff;
  margin-bottom: 15px;
  font-size: 18px;
}

.refer_friend_info_lower {
  margin: 30px 0;
}

.refer_friend_info_lower h3 {
  color: #ffd617;
}

.rebate_lower p {
  text-align: left;
}

.rebate_lower,
.rebate_cal_table_wrapper {
  /* max-width: 90%; */
  margin: 0 auto;
}

.rebate_lower h3 {
  text-align: left;
}

.rebate_lower ul,
.monthly_desc ul,
.refer_friend_info_lower ul
{
  text-align: left;
  list-style: disc;
  padding-left: 15px;
 color: #fcd00f !important;
}

.refer_friend_info_lower ul li::marker,
.monthly_desc ul li::marker,
.vip_referal_main_bg ul li::marker,
.rebate_lower ul li::marker {
  text-align: left;
  list-style: disc;
  padding-left: 15px;
  color: #fcd00f !important;
}

.rebate_cal_table_wrapper {
  max-width: 80%;
}

.rebate_cal_table_wrapper .footable_parent {
  background: #fcd00f;
  padding: 10px;
  border-radius: 12px;
}

.semantic_ui .ui.table:first-child {
	margin: 0;
}

.rebate_cal_table_wrapper h3 {
  background: var(--accent-color);
  margin: 0;
  margin-top: 20px;
  line-height: 50px;
  border-top: 1px solid #091a2a;
  border-left: 1px solid #091a2a;
  border-right: 1px solid #091a2a;
  color: #091a2a;
  font-size: 24px;
}

.friend_registration_wrapper {
  max-width: 75%;
  margin: 30px auto;
  background: var(--accent-color);
  padding: 10px;
  border-radius: 20px;
}

.friend_registration_button a {
  text-align: center;
  /* width: 210px; */
  background: var(--accent-color);
  margin: 0 auto;
  color: #5f2b08;
  padding: 8px 48px;
  border-radius: 8px;
  border: 8px solid #fff;
  margin: 15px;
  text-transform: uppercase;
  font-weight: bold;
}

.friend_registration_info {
  padding: 30px 0px 15px 0;
  background: #5f2b08;
  border-radius: 18px;
  text-align: center;
}

.friend_registration_info img {
  max-width: 80%;
  margin: 0 auto;
}

.friend_registration_info p,
.friend_registration_info ul li {
  color: #fff;
  font-size: 18px;
}

.friend_registration_info ul {
  list-style: disc;
  padding-left: 15px;
  margin-bottom: 15px;
}

.rebate_info_wrapper {
  /* max-width: 90%; */
  margin: 30px auto;
}

.rebate_info {
  /* background: rgb(18, 50, 83);
  background: linear-gradient(
    0deg,
    rgba(7, 23, 37, 1) 0%,
    rgba(18, 50, 83, 1) 100%
  );
  padding: 30px; */
  /* border: 2px solid #43c7f8; */
  /* border-radius: 8px; */
  /* text-align: center; */
}

.rebate_info div {
  text-align: center;
}

.rebate_info img {
  margin: 0 auto;
  max-width: 60%;
  width: 60%;
  margin-bottom: 20px;
}
/*
.rebate_cal_table_wrapper .semantic_ui .ui.table tr th {
  padding: 10px;
  background: #43c7f8 !important;
  color: #1a4d71 !important;
  font-weight: 500 !important;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  border: 1px solid #1a4d71 !important;
  border-radius: 0 !important;
  text-align: center;
} */

/* .rebate_cal_table_wrapper .semantic_ui .ui.table tbody tr:last-child {
  border-bottom: 1px solid #43c7f8;
} */
/*
.rebate_cal_table_wrapper .semantic_ui .ui.table tbody tr:last-child td {
  background: #43c7f8 !important;
  border-left: 2px solid #123356;
  color: #123356 !important;
  font-weight: 700;
} */
.rebate_cal_table_wrapper .semantic_ui .ui.table {
  background: transparent;
}
/* .rebate_cal_table_wrapper .semantic_ui .ui.table tbody tr td {
  background: #123356 !important;
  padding: 10px;
  border: 1px solid #03558f !important;
  text-align: center;
  color: #fff;
} */
/* .rebate_cal_table_wrapper .semantic_ui .ui.table tbody tr {
  margin: 2px;
}
.rebate_cal_table_wrapper .semantic_ui .ui.table tbody {
  background: #43c7f8;
} */

.rebate_ratio_info_wrapper {
  max-width: 100%;
  margin: 50px auto;
}

.rebate_ratio_info {
/*   padding: 30px; */
  /* border: 2px solid #43c7f8; */
  border-radius: 8px;
}

.rebate_lower h3 {
    font-size: 22px;
}

.rebate_ratio_info h3 {
  color: var(--accent-color);
  margin-bottom: 15px;
  text-align: center;
}

.rebate_ratio_table_wrapper .semantic_ui .ui.table {
  background: transparent;
  border: 0;
}

.rebate_cal_table_wrapper .semantic_ui .ui.table thead tr th,
.rebate_ratio_table_wrapper .semantic_ui .ui.table thead tr th {
  width: 25%;
}

.rebate_cal_table_wrapper .semantic_ui .ui.table thead tr th {
  width: 20%;
}

.rebate_calculation_wrapper {
  max-width: 75%;
  margin: 0 auto;
}

.rebate_calculation_wrapper .form-group {
  text-align: center;
}

#rebate_result {
  background-color: var(--accent-color);
}

select#rebate_tier {
  line-height: 36px;
}

label#sum {
  font-size: 40px;
  top: 45px;
  position: relative;
  color: var(--accent-color);
}

.rebate_calculation_wrapper {
  max-width: 90%;
  margin: 0 auto;
  border: 1px solid #fff;
  padding: 30px 110px 30px 110px;
  border: 1px solid #fcd00f !important;
  border-radius: 8px;
	margin-bottom: 30px;
	background: rgb(163,103,43);
background: linear-gradient(0deg, rgba(163,103,43,1) 0%, rgba(63,31,10,1) 100%);
}

.calculate_btn_wrapper {
  text-align: center;
}

a.calculate_btn {
  text-align: center;
  margin: 20px 0;
  background: rgb(0, 96, 161);
  background: linear-gradient(0deg, rgb(122 68 22) 0%, rgb(97 45 8) 100%);
  padding: 0 50px;
  height: 50px;
  text-align: center;
  vertical-align: middle;
  line-height: 50px;
  border-radius: 8px;
  border: 1px solid var(--accent-color);
  color: var(--accent-color);
  font-size: 20px;
}

.rebate_ratio_table_wrapper .semantic_ui .ui.table tr td {
  background: #123356;
  border: 1px solid #03558f !important;
  text-align: center;
  color: #fff;
}

.rebate_ratio_table_wrapper .semantic_ui .ui.table tr th {
  background: #43c7f8 !important;
  color: #1a4d71 !important;
  font-weight: 500 !important;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  border: 1px solid #1a4d71 !important;
  border-radius: 0 !important;
  text-align: center;
}

.achievement_bonus_info_wrapper {
  /* max-width: 85%; */
  margin: 30px auto;
}

.cumulative_deposit .semantic_ui .ui.table tr th,
.cumulative_deposit .semantic_ui .ui.table tr td {
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: #c15d19;
  background: #c15d19;
  padding: 10px;
}

.cumulative_deposit .footable_parent {
  padding: 10px;
  background: #fcd00f;
  border-radius: 20px;
}

.cumulative_deposit .semantic_ui .ui.table tr th,
.cumulative_deposit .semantic_ui .ui.table tr td {
  padding: 15px 0px;
}

.cumulative_deposit .semantic_ui .ui.table tr td {
  font-size: 16px;
  font-weight: 500;
}

.achievement_bonus_info h3,
.refer_friend_info_lower h3 {
  color: var(--accent-color);
  margin: 15px 0;
}

.achievement_bonus_info h4 {
  color: #43c7f8;
  margin-bottom: 15px;
  font-size: 18px;
}

.achievement_bonus_info p {
  color: #fff;
  margin-bottom: 15px;
  font-size: 16px;
}

.cumulative_deposit {
  max-width: 70%;
  margin: 30px auto;
}

.cumulative_deposit .semantic_ui .ui.table,
.rebate_cal_table_wrapper .semantic_ui .ui.table {
  /* border-spacing: 5px 5px; */
  background: transparent;
  border: 0;
}
h3.monthly_title {
    text-align: left;
}
.rebate_cal_table_wrapper .semantic_ui .ui.table tbody tr td,
.cumulative_deposit .semantic_ui .ui.table tbody tr td {
  background: #3f1f0a;
  text-align: center;
  color: #fff;
  font-size: 16px;
}
.cumulative_deposit .semantic_ui .ui.table thead tr th {
  text-align: center;
  color: var(--accent-color);
  width: 50%;
  background: #3f1f0a;
}

.cumulative_deposit .semantic_ui .ui.table thead th:first-child {
  border-top-left-radius: 18px !important;
}
.cumulative_deposit .semantic_ui .ui.table thead th:last-child {
  border-top-right-radius: 18px !important;
}

.cumulative_deposit .semantic_ui .ui.table tr:last-child td:last-child {
  border-bottom-right-radius: 18px;
}

.cumulative_deposit .semantic_ui .ui.table tr:last-child td:first-child {
  border-bottom-left-radius: 18px;
}

.page-id-956
  .referal_program_rebates_info
  div[class^="col"]:last-child
  > .earn_referal_item
  .earn_referal_inner {
  left: 84px;
}

/* .rebate_cal_table_wrapper .semantic_ui .ui.table tr th:first-child,
.rebate_cal_table_wrapper .semantic_ui .ui.table tr td:first-child, */
.rebate_ratio_table_wrapper .semantic_ui .ui.table tr th:first-child,
.rebate_ratio_table_wrapper .semantic_ui .ui.table tr td:first-child {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}

.rebate_cal_table_wrapper h3 {
  border-radius: 8px !important;
}

.rebate_cal_table_wrapper .semantic_ui .ui.table thead th {
  text-align: center;
  background-color: #3f1f0a;
}

.rebate_cal_table_wrapper .semantic_ui .ui.table thead th {
  color: var(--accent-color);
}

.rebate_cal_table_wrapper .semantic_ui .ui.table thead th:first-child {
  border-top-left-radius: 18px !important;
}
.rebate_cal_table_wrapper .semantic_ui .ui.table thead th:last-child {
  border-top-right-radius: 18px !important;
}

.rebate_cal_table_wrapper .semantic_ui .ui.table tr:last-child td:last-child {
  border-bottom-right-radius: 18px;
}

.rebate_cal_table_wrapper .semantic_ui .ui.table tr:last-child td:first-child {
  border-bottom-left-radius: 18px;
}
/* .rebate_cal_table_wrapper .semantic_ui .ui.table tr th:last-child,
.rebate_cal_table_wrapper .semantic_ui .ui.table tr td:last-child, */
.rebate_ratio_table_wrapper .semantic_ui .ui.table tr th:last-child,
.rebate_ratio_table_wrapper .semantic_ui .ui.table tr td:last-child {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

.toc_wrapper ul {
  list-style: disc;
  padding-left: 15px;
  margin-bottom: 20px;
}

.toc_wrapper ul li::marker {
  color: var(--accent-color);
}

.referal_links {
  max-width: 95%;
  margin: 30px auto;
}
.link_btn {
  background: url("../images/btn_links.png");
  max-width: 100%;
	height: 80px;
	text-align: center;
	background-size: cover;
	background-repeat: no-repeat;
	vertical-align: middle;
	line-height: 40px;
	font-size: 20px;
	padding: 20px 10px;
	font-weight: 600;
	background-image: linear-gradient(0deg, #ff6700, #ff8400, #fcd00f, #ff4a00);
	box-shadow: 0 8px 15px 0 rgb(56 26 5);
	border-radius: 18px;
	border: 2px solid #f83900;
}

.toc_content_lower {
  margin: 30px 0;
}

.toc_wrapper h4,
.toc_wrapper h4 span {
  font-size: 20px;
  font-weight: 300;
  color: var(--accent-color);
}

.toc_wrapper ol,
.toc_wrapper ol li {
  list-style: auto;
  font-size: 18px;
  padding-left: 12px;
}

.leaderboard_info_wrapper {
  max-width: 90%;
  margin: 0px auto;
  padding: 30px 0 50px 0;
}

.leaderboard_i {
  margin-bottom: 30px;
}

.leaderboard_info_wrapper p {
  font-size: 20px;
  text-transform: uppercase;
}
.leaderboard_info_wrapper h3,
.leaderboard_info h3,
.reward_info h3 {
  color: var(--accent-color);
  text-transform: uppercase;
  /* text-align: left; */
}

.leaderboard_img_wrapper,
.reward_img_wrapper {
  margin: 0 0 30px 0;
}

.refer_a_friend_button {
  text-align: center;
}

.refer_a_friend_button_wrapper {
  text-align: center;
}

.refer_friend_btn {
  background-image: url("../images/invite_btn.png");
  max-width: 310px;
  width: 310px;
  height: 70px;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 auto;
  font-size: 20px;
  line-height: 60px;
  font-weight: 700;
  vertical-align: middle;
  color: #fff;
  text-shadow: 0px 2px 4px #000000b8;
}

.refer_friend_btn {
}

.leaderboard_lists {
  background: #a24c0f;
  width: 100%;
  border-radius: 8px;
  border: 1px solid #ff8026;
}

.reward_img_wrapper .semantic_ui .ui.table thead tr:first-child th,
.reward_img_wrapper .semantic_ui .ui.table tbody tr td {
  border-right: 2px solid #9a8881;
}

.reward_img_wrapper .semantic_ui .ui.table tbody tr:nth-child(even) td {
  background: #ffe6dd;
}

.reward_img_wrapper .semantic_ui .ui.table tbody tr:nth-child(odd) td {
  background: #fff;
}

.reward_img_wrapper .semantic_ui .ui.table tbody tr td {
  color: #5d2b08;
  font-weight: 600;
}

.leaderboard_img {
  padding: 10px;
  margin-bottom: 10px;
  position: relative;
  display: block;
  text-align: center;
}

.leaderboard_img img {
  max-width: 100%;
  height: 110px;
}

.leaderboard_1,
.leaderboard_2,
.leaderboard_3 {
  width: 100%;
  min-height: 80px;
  margin-top: 60px;
  margin-bottom: 30px;
  border-radius: 6px;
  position: relative;
}

.leaderboard_1 {
  margin-left: 10px;
  background: rgb(137, 163, 233);
  background: linear-gradient(
    180deg,
    rgba(137, 163, 233, 1) 0%,
    rgba(101, 103, 172, 1) 100%
  );
}

.leaderboard_2 {
  margin-top: 20px;
  background: rgb(255, 189, 68);
  background: linear-gradient(
    180deg,
    rgba(255, 189, 68, 1) 0%,
    rgba(255, 133, 75, 1) 100%
  );
}

.leaderboard_3 {
  background: rgba(233, 222, 0);
  background: linear-gradient(
    180deg,
    rgba(233, 222, 0, 1) 0%,
    rgba(166, 129, 0, 1) 100%
  );
  margin-left: -10px;
}
.leaderboard_2 .leaderboard_heading {
  background: #c42504;
}
.leaderboard_1 .leaderboard_heading {
  background: #524f92;
}

.leaderboard_3 .leaderboard_heading {
  background: #a5860e;
}
.leaderboard_heading {
  text-align: center;
  padding: 10px 0;
  width: 100%;
  position: relative;
  bottom: 0;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.leaderboard_heading p {
  line-height: 1.2;
  font-size: 16px;
}

@media only screen and (min-width: 767px) {
  .mob_img {
    display: none;
  }
}

.reward_img_wrapper .ninja_footable tfoot .footable-paging {
  background-color: transparent;
}

.reward_img_wrapper .semantic_ui .ui.table td {
  padding: 10px;
}

.reward_img_wrapper .footable .pagination {
  margin: 0;
}

.reward_img_wrapper
  .colored_table
  table.ninja_table_pro.inverted.blue.table
  thead
  tr.footable-header {
  background-color: #004a80 !important;
  color: var(--accent-color) !important;
}

.reward_img_wrapper
  .colored_table
  table.ninja_table_pro.inverted
  tbody
  tr:nth-child(odd) {
  background: #6ccff6;
  color: #004a80;
}

.reward_img_wrapper
  .colored_table
  table.ninja_table_pro.inverted
  tbody
  tr:nth-child(even) {
  background-color: #004a80 !important;
  color: #6ccff6 !important;
}

.leaderboard_info {
  margin-bottom: 30px;
}

.reward_img_wrapper .semantic_ui .ui.table {
  border: 0;
  background: transparent;
}

.reward_img_wrapper .semantic_ui .ui.table thead tr:first-child th,
.reward_img_wrapper .semantic_ui .ui.table tbody tr td {
  padding: 10px;
}

.reward_img_wrapper .semantic_ui .ui.table thead tr:first-child th:first-child {
  border-top-left-radius: 12px;
}

.reward_img_wrapper .semantic_ui .ui.table thead tr th:last-child {
  border-top-right-radius: 12px !important;
}

.reward_img_wrapper .semantic_ui .ui.table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 12px !important;
}

.reward_img_wrapper .semantic_ui .ui.table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 12px !important;
}

.reward_img_wrapper .semantic_ui .ui.table thead tr th:last-child,
.reward_img_wrapper .semantic_ui .ui.table tbody tr td:last-child {
  border-right: 0;
}

.reward_img_wrapper .semantic_ui .ui.table thead tr th {
  background: #f46524;
}

.vip_table_img table {
  margin: 0 auto;
  width: 90%;
}
.vip_table_img table thead th:first-child {
  width: 21%;
}
.vip_wrapper .block_adv_table.image_head_table table thead tr th strong,
.vip_wrapper .block_adv_table.image_head_table table thead tr th {
  font-size: 16px;
}
.vip_table_img table thead th {
  width: 10%;
  padding: 0px;
  text-align: center;
  display: table-cell;
  border: 1px solid transparent;
}
.block_adv_table.image_head_table table thead tr th img {
  display: none;
}
.vip_table_img table {
  margin-bottom: 15px;
}

.refer_friend_info_table  {
		max-width: 80%
	}

@media only screen and (max-width: 767px) {
  .vip_table_img table {
    display: none;
  }
  .vip_wrapper .block_adv_table.image_head_table table thead tr th img {
    display: block;
  }
  .vip_wrapper .block_adv_table.image_head_table table thead tr th strong {
    display: none;
  }
  .vip_cash_point .semantic_ui .ui.table tbody tr td:not(:first-child) {
    width: 180px !important;
  }
  .vip_cash_point .semantic_ui .ui.table tbody tr th,
  .vip_cash_point .semantic_ui .ui.table tbody tr th img {
    margin-right: 10px !important;
    color: var(--accent-color) !important;
    font-size: 13px;
  }
  .vip_cash_point .semantic_ui .ui.table tbody tr th img {
    max-width: 30px;
  }
  .vip_cash_point
    table.ninja_footable.ninja_stacked_table
    > tbody
    > tr.footable-detail-row
    table.footable-details {
    border: 0;
  }
  .block_adv_table .semantic_ui .ui.table thead tr th {
    font-size: 14px;
    vertical-align: middle;
  }
  .block_head_table {
    width: 100%;
  }
  .block_head_table .semantic_ui .ui.table thead th {
    font-size: 14px;
    vertical-align: middle;
  }
  .block_head_table .semantic_ui .ui.table {
    width: 100%;
    border-spacing: 5px 5px;
    padding: 0;
  }
  .vip_cash_point .semantic_ui .ui.table tbody tr:first-child th {
    text-align: center;
  }
  .block_head_table .semantic_ui .ui.table tbody tr td,
  .block_adv_table .semantic_ui .ui.table tbody tr td:first-child h4,
  .block_adv_table .semantic_ui .ui.table tbody tr td {
    font-size: 14px;
  }
  .main-bg {
    padding: 30px 0;
  }

  .referal_program_info h3 {
    font-size: 1.5rem;
  }
  .referal_program_info h3 {
    font-size: 1.5rem;
  }
  .referal_program_info p {
    font-size: 1.3rem;
    max-width: 100%;
  }
  .rebate_info img {
    max-width: 100%;
    width: 100%;
  }
	.refer_friend_info_table  {
		max-width: 80%
	}
}

/* VIP Referal Responsive */

@media only screen and (max-width: 767px) {
  .web_img {
    display: none;
  }
	
	

  .earn_referal_img {
    max-width: 105px;
    right: -20px;
  }

  .earn_referal_title {
    font-size: 18px;
  }

  .earn_referal_inner h4 {
    max-width: 100%;
  }

  .earn_referal_inner p {
    max-width: 90%;
  }

  .referal_program_rebates_info > h3 {
    text-align: center;
  }
  .earn_referal_item {
    margin: 15px auto;
    width: 95%;
  }

  .referal_links {
    max-width: 100%;
  }

  .link_btn {
    max-width: 75%;
    margin-bottom: 20px;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
  }

  .referal_program_info,
  .referal_program_rebates_info_wrapper,
  .refer_friend_wrapper,
  .rebate_lower,
  .rebate_cal_table_wrapper,
  .cumulative_deposit {
    max-width: 100%;
    width: 100%;
  }
  .toc_wrapper,
  .referal_program_info {
    padding: 30px;
  }
  /* .rebate_info {
    padding: 30px 15px;
  } */
  .rebate_calculation_wrapper {
    padding: 30px;
  }

  .rebate_info_wrapper,
  .rebate_ratio_info_wrapper,
  .friend_registration_wrapper {
    max-width: 100%;
  }
  .rebate_cal_table_wrapper .semantic_ui .ui.table tr th:first-child {
    vertical-align: middle;
  }
  .rebate_ratio_table_wrapper .semantic_ui .ui.table tr th,
  .rebate_ratio_table_wrapper .semantic_ui .ui.table tr td,
  .rebate_cal_table_wrapper .semantic_ui .ui.table tr th,
  .rebate_cal_table_wrapper .semantic_ui .ui.table tr td {
    vertical-align: middle;
    font-size: 14px;
    padding: 5px;
  }
  .rebate_ratio_table_wrapper .semantic_ui .ui.table tbody tr td,
  .rebate_cal_table_wrapper .semantic_ui .ui.table tbody tr td {
    font-size: 13px;
    padding: 5px;
  }
  .toc_wrapper,
  .referal_program_info {
    padding: 15px;
  }
  .referal_program_info p {
    font-size: 16px;
    line-height: 24px;
  }
  .referal_program_rebates_info > h3,
  .refer_friend_info_upper h3,
  .achievement_bonus_info h3, .refer_friend_info_lower h3,
  .refer_friend_info_upper h3, .friend_registration_info h3, .rebate_info h3,
  .vip_referal_main_bg p strong
  /* .vip_referal_main_bg span, .vip_referal_main_bg li */ {
    font-size: 20px;
    line-height: 24px;
  }
}

@media (max-width: 480px) {
  .link_btn {
    font-size: 16px;
    line-height: 20px;
    max-width: 90%;
  }
  .achievement_bonus_info_wrapper {
    margin-bottom: 10px;
  }
  .leaderboard_img img {
    max-width: 100%;
    height: 80px;
  }
  .leaderboard_info_wrapper {
    max-width: 100%;
  }
  .rebate_ratio_info {
    max-width: 100%;
    border: 0;
    padding: 0;
  }
  label#sum {
    top: 25px;
  }
  a.calculate_btn {
    margin: 20px 0;
  }
}

/* VIP Referal Ending */