*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { content: ''; display: table; }
.clearfix:after { clear: both; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    line-height: 1.5!important;
}
body#background {
	  /*background: url('../images/bg.jpg') #000 no-repeat !important;*/
	  background: #000;
	  background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  -webkit-background-size: cover;
	  z-index: -998;
	  overflow: hidden;
	}

	.vipbg{
		width: 100%;
/*		height: 100vh;*/
		height: 800px;
        margin-bottom:30px;
		 background-image: url('https://vipdetailspage.com/wp-content/themes/vip/jbvip/images/bg.jpg');
        background-repeat: no-repeat;
        background-position: 50% 0%;
		 background-size: 100% !important;
		 z-index: 999;
        position: relative;
	}

.vipbg.blbl{
    height: 100vh;
}

    .vipbg.vipbn{
        background-image: url('../images/bg-bn.jpg');
    }

    .vipbg.viphi{
        background-image: url('../images/bg-hi.jpg');
    }
.vipbg.vipud{
	background-image: url('../images/bg-ud.jpg');
}

	section{
		padding-bottom: 100px;
	}

	body{
		padding: 0;
		margin: 0;
		font-weight: 300;
		font-size: 1.05em;
	}

	html,body{
		max-width: 100%;
/*    	overflow-x: hidden;*/
    	scroll-behavior: smooth;
	}

	a{
		outline:none;
	}
 
	*{
		margin: 0;
		padding: 0;
		font-family: 'Roboto', sans-serif;
	}

	p strong{
		color: #f8d072;
	}

	input{
		outline: none;

	}

	p{
		font-size: 16px;
		font-weight: 300;
	}

.elite-c{
    color:#dbb1a1!important;
}

.pro-c{
    color:#a0bad5!important;
}

.expert-c{
    color:#eccb4e!important;
}

.master-c{
    color:#9dbeff!important;
}

.gm-c{
    color:#b27bc7!important;
}

.legend-c{
    color:#d92240!important;
}

.mythic-c{
    color:#d7a777!important;
}

		/*============================================================================*/


		.join{
			width: 100%;
			text-align: center;
			margin-top: 20%;
			margin-bottom: 100px;
		}

		.privileges_warp{
			width: 65%;
			margin: 0 auto;
			position: absolute;
			margin-left: auto;
			text-align: center;
margin-right: auto;
left: 0;
right: 0;
			padding-bottom: 100px;
		}

		.privileges_warp img{
			width: 48%;
			float: left;
			margin: 0 1%;
			margin-top: 2%;
		}

		.gold_warp{
		width: 47%;
		padding: 4px;
		float: left;
		margin-top: 25px;
		margin-left: 2%;
		border-radius: 10px;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eed6a8+0,bca463+34,fff1cc+60,bca463+81,c5a971+100 */
background: #eed6a8; /* Old browsers */
background: -moz-linear-gradient(top,  #eed6a8 0%, #bca463 34%, #fff1cc 60%, #bca463 81%, #c5a971 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #eed6a8 0%,#bca463 34%,#fff1cc 60%,#bca463 81%,#c5a971 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #eed6a8 0%,#bca463 34%,#fff1cc 60%,#bca463 81%,#c5a971 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eed6a8', endColorstr='#c5a971',GradientType=0 ); /* IE6-9 */
	}

	.privileges{
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#161616+0,000000+100 */
background: #161616; /* Old browsers */
background: -moz-linear-gradient(top,  #161616 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #161616 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #161616 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#161616', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
		border-radius: 10px;
		text-align: left;
	}


	.privileges h4{
		font-size: 20px;
		background: -webkit-linear-gradient(#ffffbe, #d1a129);
  		-webkit-background-clip: text;
  		-webkit-text-fill-color: transparent;
  		margin-bottom: 5px;
	}

	.privileges p{
		font-size: 14px;
		color: #c4c4c4 !important;
	}

	.info{
		padding:6% 20px;
	}

	.info-push1{
		padding-top: 10%;
	}

	.info-push2{
		padding-top: 10%;
	}

	.info-push3{
		padding-top: 10%;
	}

	.info-push4{
		padding-top: 10%;
	}


	.privileges img{
		float: left;
		padding: 6px;
		margin-right: 20px;
	}

	.bfbg span{
		position: relative;
		top: 0px;
	}

.prize-st{
    font-size:12px;
    color:grey;
}

.prize-stl{
    font-size: 12px;
}



		/*============================================================================*/

	.remodal p{
		margin-bottom: 10px;
	}

	.remodal h4{
		margin-bottom: 6px;
		margin-top: 10px;
	}

	.web_none{
		display: none;
	}

	#myVideo {
		width: 100%;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  min-width: 100%; 
  z-index: -9999 !important;
}

	.container{
		width: 80%;
		margin: 0 auto;
	}

	.vip_title{
		width: 100%;
		text-align: center;
		padding-top: 14%;
		padding-bottom: 2%;
	}

	.vip_title img{
		width: 65%;
	}

	.top_ranking{
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		bottom: 50px;
		text-align: center;
	}

	.top_ranking img{
		margin:0px 10px;
	}

	#section1{
		padding-top: 0px;
	}

	.title{
		text-align: center;
	}

	.title_popout{
		text-align: left !important;
	}

	.title h1{
		font-size: 28px;
		font-weight: 900;
		background: -webkit-linear-gradient(#fdde9e, #a98554);
  		-webkit-background-clip: text;
  		-webkit-text-fill-color: transparent;
  		margin-bottom: 10px;
        line-height: 1.5;
	}

	.title p{
		color: #fff;
	}
    .tabcheck.bdt a{
        font-size:14px;
    }
.mb-4{
    margin-bottom:50px;
}
.js-tabs-responsive{
    height:51px!important;
}
	.table_warp{
		width: 80%;
		padding: 4px;
		padding-bottom: 0.1px;
		margin: 0 auto;
/* 		margin-top: 40px; */
		border-radius: 10px;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eed6a8+0,bca463+34,fff1cc+60,bca463+81,c5a971+100 */
background: #eed6a8; /* Old browsers */
/*background: -moz-linear-gradient(top,  #eed6a8 0%, #bca463 34%, #fff1cc 60%, #bca463 81%, #c5a971 100%); */
        /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  #eed6a8 0%,#bca463 34%,#fff1cc 60%,#bca463 81%,#c5a971 100%); */
        /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  #eed6a8 0%,#bca463 34%,#fff1cc 60%,#bca463 81%,#c5a971 100%); */
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eed6a8', endColorstr='#c5a971',GradientType=0 ); */
/* IE6-9 */

background: -moz-linear-gradient(top,  #a3803b 0%, #fed980 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #a3803b 0%, #fed980 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #a3803b 0%, #fed980 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3803b', endColorstr='#fed980',GradientType=0 ); /* IE6-9 */
	}

	.table_bg{
		background: #000;
		border-radius: 10px;
	}

table.table-col td .vip-img {
    width: 25px;
    margin-right: 5px;
}

.modal h4 {
    background: -webkit-linear-gradient(#a3803b, #fed980)!important;
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important;
}

ul.accordion-list li:hover{
    border: 1px solid #fed980!important;
}

ul.accordion-list li h3:after {
    color: #fed980!important;
}
	/*============================================================================*/

	table.levelling{
		width: 100%;
		margin: 0 auto;
        text-align: center;
	}

	.levelling th{
		color:#4a3d1b ;
		height: 60px;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bca463+0,eed6a8+100 */
background: #a98554; /* Old browsers */
background: -moz-linear-gradient(top,  #a98554 0%, #ecc78b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #a98554 0%,#ecc78b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #a98554 0%,#ecc78b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a98554', endColorstr='#eed6a8',GradientType=0 ); /* IE6-9 */
	}

	.levelling p{
		font-size: 12px;
	}

	table.table_col{
		width: 98%;
		margin: 5px auto;
		border-collapse: separate;
 		border-spacing: 0 8px;
	}


	table.table_col td{
		height: 50px;
		background: #2e271c;
		text-align: center;
		color:#f8d072;
		vertical-align: middle;
	}

	table.table_col td img{
		display: inline-block;
		vertical-align: middle;
		position: relative;
		top: -2px;
		left: -3px;
	}

	.zeb{
		background:#221b12 !important;
		font-weight: bold;
	}

.table_col.sep .zeb{
    font-weight: normal!important;
}

	td.td_left{
		border-radius:10px 0px 0px 10px;
	}

	td.td_right{
/* 		border-radius:0px 10px 10px 0px; */
		border-radius: 0px 0px 0px 0px;
	}

	td.row1_rank{
		text-align: left !important;
		padding-left: 15% !important;
	}

	.more{
		width: 80%;
		margin: 0 auto;
		margin-top: 20px;
	}

	.more p{
		color: #fff;
		display: inline-block;
		float: left;
	}

	.more a{
		display: inline-block;
		float: right;
		color:#fed980;
	}



	/*============================================================================*/

	table.benefits_rank{
		width: 78%;
		padding-top: 30px;
		margin: 0 auto;
		text-align: center;
	}

	table.benefits_rank th{
		text-align: center;
	}

	table.benefits_rank img{
		width: 80px;
	}

	table.benefits{
		width: 98%;
		margin: 0 auto;
		color: #fff;
		text-align: center;
	}

	.bftb{
		margin-top: 10px !important;
	}

	table.benefits img{
		display: inline-block;
		vertical-align: middle;
	}

	table.benefits th{
		padding-top: 20px;
		direction: ltr;
	}

table.benefits th span{
    font-size:12px;
}

	.bfbg{
		width: 100%;
		margin: 0 auto;
		padding: 15px 0px;
		background: #221b12;
		border-radius: 10px;
		direction: ltr;
	}


    table.benefits_col{
		width: 98%;
		margin: 5px auto;
		border-collapse: separate;
 		border-spacing: 0 15px;
	}

	table.benefits_col tr{
		background: #2e271c;
		-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
	}

	table.benefits_col tr:hover{
		background: #221b12;
		-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
	}

	table.benefits_col td{
/* 		padding-left: 10px; */
		padding: 2px 0px 0px 1px;
		text-align: center;
		color:#f8d072;
		vertical-align: middle;
	}

	table.benefits_col td img{
		width: 18px;
		display: inline-block;
		vertical-align: middle;
		position: relative;
		top: -2px;
		left: -3px;
	}

table.benefits_col.xsm td img{
		width: 14px;
		display: inline-block;
		vertical-align: middle;
		position: relative;
		top: -1px;
		left: -3px;
	}

table.benefits_col.xsm .bfbg{
    font-size:12px;
}

	table.benefits_col h2{
		font-size: 14px;
		color: #fff;
        font-weight: normal;
	}

table.benefits_col.xsm h2{
    margin-bottom:0px;
}

	.vpcoin{
		width: 78%;
		margin: 0 auto;
		text-align: right;
	}

	.vpcoin img{
		display: inline-block;
		margin-left: 3px;
		vertical-align: middle;
		margin-left: 15px;
	}

	.vpcoin ul li{
		display: inline-block;
		vertical-align: middle;
		list-style: none;
		direction: ltr;
	}

	.vpcoin h3{
		font-size: 16px;
		padding-left: 5px;
		font-weight: normal;
		display: inline-block;
	}

	span.exchange{
		color:#666;
		margin: 0;
		padding: 0;
		font-size: 20px;
		margin-right: 2px;
	}

	.leaderboard_warp{
		border-radius: 10px;
		margin: 0 auto;
		width: 65%;
	}

	.leaderboard_btn{
		text-align: right;
		margin: 20px 0px;
	}

.rnbtnc p{
    margin-bottom: 30px;
}

.leaderboard-footer{
    color: #ffffffb3;
    font-style: italic;
    font-size:12px;
    margin-top:15px;
}

.rnbtnc h4{
    margin-bottom: 30px;
}

    .link-rewards {
        color: #dcb74c;
        text-decoration: underline;
        transition: .3s;
        font-size:14px;
    }

	.leaderboard_btn a{
		text-align: center;
		color: #fff;
		text-decoration: none;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c10323+0,6d0019+100 */
background: #c10323; /* Old browsers */
background: -moz-linear-gradient(top,  #c10323 0%, #6d0019 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c10323 0%,#6d0019 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c10323 0%,#6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c10323', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
		border-radius: 50px;
		width: 140px;
		padding: 8px 0px 10px 0px;
		display: inline-block;
		margin-left: 10px;
		-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
	}

	.leaderboard_btn a:hover{
		color: #fff;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6d0019+0,c10323+100,c10323+101 */
background: #6d0019; /* Old browsers */
background: -moz-linear-gradient(top,  #6d0019 0%, #c10323 100%, #c10323 101%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #6d0019 0%,#c10323 100%,#c10323 101%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #6d0019 0%,#c10323 100%,#c10323 101%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d0019', endColorstr='#c10323',GradientType=0 ); /* IE6-9 */
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
	}

	.board{
		width: 100%;
		float: right;
		background: #221b12;
		border-radius: 10px;
		padding: 1%;
		margin-bottom: 20px;
		text-align: center;
	}

	.leaderboard_rank td{
		background: #000 !important;
	}

	.personal_rank{
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eed6a8+0,bca463+100 */
background: #fdde9e; /* Old browsers */
background: -moz-linear-gradient(top,  #fdde9e 0%, #a98554 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fdde9e 0%,#a98554 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fdde9e 0%,#a98554 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eed6a8', endColorstr='#bca463',GradientType=0 ); /* IE6-9 */
color: #4a3d1b;
	}


	table.leaderboard{
		width: 98%;
    padding: 5px 0 5px;
    margin: 0 auto;
        text-align: center;
	}

	table.leaderboard_rank td{
		font-weight: bold;
		color: #fff;
	}

	.red{
		color: #ff0103 !important;
	}

	.green{
		color: #00ad32 !important;
	}

	.gold{
		color: #f8d072 !important;
	}

	.silver{
		color: #cecece !important;
	}


	/*============================================================================*/


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

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
  border-radius: 50px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #c2aa6b; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}


/*=============================Tab==================================*/

















	[data-ca3_icon]::before {
	    font-weight: normal;
	    content: attr(data-ca3_icon);
	}

	.ca3-scroll-down-arrow {
	  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSJ3aGl0ZSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjQxOCw2LjEwOWMwLjI3Mi0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwYzAuMjcsMC4yNjgsMC4yNzEsMC43MDEsMCwwLjk2OWwtNy45MDgsNy44M2MtMC4yNywwLjI2OC0wLjcwNywwLjI2OC0wLjk3OSwwbC03LjkwOC03LjgzYy0wLjI3LTAuMjY4LTAuMjctMC43MDEsMC0wLjk2OWMwLjI3MS0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwTDEwLDEzLjI1TDE3LjQxOCw2LjEwOXoiLz48L3N2Zz4=);
	  background-size: contain;
	  background-repeat: no-repeat;
	}

	.ca3-scroll-down-link {
        display: none;
	  cursor:pointer;
	  height: 60px;
	  width: 80px;
	  margin: 0px 0 0 -40px;
	  line-height: 60px;
	  position: absolute;
	  left: 50%;
	  bottom: 100px;
	  color: #FFF;
	  text-align: center;
	  font-size: 70px;
	  z-index: 100;
	  text-decoration: none;
	  text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);

	  -webkit-animation: ca3_fade_move_down 2s ease-in-out infinite;
	  -moz-animation:    ca3_fade_move_down 2s ease-in-out infinite;
	  animation:         ca3_fade_move_down 2s ease-in-out infinite;
	}


	/*animated scroll arrow animation*/
	@-webkit-keyframes ca3_fade_move_down {
	  0%   { -webkit-transform:translate(0,-20px); opacity: 0;  }
	  50%  { opacity: 1;  }
	  100% { -webkit-transform:translate(0,20px); opacity: 0; }
	}
	@-moz-keyframes ca3_fade_move_down {
	  0%   { -moz-transform:translate(0,-20px); opacity: 0;  }
	  50%  { opacity: 1;  }
	  100% { -moz-transform:translate(0,20px); opacity: 0; }
	}
	@keyframes ca3_fade_move_down {
	  0%   { transform:translate(0,-20px); opacity: 0;  }
	  50%  { opacity: 1;  }
	  100% { transform:translate(0,20px); opacity: 0; }
	}


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

.info{
		padding:10px 20px;
	}

.privileges img{
	width: 40%;
}

.info-push1{
		padding-top: 20px;
	}

	.info-push2{
		padding-top: 20px;
	}

	.info-push3{
		padding-top: 30px;
	}

	.info-push4{
		padding-top: 30px;
	}

}

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

	.join img{
		width: 250px;
		margin-top:30px;
	}

		.info h4{
		font-size: 18px;
		margin-bottom: 2px;
	}

	.info p{
		font-size: 14px;
	}

	.info{
		padding:30px 20px;
	}

	.info-push1{
		padding-top: 60px;
	}

	.info-push2{
		padding-top: 60px;
	}

	.info-push3{
		padding-top: 60px;
	}

	.info-push4{
		padding-top: 60px;
	}

	.privileges_warp{
			width: 80%;
			margin: 0 auto;
			padding-bottom: 50px;
		}


	.privileges img{
		width:40%;
		float: left;
		padding: 6px;
		margin-right: 10px;
	}

	.vip_title{
		padding-top: 12%;
		padding-bottom: 2%;
	}

	.vip_title img{
		width: 65%;
	}

	.top_ranking{
		text-align: center;
	}

	.table_warp{
		width: 100%;
	}

	.more{
		width: 100%;
	}

	table.benefits_rank{
		width: 98%;
	}

	.remodal{
		max-width: 82% !important;
	}

    .top_ranking{
        bottom:150px;    
    }
    
    .top_ranking img{
		width: 120px;
	}
}



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

	.info h4{
		font-size: 16px;
		margin-bottom: 5px;
	}

	.info p{
		font-size: 13px;
	}

	.info-push{
		padding-top: 30px !important;
	}

	.info{
		padding:10px 10px;
	}

	.privileges_warp{
			width: 80%;
			margin: 0 auto;
			padding-bottom: 50px;
		}


	.privileges img{
		width:40%;
		float: left;
		padding: 6px;
		margin-right: 10px;
	}

	.vip_title{
		padding-top: 14%;
		padding-bottom: 2%;
	}

	.vip_title img{
		width: 70%;
	}

	.top_ranking{
		margin-top: 60px;
		text-align: center;
	}

	.top_ranking img{
		width: 13%;
	}

}

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

	.privileges img{
		width: 25%;
	}

	.leaderboard_btn{
		text-align: center;
		margin: 20px 0px;
	}

	.leaderboard_btn a{
		text-align: center;
		color: #fff;
		text-decoration: none;
		margin-left: 0px;
		margin: 0px 5px;
	}


	.privileges_warp{
			width: 82%;
			margin: 0 auto;
		}

		.gold_warp{
			width: 100%;
			margin-left: 0;
		}


	.web_none{
		display: table !important;
	}
    
    .web_none.blockkk{
        display: block!important;
    }
    
    .web_none.inlinee{
        display: inline!important;
    }

	p{
		font-size: 14px;
	}

	.mobile_none{
		display: none;
	}

	.vipbg{
		width: 100%;
		height: auto;
		 background: url('../images/bg_mobile.jpg') no-repeat 50% 50% !important;
		 background-size: cover !important;
	  -moz-background-size: cover !important;
	  -o-background-size: cover !important;
	  -webkit-background-size: cover !important;
		 z-index: 999;
	}

	.container{
		width: 90%;
	}

	.vip_title{
		width: 100%;
		padding-top: 10%;
		padding-bottom: 2%;
	}

	.vip_title img{
		width: 90%;
	}

	.top_ranking{
		bottom:10%;
		margin-bottom: 0;
	}

	.top_ranking img{
		width: 15%;
		padding: 0;
		margin:0px 0px;
	}

	#section1{
		padding-top: 50px;
	}

	.title h1{
		font-size: 20px;
  		margin-bottom: 5px;
	}

	.table_warp{
		width: 100%;
		padding: 2px 2px 0px 2px;
		padding-bottom: 0.1px;
		margin-top: 20px;
	}

	.table_warp table{
		font-size: 14px;
	}

	.table_warp table th p{
		font-size: 14px;
	}

	table.table_col td img{
		left: 0;
	}

	.more{
		width: 100%;
		margin: 0 auto;
		margin-top: 20px;
		text-align: center;
	}

	.more a{
		font-size: 14px;
	}



	table.benefits_rank{
		width: 100%;
		padding-top: 20px;
	}

	table.benefits_rank th{
		text-align: center;
	}

	table.benefits_rank img{
		width: 100%;
	}

	table.benefits{
		width: 100%;
	}

	table.benefits_col{
		border-spacing: 0 10px;
	}

	table.benefits_col td h2{
		font-size: 14px;
	}

	.bfbg{
		text-align: center;
	}

	.bftb{
		margin-top: 20px !important;
	}

	table.benefits_col td{
		text-align: center;
		padding-left: 2px;
	}

	table.benefits_col td img{
		width: 15px;
		top: 0px;
		left: 0px;
	}


	.vpcoin{
		width: 100%;
		margin: 0 auto;
		text-align: right;
	}

	.vpcoin img{
		display: inline-block;
		margin-left: 3px;
		vertical-align: middle;
		margin-left: 15px;
	}

	.vpcoin ul li{
		display: inline-block;
		vertical-align: middle;
		list-style: none;
	}

	.vpcoin h3{
		font-size: 14px;
		padding-left: 5px;
		font-weight: normal;
		display: inline-block;
	}

	.remodal_bg{
		padding: 15px !important;
	}

	.remodal h4{
		font-size: 15px !important;
	}


}


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

	.privileges_warp img{
			width: 100%;
			float: none;
			margin: 0;
			margin-top: 4%;
		}

	.join img{
		width: 200px;
		margin-top:30px;
	}

	.top_ranking{
		bottom: 0;
	}

		.info h4{
		font-size: 16px;
		margin-bottom: 5px;
	}

	.info p{
		font-size: 13px;
	}

	.info{
		padding:10px;
	}

	.privileges img{
		width:40%;
		float: left;
		padding: 6px;
		margin-right: 20px;
	}

	.info-push1{
		padding-top: 8%;
	}

	.info-push2{
		padding-top: 8%;
	}

	.info-push3{
		padding-top: 8%;
	}

	.info-push4{
		padding-top: 8%;
	}
    .tabcheck.bdt a{
        font-size:10px;
    }
}

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

	.info-push1{
		padding-top: 8%;
	}

	.info-push2{
		padding-top: 8%;
	}

	.info-push3{
		padding-top: 8%;
	}

	.info-push4{
		padding-top: 8%;
	}

	.join{
		margin-top: 16%;
		margin-bottom: 50px;
	}

	.join img{
		width: 150px;
		margin-top:30px;
	}

	.privileges_warp{
			width: 90%;
			margin: 0 auto;
			padding-bottom: 50px;
		}

		.gold_warp{
			width: 100%;
		}

		.js-tabs-responsive{
    height:39px!important;
}

	.info h4{
		font-size: 14px;
		margin-bottom: 5px;
	}

	.info p{
		font-size: 11px;
	}


	.privileges img{
		width:40%;
		float: left;
		padding: 6px;
		margin-right: 10px;
	}

	.remodal {
    max-width: 96% !important;
        top:10%!important;
  }

	.web_none{
		display: table !important;
	}

	p{
		font-size: 12px;
	}

	.mobile_none{
		display: none;
	}

	.vipbg{
		width: 100%;
		height: auto;
		 background: url('/wp-content/themes/vip/jbud/images/JB%20landing%20page/jb_banner_mobile.jpg') no-repeat 50% 50% !important;
		 background-size: cover !important;
	  -moz-background-size: cover !important;
	  -o-background-size: cover !important;
	  -webkit-background-size: cover !important;
		 z-index: 999;
	}
    
    .vipbg.blbl{
        height: auto;
    }
    
    .vipbg.viphi{
        background: url('../images/bg_mobile-hi.jpg') no-repeat 50% 50% !important;
        background-size: cover !important;
	  -moz-background-size: cover !important;
	  -o-background-size: cover !important;
	  -webkit-background-size: cover !important;
    }
    
    .vipbg.vipbn{
        background: url('../images/bg_mobile-bn.jpg') no-repeat 50% 50% !important;
        background-size: cover !important;
	  -moz-background-size: cover !important;
	  -o-background-size: cover !important;
	  -webkit-background-size: cover !important;
    }

	.container{
		width: 90%;
	}

	.vip_title{
		width: 100%;
		padding-top: 20%;
		padding-bottom: 2%;
	}

	.vip_title img{
		width: 90%;
	}

	.top_ranking{
		bottom: 0;
	}

	.top_ranking img{
		width: 50px;
		padding: 0;
		margin:0px 0px;
		z-index: 999;
	}

	#section1{
		padding-top: 1px;
	}

	.title h1{
		font-size: 20px;
  		margin-bottom: 5px;
	}

	.table_warp{
		width: 100%;
		padding: 2px 2px 0px 2px;
		padding-bottom: 0.1px;
		margin-top: 20px;
	}

	.table_warp table{
		font-size: 12px;
	}

	.table_warp table th p{
		font-size: 10px;
	}

	td.row1_rank{
		text-align: center !important;
		padding-left: 0px !important;
	}


	td.row1_rank span{
		width: 100%;
		display: block;
	}

	table.table_col td img{
		left: 0;
	}

	.more{
		width: 90%;
		margin: 0 auto;
		margin-top: 20px;
		text-align: center;
	}

	.more p{
		color: #fff;
		display: inline-block;
		float: left;
		margin-bottom: 20px;
	}

	.more a{
		font-size: 14px;
		display: inline-block;
		float: none;
	}

	table.benefits_rank{
		width: 100%;
		padding-top: 20px;
	}

	table.benefits_rank th{
		text-align: center;
	}

	table.benefits_rank img{
		width: 100%;
	}

	table.benefits{
		width: 100%;
	}

	table.benefits_col{
		border-spacing: 0 10px;
	}

	table.benefits_col td h2{
		font-size: 12px;
        margin-bottom: 0px;
	}

    table.benefits_col.mbprz td:nth-child(1) h2{
		font-size: 10px;
	}
    
	.bfbg{
		text-align: center;
		vertical-align: middle !important;
	}

	.bfbg span{
		position: relative;
		top: 2px;
        font-size:12px;
	}

	.bftb{
		margin-top: 20px !important;
	}

	table.benefits_col td{
		text-align: center;
		padding-left: 2px;
        font-size:10px;
	}
    
    table.benefits_col.ptpt td{
		text-align: center;
		padding-left: 2px;
        font-size:14px;
	}
    
    table.benefits_col td:nth-child(3){
/*        width:25%;   */
    }

	table.benefits_col td img{
		width:16px;
		top: 0px;
		left: 0px;
	}


	.vpcoin{
		width: 100%;
		margin: 0 auto;
		text-align: right;
	}

	.vpcoin img{
		display: inline-block;
		margin-left: 3px;
		vertical-align: middle;
		margin-left: 15px;
	}

	.vpcoin ul li{
		display: inline-block;
		vertical-align: middle;
		list-style: none;
	}

	.vpcoin h3{
		font-size: 14px;
		padding-left: 5px;
		font-weight: normal;
		display: inline-block;
	}

	.remodal_bg{
		padding: 15px !important;
	}

	.remodal h4{
		font-size: 15px !important;
	}

	.mobile_p{
		padding:0 10px;
	}

	.leaderboard_warp{
		width: 90%;
		font-size: 14px;
	}

	.leaderboard_rank td{
		font-weight: 400 !important;
        font-size: 11px;
	}
    
    .leaderboard_rank td.td_right img{
		width:12px;
	}
    
    .link-rewards {
        color: #dcb74c;
        text-decoration: underline;
        transition: .3s;
        font-size:14px;
    }
    .prize-st{
        font-size: 10px;
    }
    
    .prize-stl{
        font-size: 10px;
    }
    
    .mobile-icons{
        margin:4px;
        background-color: transparent;
    }

}



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

	.info-push1{
		padding-top: 6%;
	}

	.info-push2{
		padding-top: 5%;
	}

	.info-push3{
		padding-top: 6%;
	}

	.info-push4{
		padding-top: 6%;
	}
    .rank-at-head{
        width:40px;
    }
    
	}