/* @media only screen and (max-width:3000px) {
	.detail-count h4,
	.detail-count p,
	.detail-count.blue-heading h4,
	.detail-count.blue-heading p {
		font-size: 88px;
		line-height: 55px
	}
	.detail-count h4 span,
	.detail-count p span,
	.detail-count.blue-heading h4 span,
	.detail-count.blue-heading p span {
		font-size: 40px;
		display: inline-block
	}
	.home-list li a {
		padding: 16px 40px;
		font-size: 30px
	}
	.count-badge a {
		height: 48px;
		line-height: 38px
	}
	.col-buy-items {
		height: 1031px;
		margin-right: 98px
	}
	.col-buy-robux {
		height: 1031px
	}
	.Btm-title {
		background: url(../../images/base-img@2x.png) top center no-repeat;
		text-align: center;
		font-size: 88px;
		height: 250px;
		padding: 70px
	}
	.col-buy-robux .Btm-title {
		background: url(../../images/base-img2@2x.png) top center no-repeat;
		text-align: center;
		font-size: 88px;
		height: 250px;
		padding: 70px
	}
	.normal-img {
		display: none
	}
	.ratina-img {
		display: inline-block;
		width: 90%
	}
	.col-buy-robux .ratina-img {
		display: inline-block;
		width: 100%
	}
	.item-img {
		height: 854px
	}
	.right-wel-col h2 {
		font-size: 5.7em
	}
	.right-wel-col p {
		font-size: 44px;
		line-height: 55px;
		margin-bottom: 40px
	}
	.join-box,
	.leader-box,
	.annoucment-box {
		margin-top: 44px;
		height: 281px
	}
	.ul-style p {
		font-size: 36px;
		margin-bottom: 0
	}
	div.scroll {
		max-width: 99%;
		max-height: 185px
	}
	div.scroll2 {
		max-width: 99%;
		max-height: 170px;
		overflow-y: scroll;
		overflow-x: hidden
	}
	.annoucment-box h4,
	.annoucment-box h3,
	.leader-box h4,
	.leader-box h3 {
		font-size: 44px;
		padding: 20px
	}
	.join-detail h5 {
		font-size: 40px;
		margin-bottom: 10px
	}
	.join-detail img {
		width: 70%
	}
	.table-style .table-row {
		padding: 20px 30px;
		font-size: 30px
	}
	.table-style .table-row span {
		font-size: 30px
	}
	.recent-box {
		padding: 60px 0
	}
	.recent-box h3 {
		font-size: 64px
	}
	.recent-box ul li {
		float: left;
		width: 13.55%;
		height: 100%;
		margin-left: 18px;
		margin-top: 40px
	}
	.recent-box ul li img {
		height: 240px
	}
	.contact li {
		display: inline-block;
		font-size: 36px
	}
	.footer-inn {
		max-width: 100%;
		padding: 45px 2%
	}
	.contact li a {
		padding: 10px 20px
	}
	.thumb-icon {
		width: 170px;
		float: left
	}
	.thumb-icon .normal-img {
		display: none
	}
	.thumb-icon .ratina-img {
		display: inline-block;
		width: 80%
	}
	.join-box {
		padding: 20px
	}
	.join-thumb {
		float: left;
		width: 85px;
		height: 85px;
		align-items: center;
		display: flex;
		margin-right: 15px
	}
	.join-thumb .ratina-img {
		display: inline-block
	}
	.leader-box h4 img,
	.leader-box h3 img {
		width: 11%
	}
	.annoucment-box h4 img,
	.annoucment-box h3 img {
		width: 6%
	}
	.first-card,
	.second-card,
	.third-card {
		height: 1060px;
		width: 31.33%
	}
	.first-card .body-content {
		height: 760px;
		background: url(../../images/first-card-body-bg@2x.png) center center no-repeat
	}
	.first-card .body-content:before {
		background: url(../../images/frsit-card-coin@2x.png) no-repeat;
		width: 326px;
		height: 326px;
		margin: -163px 0 0 -163px
	}
	.second-card .body-content {
		height: 760px;
		background: url(../../images/second-card-body-bg@2x.png) center center no-repeat
	}
	.second-card .body-content:before {
		background: url(../../images/second-card-coin@2x.png) no-repeat;
		width: 456px;
		height: 340px;
		margin: -170px 0 0 -228px
	}
	.third-card .body-content {
		height: 760px;
		background: url(../../images/third-card-body-bg@2x.png) center center no-repeat
	}
	.third-card .body-content:before {
		background: url(../../images/third-card-coin@2x.png) no-repeat;
		width: 516px;
		height: 426px;
		margin: -213px 0 0 -258px
	}
	.first-card .header-strip,
	.second-card .header-strip,
	.third-card .header-strip {
		height: 148px;
		background-size: cover
	}
	.first-card .footer,
	.second-card .footer,
	.third-card .footer {
		font-size: 88px;
		padding: 30px 20px
	}
	.first-card .footer .ratina-img,
	.second-card .footer .ratina-img,
	.third-card .footer .ratina-img {
		width: inherit!important
	}
	.first-card .price-tag,
	.second-card .price-tag,
	.third-card .price-tag {
		padding: 18px 50px;
		border-radius: 20px 20px 0 0;
		font-size: 108px;
		border-width: 10px;
		margin-bottom: -10px
	}
	.custom-amount-box .header h3.left-heading {
		font-size: 72px
	}
	.custom-amount-box .header {
		padding-bottom: 32px
	}
	.custom-amount-box .header h4.right-heading {
		font-size: 52px
	}
	.alert {
		position: relative;
		padding: 30px 4rem
	}
	.alert-warning {
		font-size: 52px
	}
	input.user-input {
		border: 0;
		border-bottom: #b3b3b3 solid 2px;
		padding: 30px 120px;
		width: 100%;
		color:  rgb(117, 117, 117);
		font-size: 48px;
		
	}
	input.price-input,.sweetSelect {
		border: 0;
		border-bottom: #b3b3b3 solid 2px;
		padding: 30px 120px;
		width: 100%;
		color:  rgb(117, 117, 117);
		font-size: 48px;
		
	}
	.buy-btn {
		font-size: 56px;
		min-height: 132px;
		border-radius: 10px;
		margin: 50px 0 0
	}
	.custom-amount-box .amount-footer h3.left-heading {
		font-size: 56px
	}
	.custom-amount-box .amount-footer h4.right-heading a {
		font-size: 52px
	}
	.custom-amount-box .amount-footer {
		padding: 40px 20px
	}
	.recent-sold-box .header h3 {
		font-size: 52px
	}
	.recent-sold-box .header h3 img {
		margin-right: 20px
	}
	.custom-amount-box .header h3.left-heading img,
	.custom-amount-box .header h4.right-heading img {
		margin-right: 20px
	}
	.recent-sold-box .listing-style ul li {
		list-style: none;
		font-size: 48px;
		color: #6b6b6b;
		
		margin: 25px 0!important;
		line-height: 60px;
		padding-left: 90px
	}
	.recent-sold-box .listing-style ul li.price-tag {
		background: url(../../images/list-price-tag@2x.png) 0 5px no-repeat
	}
	.recent-sold-box .listing-style ul li.box-tag {
		background: url(../../images/list-box-icon@2x.png) 0 5px no-repeat
	}
	.vedio-in ul li {
		width: 336px!important
	}
	.vedio-in ul li .slider-thumb {
		width: 334px!important;
		height: 334px!important
	}
	.vedio-in ul li a.buy-btn {
		font-size: 44px;
		padding: 25px 0;
		min-height: 100px
	}
	.vedio-in ul li h4 {
		font-size: 46px;
		color: #42ac4a;
		
		min-height: 92px
	}
	.tutorials-box h3 {
		font-size: 64px
	}
	.faq-section h2 {
		color: #474747;
		font-size: 72px
	}
	.faq-section h3 {
		font-size: 60px;
		margin: 100px 0 50px
	}
	.faq-section p {
		color: #474747;
		font-size: 44px;
		line-height: 60px
	}
	.profile-content .profile-header .profile-left .profile-detail h2 {
		font-size: 104px
	}
	.profile-content .profile-header .profile-left .profile-detail a.edit-profile {
		background: url(../../images/edit-profile-icon@2x.png) #eee 10px 20px no-repeat;
		padding: 0 35px 0 56px;
		min-height: 39px;
		color: #5d5d5d;
		border-radius: 8px;
		font-size: 40px;
		
		float: left;
		margin: 28px 0 0 15px;
		line-height: 69px
	}
	.progress {
		height: 22px;
		margin-bottom: 20px;
		overflow: hidden;
		background-color: #e0e0e0;
		border-radius: 100px;
		max-width: 565px;
		margin: 25px 0 0 0
	}
	.profile-content .profile-header .profile-left .rating-bar .rating-star {
		background: url(../../images/star-icon@2x.png) no-repeat;
		width: 80px;
		height: 76px;
		font-size: 59px;
		color: #fff;
		text-shadow: 0 2px 5px #2fbe67;
		
		text-align: center;
		line-height: 68px;
		float: left;
		margin: 0 20px 0 0
	}
	.profile-content .profile-header .profile-left .rating-bar p {
		font-size: 52px
	}
	.profile-content .profile-header .profile-left .profile-thumb {
		width: 320px;
		height: 320px;
		border-radius: 220px;
		border: #b7e3ff solid 10px
	}
	.profile-content .profile-header .profile-left .profile-thumb img {
		width: 320px;
		height: 320px;
		margin: -5px
	}
	.profile-content .profile-header .profile-left .profile-detail {
		padding-left: 40px
	}
	.profile-content .profile-header .profile-right p {
		font-size: 44px
	}
	.profile-content .profile-header .profile-right a.link {
		font-size: 48px;
		padding: 24px 60px
	}
	.last-payout h3,
	.last-refill h3 {
		font-size: 72px
	}
	.last-payout .list-box ul li,
	.last-refill .list-box ul li {
		border-bottom: #cbcbcb solid 1px;
		font-size: 44px;
		color: #4b4b4b;
		padding: 25px 0;
		
		line-height: 60px
	}
	.credit h5 {
		font-size: 48px
	}
	.credit h3 {
		font-size: 112px
	}
	.credit h3 img.ratina-img {
		width: inherit
	}
	.credit h6 {
		font-size: 40px
	}
	.credit h6 img.ratina-img {
		width: inherit
	}
	.refill-left .header h3 {
		font-size: 76px
	}
	.refill-left .header h3 img.ratina-img {
		width: inherit
	}
	.refill-left input.user-input {
		font-size: 48px;
		padding: 15px 0 30px 100px;
		background: url(../../images/user-icon@2x.png) 0 5px no-repeat
	}
	.refill-left input.price-input {
		background: url(../../images/up-arrow@2x.png) 0 5px no-repeat;
		padding: 15px 0 30px 100px;
		font-size: 48px
	}
	.refill-left .buy-btn,
	.refill-right a.buy-btn {
		
		font-size: 48px;
		color: #fff;
		min-height: 116px;
		line-height: 120px
	}
	.refill-right table td {
		padding: 24px 8%
	}
	.refill-right table td.green-text,
	.refill-right table td.blue-text {
		font-size: 64px
	}
	.refill-center p {
		font-size: 48px;
		margin-bottom: 80px
	}
	.refill-center a.link {
		font-size: 56px;
		color: #4b4b4b;
		text-align: left;
		
		padding: 24px 60px;
		background: #ffecd9;
		border: #edc9a5 solid 1px;
		border-radius: 10px
	}
	.refill-right table td.green-text img.ratina-img {
		width: auto
	}
	.refill-right table td.blue-text img.ratina-img {
		width: auto
	}
	.refill-right table td img,
	.refill-center img,
	.profile-right img {
		width: auto
	}
} */

@media only screen and (max-width:2400px) {
	.container {
		padding: 0 15px
	}
	.container1 {
		padding: 0 0
	}
	.check {
		padding: 0 15px
	}
	.footer-inn {
		padding: 0 15px
	}
	.xman {
		margin: 2px 55px
	}
	.logo {
		padding: 18px 0 0 40px
	}
	.earn {
		padding: 50px 0 50px 0
	}
	.check {
		margin: 0 0 60px;
		font-size: 35px;
		line-height: 40px
	}
	.box {
		padding: 0 15px 55px
	}
	.overview-cnt h4 {
		font-size: 40px;
		line-height: 47px
	}
	.contact li {
		font-size: 26px;
		line-height: 29px
	}
	.contact {
		padding: 12px 0 0 10px
	}
	.website p {
		font-size: 21px;
		line-height: 25px;
		padding: 0 0 10px
	}
	.rofun-inn {
		padding: 25px 0 15px
	}
	.home-list li {
		margin: 0 32px 0 0
	}
	.envy-cnt3 {
		padding: 45px 0 0 30px
	}
	.help-inn {
		padding: 0
	}
	.helpdesk-in {
		padding: 0 0 15px
	}
	.helpdesk-lft h2 {
		font-size: 42px;
		line-height: 50px
	}
	.get-in p {
		padding: 0 0 0 48px
	}
	.header-inn {
		background: #3875c6;
		min-height: 154px
	}
	.social-icons {
		padding: 0 0 0;
		display: inline-block;
		float: left
	}
	.social-icons ul {}
	.social-icons ul li {
		display: inline;
		padding: 0 13px 0 0
	}
	.social-inn {
		padding: 43px 0 0;
		display: inline-block;
		vertical-align: middle
	}
	.logo {
		display: inline-block;
		padding: 0 0 0 0;
		vertical-align: middle
	}
	.logo a {
		display: block
	}
	.home-list {
		text-align: right
	}
	.home-list ul {}
	.home-list li {
		display: inline-block;
		font-size: 25.84px;
		line-height: 26.39px;
		color: #fff
	}
	.home-list li a {
		padding: 9px 20px 8px;
		display: inline-block;
		vertical-align: middle;
		position: relative;
		color: #fff;
		
		font-weight: 400
	}
	.home-list li a.active {
		color: #fff;
		background: #2964b2;
		border-radius: 8px
	}
	.home-list a:hover {
		color: #fff
	}
	.home-list li a {
		padding: 9px 20px 8px
	}
	.mid-box {
		display: flex;
		align-items: center;
		min-height: 154px
	}
	.pagination>.active>a,
	.pagination>.active>a:focus,
	.pagination>.active>a:hover,
	.pagination>.active>span,
	.pagination>.active>span:focus,
	.pagination>.active>span:hover {
		z-index: 3;
		color: #fff;
		cursor: default;
		background-color: #e32318!important;
		border-color: #e32318!important
	}
	.count-badge {
		background: #2964b2;
		border-radius: 100px
	}
	.count-badge a {
		padding: 5px!important;
		height: 40px;
		line-height: 33px
	}
	a.count {
		padding: 3px 20px 3px 0!important
	}
	.profile:before {
		background: url(../../images/how-buy-icon.png) no-repeat;
		width: 34px;
		height: 34px;
		background-size: contain
	}
	.point:before {
		border-left: #b8d7ff solid 1px;
		width: 30px;
		height: 32px
	}
	.count:before {
		background: url(../../images/count-icon.png) no-repeat;
		width: 35px;
		height: 35px
	}
	.profile:hover:before {
		background: url(../../images/how-buy-icon.png) no-repeat;
		width: 34px;
		height: 34px;
		background-size: contain
	}
	.home-list ul li a.active:after {
		display: block
	}
	.home-list ul li a:hover:after {
		display: block
	}
	.normal-img {
		display: inline-block!important
	}
	.ratina-img {
		display: none!important
	}
	.nav-wrapper {
		width: 100%;
		text-align: right
	}
	.sl-nav {
		display: inline
	}
	.sl-nav ul {
		margin: 0;
		padding: 0;
		list-style: none;
		position: relative;
		display: inline-block
	}
	.sl-nav li {
		cursor: pointer;
		padding-bottom: 10px;
		color: #fff;
		display: flex;
		align-items: center
	}
	.sl-nav li ul {
		display: none
	}
	.sl-nav li:hover ul {
		position: absolute;
		top: 29px;
		right: -15px;
		display: block;
		background: #fff;
		width: 120px;
		padding-top: 0;
		z-index: 1;
		border-radius: 5px;
		box-shadow: 0 0 20px rgba(0, 0, 0, .2)
	}
	.sl-nav li:hover .triangle {
		position: absolute;
		top: 15px;
		right: -10px;
		z-index: 10;
		height: 14px;
		overflow: hidden;
		width: 30px;
		background: 0 0
	}
	.sl-nav li:hover .triangle:after {
		content: '';
		display: block;
		z-index: 20;
		width: 15px;
		transform: rotate(45deg) translateY(0px) translatex(10px);
		height: 15px;
		background: #fff;
		border-radius: 2px 0 0 0;
		box-shadow: 0 0 20px rgba(0, 0, 0, .2)
	}
	.sl-nav li ul li {
		position: relative;
		text-align: left;
		background: 0 0;
		padding: 15px;
		padding-bottom: 0;
		z-index: 2;
		font-size: 15px;
		color: #3c3c3c
	}
	.sl-nav li ul li:last-of-type {
		padding-bottom: 15px
	}
	.sl-nav li ul li span {
		padding-left: 5px
	}
	.sl-nav li ul li span:hover,
	.sl-nav li ul li span.active {
		color: #146c78
	}
	.sl-flag {
		display: inline-block;
		box-shadow: 0 0 3px rgba(0, 0, 0, .4);
		width: 15px;
		height: 15px;
		background: #aaa;
		border-radius: 50%;
		position: relative;
		top: 2px;
		overflow: hidden
	}
	.flag-th {
		background-size: cover;
		background-position: center center;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAElBMVEWlGTHarLb09fiysb4tKkr///9uOvC6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAGymlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTA1LTE5VDE5OjQ2OjQ3KzA3OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0wNS0xOVQxOTo1NDoxOCswNzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0wNS0xOVQxOTo1NDoxOCswNzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjIiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDplNTkxODZmNC04ZjIxLTdiNDctYTZjNi1hM2RjZTllODYxN2MiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpiNmJjZWU1ZS0yMTIzLTZlNDctOGE4Ny01NzIxYTkyYjIyZWEiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiYWUyZjQyNi05MTYyLTRmNDEtOThhMi0xYjRiN2FkMTZhMmQiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmJhZTJmNDI2LTkxNjItNGY0MS05OGEyLTFiNGI3YWQxNmEyZCIgc3RFdnQ6d2hlbj0iMjAxOS0wNS0xOVQxOTo0Njo0NyswNzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDphMWE1YTY3OC1hYjdlLTVkNDYtOTJlYS02Zjg3NmI4MmY3NWYiIHN0RXZ0OndoZW49IjIwMTktMDUtMTlUMTk6NTI6NDIrMDc6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZTU5MTg2ZjQtOGYyMS03YjQ3LWE2YzYtYTNkY2U5ZTg2MTdjIiBzdEV2dDp3aGVuPSIyMDE5LTA1LTE5VDE5OjU0OjE4KzA3OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+bmMqogAAAB1JREFUCJljYMAPGJlQ+WhcDD4LieoJ8Um1nxAAAA+KAB2N4ceGAAAAAElFTkSuQmCC)
	}
	.flag-usa {
		background-size: cover;
		background-position: center center;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTM0A1t6AAABhUlEQVQ4T2Ows82PjGixsc4LD2tysC/09Kjw8622tyuICG8u0w/cpGSCBzF4e1VmZkzw9anOzOj38a4KCW4IC22ECHYk1l9tn4gHMeTlTnZxLikvm+XiUpKW2hvgX+vnV5OVOQEoOGfOtv94AYOzU3Fd7XxHh6Lq6rlurqUx0W0J8Z1AnbW18yotonaYuOJBDBXls4A+bGpaBCTz86YEBtQCvVBSPAPIbY0oP1/aiAcxABU1Ny+2tclvbFjo5FgUF9uenNwNDLnmpkWEnV1TPRcY1O1tS4H6i4umA/0MDK2K8tlAwRqHpP1uoXgQKKraWpcClTY3LQZaCLQ5NaUX5OaWJY3++SeTC/AgBmA4AXUClUJs9ver8fKsAAYEUJCws4G21dXNB1oFdD/Qz8DQTk4C+bm2dn6DZ9bRiDQ8iAEYt8CoBpK5YBIYw0AEEZwSXX4oMB4PYoC6gCzAcDqrjGzEsMfen2xEmbMv1rSTjRi26dqRjShz9o2+6WQjBrSShQSkZAIADvW/HLrLY6cAAAAASUVORK5CYII=)
	}
	.dropdown {
		position: relative;
		letter-spacing: 2px
	}
	.dropdown-menu {
		display: none;
		position: absolute;
		top: 50px;
		padding: 0;
		width: 262px;
		right: 0;
		background: #fff;
		padding: 10px 20px;
		border-radius: 10px;
		box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
		z-index: 1
	}
	.dropdown-menu.active {
		display: block
	}
	.dropdown-menu li {
		padding: 10px 0;
		transition: .2s ease-in-out;
		width: 100%;
		text-align: left;
		border-bottom: #e3e3e3 solid 1px
	}
	.dropdown-menu li:last-child {
		border-bottom: none
	}
	.dropdown-menu li:hover {
		background: #f5f5f5
	}
	.dropdown-menu li a {
		text-align: left;
		font-size: 24px;
		padding: 0;
		color: #3875c6;
		width: 100%
	}
	.dropdown-menu li a:hover {
		color: #3875c6
	}
	.statics {
		padding: 58px 0
	}
	.statics .col-md-3 {
		width: 25%;
		display: flex;
		align-items: center
	}
	.thumb-icon {
		width: 100px;
		float: left
	}
	.detail-count {}
	.detail-count h1 {
		font-size: 40px;
		line-height: 1.2
	}
	.detail-count h4,
	.detail-count p {
		font-size: 44px;
		color: #dd8b8b;
		
		letter-spacing: 4px;
		line-height: 30px;
		margin: 0;
		padding: 0
	}
	.detail-count h4 span,
	.detail-count p span {
		font-size: 20px;
		
	}
	.detail-count.blue-heading h4,
	.detail-count.blue-heading p {
		font-size: 44px;
		color: #3875c6;
		
		letter-spacing: 4px;
		line-height: 30px;
		margin: 0;
		padding: 0
	}
	.detail-count.blue-heading h4 span,
	.detail-count.blue-heading p span {
		font-size: 20px;
		
	}
	.container-content {
		max-width: 100%;
		margin: 0 auto;
		padding: 0 2%
	}
	.col-buy-items {
		width: 27%;
		height: 685px;
		float: left;
		background: #e3efff;
		border: #b0d2ff solid 1px;
		border-radius: 10px;
		position: relative;
		overflow: hidden;
		margin-right: 70px
	}
	.item-img {
		text-align: center;
		height: 484px;
		padding: 20px
	}
	.Btm-title {
		background: url(../../images/base-img.png) top center no-repeat;
		height: 204px;
		position: absolute;
		width: 100%;
		bottom: -50px;
		padding: 55px;
		font-size: 48px;
		
		color: #4981c0;
		background-size: cover;
		text-align: center
	}
	.Btm-title span {
		color: #5b97d9
	}
	.col-buy-robux {
		width: 27%;
		height: 685px;
		float: left;
		background: #fff3f3;
		border: #f6c5c5 solid 1px;
		border-radius: 10px;
		position: relative;
		overflow: hidden;
		text-align: center;
		margin-right: 0
	}
	.col-buy-robux .Btm-title {
		background: url(../../images/base-img2.png) top center no-repeat;
		height: 204px;
		position: absolute;
		width: 100%;
		bottom: -50px;
		padding: 55px;
		font-size: 49px;
		
		color: #cb6767;
		background-size: cover
	}
	.col-buy-robux .Btm-title span {
		color: #e37f7f
	}
	.right-wel-col {
		width: 38%;
		float: right
	}
	.right-wel-col h2 {
		color: #3875c6;
		font-size: 3.3em;
		
		margin-bottom: 50px
	}
	.right-wel-col p {
		color: #d78484;
		font-size: 22px;
		
		margin-bottom: 20px;
		line-height: 33px
	}
	.seprator {
		background: url(../../images/seprater.png) no-repeat;
		width: 100%;
		height: 8px
	}
	.col-boxes {}
	.join-box {
		background: #ccd7ff;
		border-radius: 10px;
		height: 211px;
		width: 48%;
		float: left;
		margin-top: 22px;
		padding: 0 10px;
		display: flex;
		align-items: center;
		justify-content: center
	}
	.join-thumb {
		float: left;
		width: 65px;
		height: 60px;
		align-items: center;
		display: flex
	}
	.join-detail h5 {
		font-size: 20px;
		margin-bottom: 5px;
		color: #3875c6;
		font-family: 'Roboto', sans-serif;
	}
	.leader-box {
		background: #fffbcd;
		border-radius: 10px;
		height: 211px;
		width: 48%;
		float: right;
		margin-top: 22px;
		padding: 0 0
	}
	.leader-box h4,
	.leader-box h3 {
		font-size: 24px;
		color: #5b5d5c;
		text-decoration: underline;
		padding: 10px 15px
	}
	.leader-box h4 img,
	.leader-box h3 img {
		vertical-align: middle;
		margin-right: 10px
	}
	.table-style {}
	.table-style .table-row {
		padding: 10px 15px;
		font-size: 16px;
		
		background: #fffbcd;
		color: #5b5d5c
	}
	.table-style .table-row:nth-child(2n+1) {
		background: #f3efc3
	}
	.table-style .table-row span {
		font-size: 16px;
		
	}
	.annoucment-box {
		background: #d3ffe4;
		border-radius: 10px;
		height: 211px;
		width: 100%;
		float: right;
		margin-top: 22px;
		padding: 0 0;
		border: #bff9d6 solid 1px
	}
	.annoucment-box h4,
	.annoucment-box h3 {
		font-size: 24px;
		color: #5b5d5c;
		text-decoration: underline;
		padding: 15px 25px 0
	}
	.annoucment-box h4 img,
	.annoucment-box h3 img {
		vertical-align: middle;
		margin-right: 10px
	}
	.ul-style {}
	.ul-style p {
		padding: 0 25px
	}
	.ul-style p {
		font-size: 20px;
		color: #5b5d5c;
		
		margin-bottom: 0
	}
	.recent-box {
		padding: 30px 0
	}
	.recent-box h3 {
		font-size: 32px;
		color: #5b5d5c;
		
	}
	.recent-box ul {}
	.recent-box ul li {
		float: left;
		width: 13.22%;
		height: 100%;
		margin-left: 18px;
		margin-top: 20px
	}
	.recent-box ul li img {
		height: 150px
	}
	.recent-box ul li:first-child {
		margin-left: 0
	}
	.recent-box ul li.blue-box {
		background: #f0f6ff;
		border: #cee3ff solid 5px;
		border-radius: 5px;
		padding: 15px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center
	}
	.recent-box ul li.red-box {
		background: #fff4f4;
		border: #ffe1e1 solid 5px;
		border-radius: 5px;
		padding: 15px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center
	}
	.slider-recent-box {
		padding: 0 0
	}
	.slider-recent-box ul {}
	.slider-recent-box ul li {
		float: left;
		margin-left: 18px;
		margin-top: 20px
	}
	.slider-recent-box ul li:first-child {
		margin-left: 0
	}
	.first-card {
		background: #fff;
		padding: 4px;
		border-radius: 10px;
		overflow: hidden;
		box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
		float: left;
		width: 30%;
		height: 583px;
		margin-right: 70px
	}
	.first-card .header-strip {
		background: url(../../images/header-strip-bg.png) #66d66e top center no-repeat;
		height: 74px;
		border-radius: 10px 10px 0 0;
		position: relative
	}
	.first-card .header-strip:before {
		width: 115px;
		height: 36px;
		background: url(../../images/strip-badge.png) no-repeat;
		position: absolute;
		left: 50%;
		top: 50%;
		content: '';
		margin: -18px 0 0 -45px
	}
	.first-card .body-content {
		width: 100%;
		height: 410px;
		background: url(../../images/first-card-body-bg.png) center center no-repeat;
		overflow: hidden;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: flex-end
	}
	.first-card .body-content:before {
		background: url(../../images/frsit-card-coin.png) no-repeat;
		width: 163px;
		height: 132px;
		position: absolute;
		left: 50%;
		top: 50%;
		content: '';
		margin: -66px 0 0 -80px
	}
	.first-card .price-tag {
		border: #66d66e solid 5px;
		background: #fff;
		padding: 12px 25px;
		border-radius: 10px 10px 0 0;
		font-size: 54px;
		color: #66d66e;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		margin-bottom: -5px;
		
	}
	.first-card .price-tag img {
		margin: 0 12px 0 0
	}
	.first-card .footer {
		background: #66d66e;
		padding: 10px 20px;
		text-align: center;
		border-radius: 0 0 10px 10px;
		min-height: 91px;
		font-size: 44px;
		color: #fff;
		
		display: flex;
		align-items: center;
		justify-content: center
	}
	.first-card .footer img {
		margin: 0 10px
	}
	.second-card {
		background: #fff;
		padding: 4px;
		border-radius: 10px;
		overflow: hidden;
		box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
		float: left;
		width: 30%;
		height: 583px;
		margin-right: 70px
	}
	.second-card .header-strip {
		background: url(../../images/header-strip-bg.png) #f4473b top center no-repeat;
		height: 74px;
		border-radius: 10px 10px 0 0;
		position: relative
	}
	.second-card .header-strip:before {
		width: 115px;
		height: 36px;
		background: url(../../images/strip-badge.png) no-repeat;
		position: absolute;
		left: 50%;
		top: 50%;
		content: '';
		margin: -18px 0 0 -45px
	}
	.second-card .body-content {
		width: 100%;
		height: 410px;
		background: url(../../images/second-card-body-bg.png) center center no-repeat;
		overflow: hidden;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: flex-end
	}
	.second-card .body-content:before {
		background: url(../../images/second-card-coin.png) no-repeat;
		width: 228px;
		height: 170px;
		position: absolute;
		left: 50%;
		top: 50%;
		content: '';
		margin: -85px 0 0 -114px
	}
	.second-card .price-tag {
		border: #f4473b solid 5px;
		background: #fff;
		padding: 12px 25px;
		border-radius: 10px 10px 0 0;
		font-size: 54px;
		color: #f4473b;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		margin-bottom: -5px;
		
	}
	.second-card .price-tag img {
		margin: 0 12px 0 0
	}
	.second-card .footer {
		background: #f4473b;
		padding: 10px 20px;
		text-align: center;
		border-radius: 0 0 10px 10px;
		min-height: 91px;
		font-size: 44px;
		color: #fff;
		
		display: flex;
		align-items: center;
		justify-content: center
	}
	.second-card .footer img {
		margin: 0 10px
	}
	.third-card {
		background: #fff;
		padding: 4px;
		border-radius: 10px;
		overflow: hidden;
		box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
		float: left;
		width: 30%;
		height: 583px
	}
	.third-card .header-strip {
		background: url(../../images/header-strip-bg.png) #3875c6 top center no-repeat;
		height: 74px;
		border-radius: 10px 10px 0 0;
		position: relative
	}
	.third-card .header-strip:before {
		width: 115px;
		height: 36px;
		background: url(../../images/strip-badge.png) no-repeat;
		position: absolute;
		left: 50%;
		top: 50%;
		content: '';
		margin: -18px 0 0 -45px
	}
	.third-card .body-content {
		width: 100%;
		height: 410px;
		background: url(../../images/third-card-body-bg.png) center center no-repeat;
		overflow: hidden;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: flex-end
	}
	.third-card .body-content:before {
		background: url(../../images/third-card-coin.png) no-repeat;
		width: 258px;
		height: 213px;
		position: absolute;
		left: 50%;
		top: 50%;
		content: '';
		margin: -108px 0 0 -129px
	}
	.third-card .price-tag {
		border: #3875c6 solid 5px;
		background: #fff;
		padding: 12px 25px;
		border-radius: 10px 10px 0 0;
		font-size: 54px;
		color: #3875c6;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		margin-bottom: -5px;
		
	}
	.third-card .price-tag img {
		margin: 0 12px 0 0
	}
	.third-card .footer {
		background: #3875c6;
		padding: 10px 20px;
		text-align: center;
		border-radius: 0 0 10px 10px;
		min-height: 91px;
		font-size: 44px;
		color: #fff;
		
		display: flex;
		align-items: center;
		justify-content: center
	}
	.third-card .footer img {
		margin: 0 10px
	}
	.custom-amount-box {
		border: #b1b1b1 solid 1px;
		padding: 30px;
		border-radius: 10px;
		float: left;
		width: 65%
	}
	.custom-amount-box .header {
		border-bottom: #e4e4e4 solid 1px;
		padding-bottom: 16px;
		display: flex;
		align-items: center
	}
	.custom-amount-box .header h3.left-heading {
		font-size: 36px;
		color: #5f5f5f;
		
		display: flex;
		align-items: center;
		float: left;
		width: 50%
	}
	.custom-amount-box .header h3.left-heading img {
		margin-right: 10px
	}
	.custom-amount-box .header h4.right-heading {
		font-size: 26px;
		color: #727272;
		
		display: flex;
		align-items: center;
		float: left
	}
	.custom-amount-box .header h4.right-heading span {
		
		background: #d8ffdb;
		padding: 5px 10px;
		border-radius: 5px;
		display: inline-block;
		margin-left: 0
	}
	.custom-amount-box .header h4.right-heading img {
		margin-right: 10px
	}
	.custom-amount-box .amount-footer {
		padding: 20px;
		display: flex;
		align-items: center
	}
	.custom-amount-box .amount-footer h3.left-heading {
		font-size: 28px;
		color: #5f5f5f;
		
		display: flex;
		align-items: center;
		float: left;
		width: 50%
	}
	.custom-amount-box .amount-footer h3.left-heading span {
		
		background: #cde5ff;
		padding: 5px 10px;
		border-radius: 5px;
		display: inline-block;
		margin-left: 0
	}
	.custom-amount-box .amount-footer h3.left-heading img {
		margin-right: 10px
	}
	.custom-amount-box .amount-footer h4.right-heading {
		float: right;
		width: 50%;
		text-align: right
	}
	.custom-amount-box .amount-footer h4.right-heading a {
		font-size: 26px;
		color: #5f5f5f;
		
		text-decoration: underline
	}
	.recent-sold-box {
		border: #b1b1b1 solid 1px;
		padding: 30px;
		border-radius: 10px;
		float: right;
		width: 30%;
		min-height: 480px
	}
	.recent-sold-box .header {
		border-bottom: #e4e4e4 solid 1px;
		padding-bottom: 16px;
		display: flex;
		align-items: center
	}
	.recent-sold-box .header h3 {
		font-size: 36px;
		color: #5f5f5f;
		
		display: flex;
		align-items: center
	}
	.recent-sold-box .header h3 img {
		margin-right: 10px
	}
	.recent-sold-box .listing-style {}
	.recent-sold-box .listing-style ul {
		padding: 0;
		margin: 0;
		list-style: none
	}
	.recent-sold-box .listing-style ul li {
		list-style: none;
		font-size: 24px;
		color: #6b6b6b;
		
		margin: 10px 0 0;
		line-height: 40px;
		padding-left: 50px
	}
	.recent-sold-box .listing-style ul li.price-tag {
		background: url(../../images/list-price-tag.png) 0 5px no-repeat
	}
	.recent-sold-box .listing-style ul li.box-tag {
		background: url(../../images/list-box-icon.png) 0 5px no-repeat
	}
	.recent-sold-box .listing-style ul li.price-tag span {
		
		color: #3875c6
	}
	.recent-sold-box .listing-style ul li.box-tag span {
		
		color: #f4473b
	}
	.alert-msg {
		margin: 25px 0
	}
	.alert {
		position: relative;
		padding: 15px 4rem;
		margin-bottom: 1rem;
		border: 1px solid transparent;
		border-radius: 0
	}
	.alert-warning {
		color: #5f5f5f;
		background-color: #fffde1;
		border-color: #e8e5c7;
		font-size: 26px;
		
		display: flex;
		align-items: center
	}
	.alert-warning img {
		margin-right: 10px
	}
	.alert-danger {
		color: #5f5f5f;
		background-color: #fff3f3;
		border-color: #f6c5c5;
		font-size: 26px;
		
		display: flex;
		align-items: center
	}
	.alert-danger img {
		margin-right: 10px
	}
	.alert-success {
		color: #5f5f5f;
		background-color: #d3ffe4;
		border-color: #bff9d6;
		font-size: 26px;
		
		display: flex;
		align-items: center
	}
	.alert-success img {
		margin-right: 10px
	}
	.form-box {
		padding: 0 20px
	}
	.form-box .col-md-6 {
		width: 47%;
		display: inline-block;
		padding: 0 0
	}
	input.user-input {
		border: 0;
		border-bottom: #b3b3b3 solid 1px;
		padding: 15px 80px;
		width: 100%;
		color:  rgb(117, 117, 117);
		font-size: 24px;
		
	}
	input.price-input,.sweetSelect {
		border: 0;
		border-bottom: #b3b3b3 solid 1px;
		padding: 15px 80px;
		width: 100%;
		color:  rgb(117, 117, 117);
		font-size: 24px;
		
	}
	.buy-btn {
		
		font-size: 28px;
		color: #fff;
		min-height: 66px;
		background: #66d66e;
		width: 100%;
		border-radius: 5px;
		border: 0;
		margin: 25px 0 0
	}
	footer {
		background: #f9f9f9;
		margin-top: 80px
	}
	.rofun-inn {
		padding: 30px 0;
		vertical-align: middle
	}
	.contact {
		display: inline-block;
		vertical-align: middle;
		padding: 12px 0 0 0;
		float: left
	}
	.contact ul {}
	.contact li {}
	.footer-logo {
		float: right
	}
	.footer-inn {
		max-width: 100%;
		padding: 15px 2%;
		margin: 0 auto;
		width: 100%
	}
	.contact li {
		display: inline-block;
		font-size: 24px;
		line-height: 29.48px;
		color: #777;
		
		font-weight: 400
	}
	.contact li a {
		position: relative;
		padding: 5px 10px;
		color: #777
	}
	.contact li a:before {
		content: " ";
		position: absolute;
		right: -7px
	}
	.contact li a.last:before {
		content: "";
		position: absolute;
		right: -7px
	}
	.contact-inn:before {
		content: "";
		position: absolute;
		background: url(../../images/msgfoter.png) no-repeat;
		width: 26px;
		height: 21px
	}
	.tos:before {
		content: "";
		position: absolute;
		background: url(../../images/hammer.png) no-repeat;
		width: 27px;
		height: 27px
	}
	.privacy-inn:before {
		content: "";
		position: absolute;
		background: url(../../images/lock.png) no-repeat;
		width: 22px;
		height: 26px
	}
	.about-inn:before {
		content: "";
		position: absolute;
		background: url(../../images/iing.png) no-repeat;
		width: 26px;
		height: 26px
	}
	div.scroll {
		max-width: 99%;
		max-height: 130px;
		overflow-y: scroll;
		overflow-x: hidden
	}
	div.scroll::-webkit-scrollbar {
		width: 1em
	}
	div.scroll::-webkit-scrollbar-track {}
	div.scroll::-webkit-scrollbar-thumb {
		display: none
	}
	::-webkit-scrollbar-button {
		background-size: 10px 10px;
		background-repeat: no-repeat;
		background-position: center center;
		height: 16px;
		width: 9px;
		cursor: pointer
	}
	::-webkit-scrollbar-button:horizontal:increment {
		background-image: url(https://dl.dropboxusercontent.com/u/55165267/icon2.png)
	}
	::-webkit-scrollbar-button:end:increment {
		background-image: url(../../images/board-bottom-arrow.png)
	}
	::-webkit-scrollbar-button:start:decrement {
		background-image: url(../../images/board-top-arrow.png)
	}
	div.scroll2 {
		max-width: 99%;
		max-height: 130px;
		overflow-y: scroll;
		overflow-x: hidden
	}
	div.scroll2::-webkit-scrollbar {
		width: 1em
	}
	div.scroll2::-webkit-scrollbar-track {}
	div.scroll2::-webkit-scrollbar-thumb {
		display: none
	}
	div.scroll2::-webkit-scrollbar-button:end:increment {
		background-image: url(../../images/ann-bottom-arrow.png)
	}
	div.scroll2::-webkit-scrollbar-button:start:decrement {
		background-image: url(../../images/ann-top-arrow.png)
	}
	.tutorials-box {
		padding: 7em 0;
		text-align: center
	}
	.tutorials-box h3 {
		color: #474747;
		font-size: 32px;
		margin-bottom: 30px;
		
	}
	.faq-section {
		padding: 0 20px
	}
	.faq-section h2 {
		color: #474747;
		font-size: 48px;
		
	}
	.faq-section h3 {
		color: #474747;
		font-size: 40px;
		line-height: 36px;
		
		letter-spacing: 2px;
		margin: 100px 0 30px
	}
	.faq-section p {
		color: #474747;
		font-size: 30px;
		line-height: 50px;
		
		letter-spacing: 2px
	}
	.bottom-bg {
		background: url(../../images/page-bottom-bg.png) top center no-repeat;
		height: 760px;
		background-size: cover;
		margin: 200px 0 0
	}
	.profile-content {}
	.profile-content .profile-header {
		border-bottom: #cbcbcb solid 1px;
		padding-top: 70px;
	}
	.profile-content .profile-header .profile-left {
		float: left;
		width: 50%
	}
	.profile-content .profile-header .profile-left .profile-thumb {
		width: 160px;
		height: 160px;
		background: #e1e1e1;
		border-radius: 100px;
		border: #b7e3ff solid 5px;
		overflow: hidden;
		float: left
	}
	.profile-content .profile-header .profile-left .profile-thumb img {
		width: 160px;
		height: 160px;
		margin: -5px
	}
	.profile-content .profile-header .profile-left .profile-detail {
		padding-left: 20px;
		display: flex;
		align-items: center
	}
	.profile-content .profile-header .profile-left .profile-detail .header-pro {
		float: left
	}
	.profile-content .profile-header .profile-left .profile-detail h2 {
		font-size: 52px;
		color: #3875c6;
		
		float: left
	}
	.profile-content .profile-header .profile-left .profile-detail a.edit-profile {
		padding: 0 15px 0 15px;
		min-height: 39px;
		color: #5d5d5d;
		border-radius: 8px;
		font-size: 20px;
		
		float: left;
		margin: 10px 0 0 15px;
		line-height: 39px
	}
	.profile-content .profile-header .profile-left .profile-detail a.edit-profile:hover {
		background: url(../../images/edit-profile-icon-white.png) #3875c6 11px 10px no-repeat;
		color: #fff
	}
	.profile-content .profile-header .profile-left .rating-bar {
		float: left;
		width: 100%;
		margin: 17px 0
	}
	.profile-content .profile-header .profile-left .rating-bar .rating-star {
		background: url(../../images/star-icon.png) no-repeat;
		width: 40px;
		height: 38px;
		font-size: 29px;
		color: #fff;
		text-shadow: 0 2px 5px #2fbe67;
		
		text-align: center;
		line-height: 36px;
		float: left;
		margin: 0 10px 0 0
	}
	.profile-content .profile-header .profile-left .rating-bar p {
		font-size: 26px;
		color: #4b4b4b;
		text-align: left;
		
		padding: 10px 0 0 10px
	}
	.profile-content .profile-header .profile-left .rating-bar p span {
		
	}
	.progress-bar {
		width: 0;
		-webkit-animation: progress 1.5s ease-in-out forwards;
		animation: progress 1.5s ease-in-out forwards
	}
	.progress-bar .title {
		opacity: 0;
		-webkit-animation: show .35s forwards ease-in-out .5s;
		animation: show .35s forwards ease-in-out .5s
	}
	.progress {
		height: 11px;
		margin-bottom: 20px;
		overflow: hidden;
		background-color: #e0e0e0;
		border-radius: 100px;
		max-width: 275px;
		margin: 15px 0 0 10px
	}
	.progress-bar {
		float: left;
		width: 0;
		height: 100%;
		font-size: 12px;
		line-height: 20px;
		color: #fff;
		text-align: center;
		background-color: #3fd279;
		-webkit-transition: width .6s ease;
		-o-transition: width .6s ease;
		transition: width .6s ease
	}
	.profile-content .profile-header .profile-right {
		float: right;
		width: 40%
	}
	.profile-content .profile-header .profile-right p {
		font-size: 24px;
		color: #4b4b4b;
		
		padding: 0 0 0 0;
		float: left
	}
	.profile-content .profile-header .profile-right p span {
		
	}
	.profile-content .profile-header .profile-right a.link {
		font-size: 28px;
		color: #4b4b4b;
		text-align: left;
		
		padding: 12px 30px;
		background: #ffecd9;
		border: #edc9a5 solid 1px;
		border-radius: 10px;
		float: left;
		margin: 20px 0 0
	}
	.payout {
		padding: 80px 0 0
	}
	.last-payout {
		float: left;
		width: 48%
	}
	.last-payout h3 {
		font-size: 36px;
		color: #62d543;
		
		margin-bottom: 28px
	}
	.last-payout .list-box {
		border-left: #62d543 solid 5px;
		padding: 20px 40px;
		min-height: 385px
	}
	.last-payout .list-box ul {}
	.last-payout .list-box ul li {
		border-bottom: #cbcbcb solid 1px;
		font-size: 30px;
		color: #4b4b4b;
		padding: 15px 0;
		
		line-height: 40px
	}
	.last-payout .list-box ul li:last-child {
		border-bottom: 0
	}
	.last-refill {
		float: right;
		width: 48%
	}
	.last-refill h3 {
		font-size: 36px;
		color: #51b8ec;
		
		margin-bottom: 28px
	}
	.last-refill .list-box {
		border-left: #51b8ec solid 5px;
		padding: 20px 0 20px 40px;
		min-height: 385px
	}
	.last-refill .list-box ul {}
	.last-refill .list-box ul li {
		border-bottom: #cbcbcb solid 1px;
		font-size: 30px;
		color: #4b4b4b;
		padding: 15px 0;
		
		line-height: 40px
	}
	.last-refill .list-box ul li:last-child {
		border-bottom: 0
	}
	.credit {
		float: right;
		text-align: right
	}
	.credit h5 {
		font-size: 24px;
		color: #4b4b4b;
		
	}
	.credit h3 {
		font-size: 56px;
		color: #3e87d7;
		
		padding: 10px 0
	}
	.credit h6 {
		font-size: 20px;
		color: #4b4b4b;
		
	}
	.credit h6 img,
	.credit h3 img {
		vertical-align: top
	}
	.refill-left {
		float: left;
		width: 30%;
		padding: 30px;
		border: #b1b1b1 solid 1px;
		border-radius: 10px
	}
	.refill-left .header h3 {
		border-bottom: #cdcdcd solid 2px;
		padding: 0 0 18px;
		font-size: 38px;
		color: #3e87d7;
		
		display: flex;
		align-items: center
	}
	.refill-left .header h3 img {
		margin-right: 15px
	}
	.refill-left .form-box {
		padding: 0
	}
	.refill-left .form-box .col-md-6 {
		width: 100%;
		display: inline-block;
		padding: 0 20px;
		margin: 60px 0 0
	}
	.refill-left input.user-input {
		background: url(../../images/user-icon.png) 5px 5px no-repeat;
		border: 0;
		border-bottom: #b3b3b3 solid 2px;
		padding: 15px 0 15px 80px;
		width: 100%;
		color: #b6b6b6;
		font-size: 24px;
		
	}
	.refill-left input.price-input {
		background: url(../../images/up-arrow.png) 5px 5px no-repeat;
		border: 0;
		border-bottom: #b3b3b3 solid 2px;
		padding: 15px 0 15px 80px;
		width: 100%;
		color: #b6b6b6;
		font-size: 24px;
		
	}
	.refill-left .buy-btn {
		
		font-size: 24px;
		color: #fff;
		min-height: 58px;
		background: #3e87d7;
		width: 100%;
		border-radius: 5px;
		border: 0;
		margin: 0 0 0;
		cursor: pointer
	}
	.refill-right {
		float: right;
		width: 65%;
		padding: 10px 5px;
		border: #b1b1b1 solid 1px;
		border-radius: 10px;
		min-height: 505px
	}
	.refill-right table {}
	.refill-right table tr {
		background: #fff
	}
	.refill-right table tr:nth-child(2n+1) {
		background: #f6f6f6
	}
	.refill-right table td {
		padding: 12px 8%;
		vertical-align: middle;
		text-align: left
	}
	.refill-right table td.green-text {
		font-size: 32px;
		color: #31b565;
		
	}
	.refill-right table td.green-text img {
		vertical-align: top;
		margin-right: 30px
	}
	.refill-right table td.blue-text {
		font-size: 32px;
		color: #3e87d7;
		
	}
	.refill-right table td.blue-text img {
		vertical-align: top;
		margin-right: 30px
	}
	.btn-center {
		text-align: center
	}
	.refill-right a.buy-btn {
		
		font-size: 24px;
		color: #fff;
		min-height: 58px;
		background: #3fd279;
		border-radius: 5px;
		border: 0;
		margin: 50px 0 0;
		padding: 0 75px;
		cursor: pointer;
		display: inline-block;
		line-height: 58px;
		width: auto
	}
	.refill-center {
		width: 100%;
		text-align: center;
		padding: 80px 0 0
	}
	.refill-center p {
		font-size: 24px;
		color: #4b4b4b;
		
		margin-bottom: 40px
	}
	.refill-center p span {
		
	}
	.refill-center a.link {
		font-size: 28px;
		color: #4b4b4b;
		text-align: left;
		
		padding: 12px 30px;
		background: #ffecd9;
		border: #edc9a5 solid 1px;
		border-radius: 10px
	}
}

@media only screen and (min-width:1800px) {
	.mr-8 {
		margin-right: 8%
	}
	.ml-8 {
		margin-left: 8%
	}
}

@media only screen and (max-width:1440px) {
	.container {
		width: 100%;
	}
	.detail-count.blue-heading h4,
	.detail-count.blue-heading p {
		font-size: 40px
	}
	.detail-count.blue-heading h4 span,
	.detail-count.blue-heading p span {
		font-size: 14px
	}
	.thumb-icon {
		width: 90px;
		float: left
	}
	.container-content {
		max-width: 100%;
		margin: 0 auto;
		padding: 0 2%
	}
	.refill-right table td {
		padding: 12px 8%
	}
	.refill-left .header h3 {
		font-size: 36px
	}
	.alert {
		padding: 15px 2rem
	}
	.custom-amount-box .amount-footer h3.left-heading {
		font-size: 24px
	}
	.custom-amount-box .amount-footer h4.right-heading a {
		font-size: 22px
	}
	.col-buy-items {
		margin-right: 40px
	}
	.right-wel-col {
		width: 40%;
		float: right
	}
	.right-wel-col h2 {
		margin-bottom: 16px
	}
	.recent-box ul li {
		float: left;
		width: 13.11%;
		height: 100%;
		margin-left: 18px;
		margin-top: 20px
	}
	.recent-box ul li img {
		height: 130px
	}
	a.count {
		padding: 2px 20px 3px 0!important
	}
	.vedio {
		max-width: 100%;
		margin: 0 auto;
		overflow: hidden
	}
	.slick-next {
		right: 20px
	}
	.slick-prev {
		left: 20px
	}
	.vedio-in ul li {
		width: 259px!important
	}
	.vedio-in ul li .slider-thumb {
		width: 259px!important;
		height: 259px!important
	}
	.vedio-in ul li a.buy-btn {
		padding: 16px 10px;
		font-size: 28px
	}
	.footer-inn {
		max-width: 100%;
		padding: 0 2%
	}
	.logo a img {
		height: auto
	}
	.logo {
		padding: 0 0 0 0
	}
	.social-inn ul li a img {
		width: 45px;
		height: 45px
	}
	.xman {
		margin: 2px 0;
		padding: 22px 20px 36px
	}
	.account {
		margin: 0
	}
	.home-list li a {
		padding: 9px 10px 8px
	}
	.point:before {
		border-left: #b8d7ff solid 1px;
		width: 0;
		height: 32px
	}
	.home-list li {
		margin: 0 10px 0 0
	}
	.check {
		font-size: 30px;
		line-height: 35px
	}
	.earn img {
		width: 600px;
		height: auto
	}
	.overview-top img {
		width: 100%;
		height: auto
	}
	.rofun a {
		font-size: 23px;
		line-height: 29px
	}
	.contact li a {
		padding: 5px 15px
	}
	.contact li a.first {
		padding: 5px 15px 5px 0
	}
	.first-card,
	.second-card {
		margin-right: 60px
	}
	.detail-count h4,
	.detail-count p,
	.detail-count h1 {
		font-size: 40px
	}
	.detail-count h4 span,
	.detail-count p span {
		font-size: 14px
	}
	.right-wel-col h2 {
		color: #3875c6;
		font-size: 2.8em
	}
	.col-buy-robux .Btm-title,
	.Btm-title {
		padding: 65px 30px;
		font-size: 45px
	}
	.item-img {
		text-align: center;
		height: 484px;
		padding: 20px;
		display: flex;
		align-items: center
	}
	.item-img img {
		width: 100%
	}
	.join-detail {
		padding-left: 58px
	}
	.join-detail img {
		width: 95%
	}
	.join-box,
	.leader-box {
		height: 194px
	}
	div.scroll {
		max-height: 120px
	}
	.col-buy-robux,
	.col-buy-items {
		height: 635px
	}
	.profile-content .profile-header .profile-right {
		float: right;
		width: 50%
	}
}

@media only screen and (max-width:1366px) {
	.container {
		width: 100%;
		padding: 0 2%
	}
	.container1 {
		padding: 0 0
	}
	.detail-count h4 span,
	.detail-count p span {
		font-size: 14px;
		
	}
	.detail-count.blue-heading h4 span,
	.detail-count.blue-heading p span {
		font-size: 14px
	}
	.container-content {
		max-width: 100%;
		margin: 0 auto;
		padding: 0 2%
	}
	.col-buy-items {
		margin-right: 40px
	}
	.right-wel-col {
		width: 40%;
		float: right
	}
	.right-wel-col h2 {
		margin-bottom: 20px;
		font-size: 2.7em
	}
	div.scroll {
		max-height: 110px
	}
	.recent-box ul li {
		float: left;
		width: 13%;
		height: 100%;
		margin-left: 18px;
		margin-top: 20px
	}
	.recent-box ul li img {
		height: 100px
	}
	a.count {
		padding: 2px 20px 3px 0!important
	}
	.thumb-icon {
		width: 87px;
		float: left
	}
	.Btm-title {
		font-size: 40px
	}
	.col-buy-robux .Btm-title {
		font-size: 40px
	}
	.col-buy-robux {
		width: 27%;
		height: 585px
	}
	.col-buy-items {
		width: 27%;
		height: 585px
	}
	.item-img {
		text-align: center;
		height: 384px;
		display: flex;
		padding: 20px;
		align-items: center
	}
	.item-img img {
		width: 100%
	}
	.container-example1 {
		height: 100px;
		max-width: 100%;
		padding: 5px 10px;
		margin: auto
	}
	.leader-box {
		height: 175px
	}
	.join-box {
		height: 175px
	}
	.join-thumb {
		float: left;
		width: 55px;
		height: 55px
	}
	.annoucment-box {
		height: 176px
	}
	div.scroll2 {
		max-height: 90px
	}
	.first-card,
	.second-card {
		margin-right: 58px
	}
	.vedio {
		max-width: 100%;
		margin: 0 auto;
		overflow: hidden
	}
	.slick-next {
		right: 20px
	}
	.slick-prev {
		left: 20px
	}
	.vedio-in ul li h4 {
		font-size: 24px
	}
	.vedio-in ul li {
		width: 244px!important
	}
	.vedio-in ul li .slider-thumb {
		width: 244px!important;
		height: 244px!important
	}
	.vedio-in ul li a.buy-btn {
		padding: 16px 10px
	}
	.vedio-in ul li a.buy-btn {
		font-size: 26px
	}
	.refill-left .header h3 {
		font-size: 34px
	}
}

@media only screen and (max-width:1280px) {
	.container {
		width: 100%;
		padding: 0 2%
	}
	.container1 {
		padding: 0 0
	}
	.detail-count h4 span,
	.detail-count p span {
		font-size: 16px;
		
	}
	.detail-count.blue-heading h4,
	.detail-count.blue-heading p {
		font-size: 40px
	}
	.detail-count.blue-heading h4 span,
	.detail-count.blue-heading p span {
		font-size: 16px
	}
	.container-content {
		max-width: 100%;
		margin: 0 auto;
		padding: 0 2%
	}
	.col-buy-items {
		margin-right: 40px
	}
	.right-wel-col {
		width: 40%;
		float: right
	}
	.right-wel-col h2 {
		margin-bottom: 20px;
		font-size: 2.9em
	}
	.recent-box ul li {
		float: left;
		width: 13%;
		height: 100%;
		margin-left: 18px;
		margin-top: 20px
	}
	.recent-box ul li img {
		height: 140px
	}
	a.count {
		padding: 2px 20px 3px 0!important
	}
	.thumb-icon {
		width: 87px;
		float: left
	}
	.Btm-title {
		font-size: 40px;
		padding: 70px 50px;
		text-align: center
	}
	.col-buy-robux .Btm-title {
		font-size: 40px;
		padding: 70px 50px;
		text-align: center
	}
	.col-buy-robux {
		width: 27%;
		height: 652px
	}
	.col-buy-items {
		width: 27%;
		height: 652px
	}
	.item-img {
		text-align: center;
		height: 440px;
		display: flex;
		padding: 20px;
		align-items: center
	}
	.join-detail {
		padding-left: 55px
	}
	.join-detail img {
		width: 95%
	}
	.item-img img {
		width: 100%
	}
	.container-example1 {
		height: 100px;
		max-width: 100%;
		padding: 5px 10px;
		margin: auto
	}
	.leader-box {
		height: 160px
	}
	.join-box {
		height: 160px
	}
	.join-thumb {
		float: left;
		width: 55px;
		height: 55px
	}
	.annoucment-box {
		height: 191px
	}
	.vedio {
		max-width: 100%;
		margin: 0 auto;
		overflow: hidden
	}
	.slick-next {
		right: 20px
	}
	.slick-prev {
		left: 20px
	}
	.vedio-in ul li {
		width: 228px!important
	}
	.vedio-in ul li .slider-thumb {
		width: 228px!important;
		height: 228px!important
	}
	.vedio-in ul li a.buy-btn {
		padding: 16px 10px
	}
	.vedio-in ul li h4 {
		font-size: 26px
	}
	.vedio-in ul li a.buy-btn {
		font-size: 26px
	}
	.first-card,
	.second-card {
		margin-right: 60px
	}
	.alert {
		position: relative;
		padding: 15px 2rem
	}
	.custom-amount-box .amount-footer h3.left-heading {
		width: 60%
	}
	.custom-amount-box .amount-footer h4.right-heading {
		width: 40%
	}
}

@media only screen and (max-width:1024px) {
	.container {
		width: 1000px
	}
	.container1 {
		padding: 0 0
	}
	.detail-count h4 span,
	.detail-count p span {
		font-size: 12px;
		
	}
	.detail-count.blue-heading h4,
	.detail-count.blue-heading p,
	.detail-count h4,
	.detail-count p,
	.detail-count h1 {
		font-size: 30px;
		line-height: 24px
	}
	.detail-count.blue-heading h4 span,
	.detail-count.blue-heading p span {
		font-size: 12px
	}
	.container-content {
		max-width: 1000px;
		margin: 0 auto;
		padding: 0 15px
	}
	.col-buy-items {
		margin-right: 40px
	}
	.right-wel-col {
		width: 40%;
		float: right
	}
	.right-wel-col h2 {
		margin-bottom: 20px;
		font-size: 2.1em
	}
	.recent-box ul li {
		float: left;
		width: 122px;
		height: 122px;
		margin-left: 18px;
		margin-top: 20px
	}
	.recent-box ul li img {
		height: 80px
	}
	a.count {
		padding: 2px 20px 3px 0!important
	}
	.thumb-icon {
		width: 60px;
		float: left
	}
	.thumb-icon img {
		width: 50px;
		float: left
	}
	.right-wel-col p {
		color: #d78484;
		font-size: 20px
	}
	.content-detail p {
		font-size: 20px
	}
	.Btm-title {
		font-size: 36px;
		padding: 50px 0;
		text-align: center
	}
	.col-buy-robux .Btm-title {
		font-size: 36px;
		padding: 50px 0;
		text-align: center
	}
	.leader-box h4,
	.leader-box h3 {
		font-size: 18px
	}
	.ul-style p {
		font-size: 18px;
		color: #5b5d5c
	}
	.col-buy-robux {
		width: 27%;
		height: 618px
	}
	.col-buy-items {
		width: 27%;
		height: 618px
	}
	.item-img {
		text-align: center;
		height: 440px;
		display: flex;
		padding: 20px;
		align-items: center
	}
	.join-detail {
		padding-left: 55px
	}
	.join-detail img {
		width: 95%
	}
	.item-img img {
		width: 100%
	}
	.container-example1 {
		height: 100px;
		max-width: 100%;
		padding: 5px 10px;
		margin: auto
	}
	.leader-box {
		height: 160px
	}
	.join-box {
		height: 160px
	}
	.join-thumb {
		float: left;
		width: 55px;
		height: 55px
	}
	.annoucment-box {
		height: 191px
	}
	.logo {
		padding: 0 0 0 0;
		width: 80%
	}
	.logo a img {
		height: auto;
		width: 100%
	}
	.home-list li {
		margin: 0 0 0 0
	}
	.home-list li a {
		padding: 9px 10px 8px;
		font-size: 15px
	}
	.home.active:before {
		width: 18px;
		height: 18px
	}
	.home.active:hover:before {
		width: 18px;
		height: 18px
	}
	.profile:before {
		width: 18px;
		height: 18px
	}
	.profile:hover:before {
		width: 18px;
		height: 18px
	}
	.point:before {
		border-left: #b8d7ff solid 1px;
		width: 5px;
		height: 32px
	}
	.footer-logo {
		float: right;
		width: 25%
	}
	.footer-logo a img {
		width: 100%
	}
	.contact li a {
		padding: 5px 15px;
		font-size: 22px
	}
	.vedio {
		max-width: 100%;
		margin: 0 auto;
		overflow: hidden
	}
	.slick-next {
		right: 20px
	}
	.slick-prev {
		left: 20px
	}
	.vedio-in ul li {
		width: 229px!important
	}
	.vedio-in ul li .slider-thumb {
		width: 229px!important;
		height: 229px!important
	}
	.vedio-in ul li a.buy-btn {
		padding: 16px 10px
	}
	.vedio-in ul li h4 {
		font-size: 26px
	}
	.vedio-in ul li a.buy-btn {
		font-size: 26px
	}
	.first-card,
	.second-card {
		margin-right: 47px
	}
	.alert {
		position: relative;
		padding: 15px 1rem
	}
	.custom-amount-box .amount-footer h3.left-heading {
		width: 70%
	}
	.custom-amount-box .amount-footer h4.right-heading {
		width: 30%
	}
	.first-card .footer,
	.second-card .footer,
	.third-card .footer {
		font-size: 34px
	}
	.recent-sold-box .header h3 {
		font-size: 26px
	}
	.custom-amount-box .header h3.left-heading {
		font-size: 26px
	}
	.tutorials-box img {
		width: 100%
	}
	.profile-content .profile-header .profile-right {
		float: right;
		width: 45%
	}
	.profile-content .profile-header .profile-left {
		float: left;
		width: 54%
	}
	.profile-content .profile-header .profile-right a.link {
		font-size: 20px
	}
	.profile-content .profile-header .profile-right p {
		font-size: 18px
	}
}

@media only screen and (max-width:991px) {
	.container {
		width: 100%
	}
	.social-icons {
		width: 30%
	}
	.logo {
		padding: 0 0 0 0;
		width: 100%
	}
	.header-inn {
		background: #3875c6;
		min-height: 124px
	}
	.mid-box {
		display: flex;
		align-items: center;
		min-height: 124px
	}
	.detail-count.blue-heading h4,
	.detail-count.blue-heading p,
	.detail-count h4,
	.detail-count p,
	.detail-count h1 {
		font-size: 24px;
		line-height: 24px
	}
	.detail-count {
		padding: 0 0 0 70px
	}
	.detail-count h4 span,
	.detail-count p span {
		font-size: 12px;
		
		line-height: 14px!important
	}
	.first-card,
	.second-card {
		margin-right: 10px;
		width: 32.33%
	}
	.third-card {
		width: 32.33%
	}
	.first-card .footer,
	.second-card .footer,
	.third-card .footer {
		font-size: 25px
	}
	.third-card .body-content:before {
		background: url(../../images/third-card-coin.png) no-repeat;
		width: 198px;
		height: 163px;
		position: absolute;
		left: 50%;
		top: 50%;
		content: '';
		margin: -108px 0 0 -92px;
		background-size: contain
	}
	.second-card .body-content:before {
		background: url(../../images/second-card-coin.png) no-repeat;
		width: 198px;
		height: 170px;
		position: absolute;
		left: 50%;
		top: 50%;
		content: '';
		margin: -85px 0 0 -99px;
		background-size: contain
	}
	.custom-amount-box {
		width: 100%;
		margin-bottom: 30px
	}
	.recent-sold-box {
		width: 100%
	}
	.contact li a {
		padding: 5px 10px;
		font-size: 18px
	}
	.contact {
		padding: 0 0 0 10px
	}
	footer {
		background: #f9f9f9;
		margin-top: 20px
	}
	.profile-content .profile-header .profile-left {
		float: left;
		width: 100%
	}
	.profile-content .profile-header .profile-right {
		float: right;
		width: 100%;
		margin: 20px 0 0
	}
	.refill-left {
		width: 100%;
		margin-bottom: 30px
	}
	.refill-right {
		width: 100%
	}
	.col-buy-robux,
	.col-buy-items {
		width: 47%
	}
	.right-wel-col {
		width: 100%;
		float: right;
		margin: 40px 0 0
	}
	.right-wel-col h2 {
		margin-bottom: 20px;
		font-size: 3em
	}
	.recent-box ul li {
		width: 90px;
		height: 90px
	}
	.recent-box ul li img {
		height: 60px
	}
	.footer-inn {
		max-width: 1200px;
		padding: 0 15px 0 5px
	}
}

@media only screen and (max-width:767px) {
	.container {
		width: 100%;
		padding: 0 5%
	}
	.refill-center a.link {
		font-size: inherit
	}
	.refill-right a.buy-btn {
		display: block;
		padding: 0 25px
	}
	.refill-right table td.green-text img,
	.refill-right table td.blue-text img {
		vertical-align: top;
		margin-right: 10px;
		width: 24px;
		height: 24px
	}
	.refill-right table td {
		padding: 12px 3%
	}
	.refill-right table td.green-text,
	.refill-right table td.blue-text {
		font-size: 20px
	}
	.refill-left .form-box .col-md-6 {
		width: 100%;
		display: inline-block;
		padding: 0 0;
		margin: 30px 0 0
	}
	footer {
		background: #f9f9f9;
		margin-top: 0
	}
	.slick-dots {
		display: none!important
	}
	.container {
		width: 100%;
		display: block
	}
	.container1 {
		padding: 0 0
	}
	.detail-count h4 span,
	.detail-count p span {
		
		font-size: 14px;
		display: block;
		margin-top: 10px
	}
	.annoucment-box h4,
	.annoucment-box h3 {
		font-size: 20px
	}
	.content-detail h2,
	.content-detail h3 {
		font-size: 30px!important
	}
	.detail-count.blue-heading h4,
	.detail-count.blue-heading p,
	.detail-count h4,
	.detail-count p,
	.detail-count h1 {
		font-size: 30px;
		line-height: 1
	}
	.detail-count.blue-heading h4 span,
	.detail-count.blue-heading p span {
		font-size: 14px;
		display: block;
		margin-top: 10px
	}
	.container-content {
		max-width: 100%;
		margin: 0 auto;
		padding: 0 15px
	}
	.col-buy-items {
		margin-right: 40px
	}
	.statics .col-md-3 {
		width: 100%;
		margin-bottom: 20px;
		display: flex;
		align-items: center
	}
	.right-wel-col {
		width: 100%;
		float: right
	}
	.right-wel-col h2 {
		margin-bottom: 20px;
		font-size: 2.1em
	}
	.recent-box {
		margin-bottom: 30px;
		clear: both
	}
	.recent-box ul li {
		float: left;
		width: 100%;
		height: 100%;
		margin-left: 0;
		margin-top: 20px
	}
	.recent-box ul li img {
		height: 80px
	}
	a.count {
		padding: 2px 20px 3px 0!important
	}
	.thumb-icon {
		width: 60px;
		float: left
	}
	.thumb-icon img {
		width: 50px;
		float: left
	}
	.right-wel-col p {
		color: #d78484;
		font-size: 20px
	}
	.Btm-title {
		font-size: 36px;
		padding: 50px 0;
		text-align: center
	}
	.col-buy-robux .Btm-title {
		font-size: 36px;
		padding: 50px 0;
		text-align: center
	}
	.Btm-title,
	.col-buy-robux .Btm-title {
		height: 174px
	}
	.leader-box h4,
	.leader-box h3 {
		font-size: 20px
	}
	.ul-style p {
		font-size: 18px;
		color: #5b5d5c
	}
	.join-box,
	.leader-box {
		width: 100%
	}
	.col-buy-robux {
		width: 100%;
		height: 558px
	}
	.col-buy-items {
		width: 100%;
		height: 558px;
		margin-bottom: 30px
	}
	.item-img {
		text-align: center;
		height: 440px;
		display: flex;
		padding: 20px;
		align-items: center
	}
	.join-detail {
		padding-left: 55px
	}
	.join-detail img {
		width: 95%
	}
	.item-img img {
		width: 100%
	}
	.container-example1 {
		height: 100px;
		max-width: 100%;
		padding: 5px 10px;
		margin: auto
	}
	.leader-box {
		height: 160px
	}
	.join-box {
		height: 160px
	}
	.join-thumb {
		float: left;
		width: 55px;
		height: 55px
	}
	.annoucment-box {
		height: 191px
	}
	.logo {
		padding: 0 0 0 0;
		width: 80%
	}
	.logo a img {
		height: auto;
		width: 100%
	}
	.home-list li {
		margin: 0 0 0 0
	}
	.home-list li a {
		padding: 9px 10px 8px;
		font-size: 15px
	}
	.home.active:before {
		width: 18px;
		height: 18px
	}
	.home.active:hover:before {
		width: 18px;
		height: 18px
	}
	.profile:before {
		width: 18px;
		height: 18px
	}
	.profile:hover:before {
		width: 18px;
		height: 18px
	}
	.point:before {
		border-left: #b8d7ff solid 1px;
		width: 5px;
		height: 32px
	}
	.footer-logo {
		float: right;
		width: 90%
	}
	.wrapper {
		margin: 0!important
	}
	.push {
		display: none
	}
	.footer-logo a img {
		width: 100%
	}
	.contact li a {
		padding: 5px 15px;
		font-size: 22px
	}
	.profile-content .profile-header .profile-right a.link {
		word-break: break-all
	}
	.profile-content .profile-header .profile-left {
		float: left;
		width: 100%;
		text-align: center
	}
	.profile-content .profile-header .profile-left .profile-thumb {
		float: none;
		margin: 0 auto
	}
	.profile-content .profile-header .profile-left .profile-detail {
		padding-left: 0;
		display: block;
		text-align: center
	}
	.profile-content .profile-header .profile-left .profile-detail .header-pro {
		float: none
	}
	.profile-content .profile-header .profile-left .profile-detail h2 {
		float: none
	}
	.profile-content .profile-header .profile-left .profile-detail a.edit-profile {
		display: inline-block;
		float: none
	}
	.last-payout {
		float: left;
		width: 100%;
		margin-bottom: 30px
	}
	.last-refill {
		float: left;
		width: 100%
	}
	.last-refill .list-box,
	.last-payout .list-box {
		padding: 0 20px;
		min-height: auto
	}
	.last-refill .list-box ul li,
	.last-payout .list-box ul li {
		font-size: 20px;
		line-height: 28px
	}
	.profile-content .profile-header .profile-right a.link {
		padding: 12px 10px;
		font-size: 15px
	}
	.profile-content .profile-header .profile-right p {
		font-size: 20px
	}
	.profile-content .profile-header .profile-left .rating-bar p {
		font-size: 20px
	}
	.profile-content .profile-header {
		padding-top: 40px;
	}
	.payout {
		padding: 30px 0 0
	}
	.nav {
		display: none
	}
	.header-inn {
		background: #3875c6;
		min-height: 74px
	}
	.mid-box {
		display: flex;
		align-items: center;
		min-height: 74px
	}
	.tutorials-box {
		padding: 3em 0;
		text-align: center
	}
	.faq-section h2 {
		font-size: 30px
	}
	.faq-section h3 {
		font-size: 28px;
		margin: 50px 0 10px
	}
	.faq-section p {
		color: #474747;
		font-size: 20px;
		line-height: 36px
	}
	.new p {
		font-size: 10px
	}
	.top p {
		font-size: 10px
	}
	.menu-button {
		display: block;
		top: 19px;
		right: 8px
	}
	.home-list ul {
		padding: 0 20px
	}
	.first-card,
	.second-card,
	.third-card {
		margin-right: 0;
		width: 100%;
		margin-bottom: 20px
	}
	.custom-amount-box .header h3.left-heading img {
		margin-right: 10px;
		width: 36px;
		height: 36px
	}
	.credit {
		float: right;
		text-align: center;
		width: 100%
	}
	.refill-right {
		min-height: inherit
	}
	.refill-left {
		padding: 20px
	}
	.refill-left .header h3 img {
		margin-right: 15px;
		width: 44px
	}
	.refill-left .header h3 {
		font-size: 27px
	}
	.custom-amount-box .header,
	.custom-amount-box .header h4.right-heading {
		display: block
	}
	.custom-amount-box .header h3.left-heading {
		font-size: 22px;
		display: flex;
		width: 100%
	}
	.custom-amount-box .header h4.right-heading {
		font-size: 18px;
		display: flex;
		margin-top: 15px
	}
	.custom-amount-box .header h4.right-heading img {
		margin-right: 10px;
		width: 36px;
		height: 36px
	}
	.alert-warning {
		font-size: 18px
	}
	.form-box .col-md-6 {
		width: 100%;
		margin-bottom: 20px
	}
	input.user-input,
	input.price-input,.sweetSelect {
		padding: 15px 0 15px 55px;
		font-size: 20px
	}
	.form-box {
		padding: 0
	}
	.buy-btn {
		font-size: 20px
	}
	.custom-amount-box .amount-footer {
		padding: 20px 0;
		display: block
	}
	.custom-amount-box .amount-footer h3.left-heading {
		width: 100%;
		font-size: 16px
	}
	.custom-amount-box .amount-footer h4.right-heading {
		width: 100%;
		text-align: center;
		margin-top: 20px
	}
	.custom-amount-box .amount-footer h4.right-heading a {
		font-size: 16px
	}
	.vedio-in ul li {
		width: 280px!important
	}
	.vedio-in ul li {
		padding: 0 0
	}
	.myaccount {
		display: none
	}
	.side_bar .myaccount {
		display: block!important;
		text-align: center
	}
	.home-list {
		display: none
	}
	.side_bar .home-list {
		display: block!important;
		text-align: left
	}
	.social-inn {
		display: none
	}
	.side_bar .social-inn {
		display: block!important;
		text-align: center
	}
	.wrapper {
		position: relative;
		left: 0
	}
	.side_bar {
		display: block
	}
	.open .side_bar {
		right: 0
	}
	.open .wrapper {
		left: -250px
	}
	.xman {
		padding: 20px 15px 20px 16px;
		border-radius: 0;
		text-align: left
	}
	.logo {
		padding: 10px 30px
	}
	.home-list li {
		display: block;
		padding: 10px 0
	}
	.social-inn ul li {
		display: inline-block
	}
	.home-list li a {
		width: 100%
	}
	.home-list ul li a.active:after {
		display: none
	}
	.check {
		font-size: 16px;
		line-height: 25px;
		margin: 0 0 40px
	}
	.earn {
		padding: 40px 20px
	}
	.earn img {
		width: 100%;
		height: auto
	}
	.overview-in ul li {
		width: 100%;
		float: none;
		margin: 0 0 20px
	}
	.overview-in:after {
		background-size: cover
	}
	.footer-logo {
		float: none;
		margin: 0 auto
	}
	.contact {
		padding: 18px 0 18px 10px
	}
	.rofun {
		text-align: center;
		display: block
	}
	.contact {
		display: block;
		text-align: center
	}
	.space {
		height: 50px
	}
	.home-list ul li a:hover:after {
		display: none
	}
	.logout a {
		display: block;
		margin: 0 0 10px
	}
	.envy-up ul li {
		padding: 0 0 20px;
		float: none;
		display: block;
		width: 100%;
		float: none
	}
	.envy-down {
		float: none;
		display: block
	}
	.envy-down .envy-list {
		text-align: center
	}
	.envy-in {
		padding: 0 10px 50px
	}
	.envy-inn12 {
		min-height: 1500px
	}
	.envy-list {
		max-width: 280px;
		margin: 0 auto
	}
	.envy-list-rt h5 {
		text-align: center
	}
	.envy-up {
		padding: 30px 20px 10px
	}
	.envy-up-get .envy-list {
		max-width: 100%
	}
	.envy-up-get ul li {
		width: 100%;
		float: none;
		display: block;
		padding: 0 0 20px
	}
	.refer-icon {
		display: none
	}
	.referimg .refer-icon {
		display: block;
		width: 100%;
		padding: 10px 0
	}
	.envy-up-get h2 {
		padding: 0 0 18px
	}
	.company {
		padding: 0
	}
	.envy-up-get {
		padding: 25px 10px
	}
	.referimg .refer-icon {
		padding: 0
	}
	.envy-up-get a {
		margin: 0
	}
	.company ul li {
		margin: 0 2px 0 0
	}
	.company ul li a {
		padding: 15px 2px
	}
	.helpdesk-rt {
		float: none;
		display: block
	}
	.helpdesk-lft {
		float: none;
		display: block
	}
	.help-inn {
		padding: 20px 0 0
	}
	.helpdesk-lft h2 {
		font-size: 30px;
		line-height: 38px;
		padding: 0 0 12px
	}
	.helpdesk-lft p {
		font-size: 17px;
		line-height: 21px;
		padding: 0 0 20px
	}
	.helpdesk-rt a {
		font-size: 18px;
		line-height: 22px;
		width: 210px
	}
	.get-in h5 {
		font-size: 21px;
		padding: 0 0 17px
	}
	.get-in p {
		font-size: 16px;
		line-height: 26px;
		padding: 0 0 0 37px
	}
	.chat-rt a {
		font-size: 25px;
		line-height: 32px
	}
	community-rt-border {
		width: 285px;
		padding: 12px 30px
	}
	.get-space {
		height: 105px
	}
	.wd2 {
		margin: 0!important
	}
	.vedio-in ul {
		padding: 0 0
	}
	.community-rt {
		float: none
	}
	.community-lft h2 {
		font-size: 33px;
		line-height: 35px
	}
	.community-lft p {
		padding: 0 15px 0 0;
		font-size: 18px;
		line-height: 30px
	}
	.earned-in p {
		font-size: 17px;
		line-height: 33px
	}
	.community-lft {
		padding: 0 0 20px
	}
	.vedio-in ul li {
		padding: 0 20px
	}
	.month h5 {
		font-size: 25px
	}
	.tab-inn {
		padding: 10% 10px
	}
	.table-sec {
		padding: 0
	}
	.invite h5 {
		font-size: 16px
	}
	.register-in1 p {
		padding: 0 15px 18px;
		font-size: 14px;
		line-height: 25px;
		letter-spacing: 0
	}
	.register-in1 {
		padding: 57px 10px
	}
	.register-in1 {
		max-width: 371px
	}
	.register-in1 a img {
		width: 200px;
		height: 35px
	}
	.company ul li a img {
		display: block;
		margin: 0 auto
	}
	.company ul li {
		width: 48%;
		margin: 10px 1%!important;
		vertical-align: middle;
		float: none
	}
	.contact {
		float: none
	}
	.rofun {
		float: none
	}
	.open footer {
		left: -250px
	}
	.open .menu-button span:nth-child(1) {
		transform: rotate(52deg);
		-webkit-transform: rotate(52deg)
	}
	.open .menu-button span:nth-child(2) {
		opacity: 0;
		visibility: hidden
	}
	.open .menu-button span:nth-child(3) {
		transform: rotate(-52deg);
		-webkit-transform: rotate(-52deg);
		position: absolute;
		left: 10px;
		top: 0
	}
}

@media only screen and (max-width:599px) {
	.logo {
		padding: 10px 0
	}
	.logo a img {
		width: 283px
	}
	.check p br {
		display: none
	}
	.overview-cnt p {
		font-size: 18px;
		line-height: 25px
	}
	.overview-cnt h4 {
		font-size: 25px;
		line-height: 32px
	}
	.overview-bottom {
		padding: 15px 15px 25px
	}
	.website p {
		font-size: 13px
	}
	.envy-list-rt h3 {
		font-size: 27px;
		padding: 0 0 5px
	}
	.envy-list-rt span {
		font-size: 15px;
		line-height: 18px;
		padding: 1px 9px
	}
	.envy-list-rt1 h3 {
		font-size: 19px
	}
	.envy-list-rt1 span {
		font-size: 30px;
		line-height: 35px
	}
	.envy-list-rt h5 {
		padding: 0 0 13px
	}
	.envy-list-rt4 small.eight {
		font-size: 19px;
		line-height: 22px;
		padding: 0
	}
	.envy-list-rt a.link {
		padding: 8px 10px 10px 35px
	}
	.get-space {
		height: 100px
	}
	.envy-up-get h2 {
		font-size: 30px;
		line-height: 38px;
		padding: 0 0 10px
	}
	.envy-up-get p {
		font-size: 15px;
		line-height: 20px;
		padding: 0 0 5px
	}
	.envy-up-get ul li {
		padding: 0 0 15px
	}
	.envy-list-rt1 span {
		font-size: 25px;
		line-height: 35px
	}
	.envy-list-rt1 h3 {
		font-size: 16px
	}
	.envy-up-get a {
		font-size: 16px;
		line-height: 20px
	}
	.helpdesk-in {
		width: 100%;
		display: block
	}
	.helpdesk-lft {
		float: none;
		display: block
	}
	.helpdesk-rt {
		float: none;
		display: block
	}
	.helpdesk-in {
		padding: 15px 0
	}
	.helpdesk-lft p {
		padding: 0 0 10px
	}
	.helpdesk-rt {
		padding: 10px 0 0
	}
	.get-in {
		padding: 23px 15px 0
	}
	.get-in h5 {
		font-size: 20px;
		padding: 0 0 13px
	}
	.community-rt-border {
		width: 280px
	}
	.cha-rt img {
		width: 50px;
		height: auto
	}
	.chat-rt a {
		font-size: 21px;
		line-height: 30px
	}
	.community-lft h2 {
		font-size: 24px;
		line-height: 32px
	}
	.robux ul li {
		width: 100%;
		padding: 15px 0
	}
	.robux {
		padding: 35px 0
	}
	.earned {
		padding: 35px 0
	}
	.community1 {
		float: left
	}
	.month h5 {
		font-size: 18px
	}
	.table-sec tr,
	th {
		text-align: center;
		padding: 11px 0
	}
	.table-sec th span {
		display: block;
		font-size: 18px
	}
	.table-sec tr {
		font-size: 15px
	}
	.invite-inn {
		padding: 55px 0 0
	}
	.get-in p:before {
		height: 94%
	}
	.register-in1 {
		max-width: 273px
	}
	.register-in1 a {
		padding: 0 0 10px 0
	}
	.register .register-in1 {
		padding: 40px 0
	}
	.register-in2 img {
		width: 250px;
		height: 35px
	}
	.form-sec ul li input {
		font-size: 20px;
		padding: 0 20px 0 55px
	}
	.form-sec p {
		padding: 26px 5px 0
	}
	.login-in>ul>li>a {
		font-size: 22px
	}
}

@media only screen and (max-width:479px) {
	.logo a img {
		width: 215px
	}
	.check {
		font-size: 15px;
		line-height: 23px
	}
	.overview-top {
		width: 108px
	}
	.overview-cnt p {
		font-size: 15px;
		line-height: 20px
	}
	.overview-cnt h4 {
		font-size: 24px;
		line-height: 29px
	}
	.overview-cnt {
		padding: 15px 0 0
	}
	.overview-bottom {
		padding: 15px 15px 20px
	}
	.box {
		padding: 0 15px 2px
	}
	.contact li {
		padding: 10px 0
	}
	.website a {
		font-size: 13px
	}
	.header-inn1 {
		padding: 11px 0
	}
	.envy-up {
		padding: 30px 5px 10px
	}
	.envy-list-rt a.link {
		font-size: 13px
	}
	.envy-list-rt h3 {
		font-size: 25px;
		padding: 0 0 3px
	}
	.envy-list-rt1 h3 {
		font-size: 15px;
		padding: 4px 0 0
	}
	.envy-list-lft img {
		width: 48px;
		height: auto
	}
	.envy-list-rt h5 {
		font-size: 18px
	}
	.get-space {
		height: 130px
	}
	.envy-up-get {
		padding: 20px 10px
	}
	.envy-up-get .envy-list .envy-list-get {
		padding: 0
	}
	.community-rt-border {
		width: 224px;
		padding: 7px 18px
	}
	.helpdesk-lft h2 {
		font-size: 25px;
		line-height: 27px;
		padding: 0 0 7px
	}
	.helpdesk-lft p {
		font-size: 15px;
		line-height: 19px
	}
	.helpdesk-rt {
		padding: 5px 0 0
	}
	.helpdesk-rt a {
		font-size: 16px;
		line-height: 19px;
		width: 175px
	}
	.get-in h5 {
		font-size: 19px;
		padding: 0 0 5px
	}
	.get-in p {
		font-size: 14px;
		line-height: 19px;
		padding: 0 0 0 35px
	}
	.cha-rt {
		padding: 0 5px 0 0
	}
	.community-rt-border h3 {
		padding: 0
	}
	.community-lft h2 {
		font-size: 20px;
		line-height: 32px
	}
	.community-lft p {
		line-height: 21px
	}
	.table-sec th span {
		display: block;
		font-size: 14px
	}
	.tab-inn {
		padding: 20% 10px
	}
	.vedio-cnt p {
		float: none;
		display: block;
		width: 100%;
		text-align: center
	}
	.vedio {
		padding: 0 0 0
	}
	.earned {
		padding: 35px 0 10px
	}
	.get-space {
		height: 35px
	}
	.register-in2{
		min-width: 350px;
	}
}

@media only screen and (max-width:768px) {
	.nav {}
	.join-detail img {
		width: 75%
	}
	.Btm-title,
	.col-buy-robux .Btm-title {
		height: 174px
	}
	h3.Btm-title,
	h3.Btm-title span,
	.col-buy-robux h3.Btm-title,
	.col-buy-robux h3.Btm-title span {
		font-size: 20px
	}
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
	.vedio-in video {
		height: 128px
	}
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
	.vedio-in video {
		height: 178px
	}
}