@media screen and (max-width: 1600px){
	.left-bg {
    	left: -170px;
	}
	.right-bg {
    	right: -170px;
	}
	.menu{
		width: 100%;
	}
	.step-left-bg{
		left: -200px;
	}
	.step-right-bg{
		right: -200px;
	}
	.link-table{
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.title-mail-wrapper{
		margin-top: 40px;
	}
	.main .content {
		margin: 70px auto 50px auto;
	}
}
@media screen and (max-width: 1440px){
	.left-bg {
    	left: -240px;
	}
	.right-bg {
    	right: -240px;
	}
	.logo img{
		height: 50px;
		display: block;
	}
	.title-main {
    	margin-top: 20px;
    	font-size: 70px;
	}
	.multiply {
    	font-size: 26px;
	}
	.main .content {
    	margin: 40px auto;
	}
	.earning {
    	padding: 4px 0;
	}
	.duration {
    	padding: 4px 0;
	}
	.total-profit {
    	padding: 15px 0;
	}
	.bonus img{
		height: 400px;
	}
	.live-stat {
    	margin-top: -200px;
	}
	.level1 {
    	position: absolute;
    	top: 98px;
    	left: 344px;
    	font-size: 130px;
	}
	.line-bonus1 {
    	position: absolute;
    	top: 67px;
    	left: 362px;
    	height: 4px;
    	width: 42px;
	}
	.line-bonus2 {
    	position: absolute;
    	top: 137px;
    	left: 555px;
    	height: 4px;
    	width: 42px;
	}
	.line-bonus3 {
	    position: absolute;
	    top: 330px;
	    left: 483px;
	    height: 4px;
	    width: 42px;
	}
	.line-bonus4 {
    	position: absolute;
    	top: 258px;
    	left: 292px;
    	height: 4px;
    	width: 42px;
	}
	.level2 {
    	position: absolute;
    	top: 288px;
    	left: 561px;
    	font-size: 80px;
	}
	.level3 {
    	position: absolute;
    	top: 245px;
    	left: 707px;
    	font-size: 50px;	
	}
	.title-mail-wrapper {
    	font-size: 74px;
	}
}
@media screen and (max-width: 1370px){
	.line-bonus1, .line-bonus2, .line-bonus3, .line-bonus4 {
    	position: absolute;
    	top: 67px;
    	left: 362px;
    	height: 4px;
    	width: 42px;
    	display: none;
	}
	.live-stat .content{
		width: 1240px;
	}
	.row-stat{
		font-size: 16px;
	}
	.title-mail-wrapper {
    	font-size: 70px;
	}
}
@media screen and (max-width: 1300px){
	.main .content {
		width: 1200px;
		margin: 30px auto
	}
	.center-stat a {
    	width: 280px;
    	padding: 10px 0;
    	font-size: 24px;
	}
	.main-img {
    	position: absolute;
    	top: -8px;
    	left: 196px;
    	z-index: 1;
    	transform: scale(0.9);
	}
	.left-stat {
    	width: 389px;
	}
	.right-stat {
		width: 389px;
	}
	.dot1, .dot2, .dot3, .dot4, .dot5{
		display: none;
	}
	.center-stat a{
		margin-top: 280px;
	}
	.stat {
    	margin: 4px 0 40px 0;
	}
	.live-stat .content{
		width: 100%;
		box-sizing: border-box;
	}
	.row-stat{
		font-size: 14px;
	}
}
@media screen and (max-width: 1200px){
	.main .content{
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
	}
	.left-stat, .right-stat{
		width: 45%;
		text-align: center;
		order: 1;
	}
	.right-stat{
		order: 2;
	}
	.center-stat{
		order: 3;
	}
	.left-stat .stat{
    	text-align: center;
	}
	.right-stat .stat{
    	text-align: center;
	}
	.second-left{
		padding: 0px;
		background: #000;
	}
	.first-left{
		padding: 10px 0px;
		background: rgba(0,0,0,0.7);
		width: 400px;
		margin: 20px auto;
		border-radius: 10px;
	}
	.first-right{
		padding: 10px 0px;
		background: rgba(0,0,0,0.7);
		width: 400px;
		margin: 20px auto;
		border-radius: 10px;
	}
	.second-right{
		padding: 10px 0px;
		background: rgba(0,0,0,0.7);
		width: 400px;
		margin: 20px auto;
		border-radius: 10px;
	}
	.main-img{
		display: none;
	}
	.second-left{
		padding: 10px 0px;
		background: rgba(0,0,0,0.7);
		width: 400px;
		margin: 20px auto;
		border-radius: 10px;
	}
	.center-stat a {
    	margin-top: 0px;
	}
	.first-step{
		margin: 30px auto;
		border: none;
	}
	.dot-step{
		display: none;
	}
	.second-step{
		margin: 30px auto;
		border: none;
	}
	.third-step{
		margin: 30px auto;
		border: none;
	}
	.logo img{
		margin-left: 10px;
	}
	.login-block{
		margin-right: 10px;
	}
	.content{
		max-width: 100%;
	}
	.level1{
    	left: calc(50% - 207px);
	}
	.level2{
	    left: calc(50% + 10px);
	}
	.level3{
    	left: calc(50% + 157px);
	}
	.table-stat {
    	width: 725px;
	}
	.best-img {
    	position: absolute;
    	top: -120px;
    	left: calc(50% - 650px);
	}
	.dot1-best {
    	left: calc(50% - 8px);
	}
	.dot2-best {
    	left: calc(50% - 42px);
	}
	.dot3-best {
    	display: none;
	}
	.affiliate .small-title {
    	font-size: 30px;
	}
}
@media screen and (max-width: 992px){
	.menu{
		display: none;
		position: relative;
		z-index: 100;
	}
	.btn-media{
		display: block;
	}
	.logo img{
		margin-left: 100px;
	}
	.menu a{
		display: block;
		margin: 5px 0;
		text-align: left;
		padding: 2px 10px;
		text-transform: uppercase;
		font-size: 20px;
	}
	.right-bg{
		display: none;
	}
	.left-bg{
		display: none;
	}
	.first-left{
		background: rgba(0,0,0,0.65);
		width: 300px;
	}
	.first-right{
		background: rgba(0,0,0,0.65);
		width: 300px;
	}
	.second-right{
		background: rgba(0,0,0,0.65);
		width: 300px;
	}
	.second-left{
		background: rgba(0,0,0,0.65);
		width: 300px;
	}
	.all-plans{
		display: block;
		margin: 0 auto;
	}
	.tarif{
		margin: 20px auto 40px auto;
	}
	.table-stat {
    	width: 600px;
	}
	.title {
    	font-size: 36px;
	}
	.affiliate .small-title {
    	font-size: 26px;
	}
	footer .menu{
		display: block;
	}
	footer .menu a{
		display: inline-block;
		font-size: 16px;
		padding: 5px;
	}
	.title-mail-wrapper {
    	font-size: 50px;
	}
}
@media screen and (max-width: 768px){
	.btn-media img{
		height: 40px;
	}
	.logo img {
    	margin-left: 80px;
    	height: 32px;
	}
	.title-main{
		font-size: 60px;
	}
	.left-stat, .right-stat{
		width: 100%;
	}
	.first-right {
    	margin: 0px auto 20px auto;
	}
	.affiliate .small-title {
    	font-size: 22px;
	}
	.table-stat{
		width: 95%;
	}
	.live-stat .content{
		border-radius: 0px;
		border-right: none;
		border-left: none;
	}
	.deposit-event{
		font-size: 11px;
	}
	.withdrawal-event{
		font-size: 11px;
	}
	.address{
		overflow: hidden;
		width: 25%;
    	padding: 0 6px;
    	text-overflow: ellipsis;
	}
	.bonus img {
    	height: 384px;
	}
	.level1 {
    	top: 90px;
    	left: calc(50% - 200px);
	}
	.level2 {
		top: 275px;
    	left: calc(50% + 14px);
	}
	.level3 {
		top: 234px;
    	left: calc(50% + 154px);
	}
	.first-step{
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	.text-step{
		width: 100%;
		order: 1;
	}
	.img-step{
		margin: 0px auto;
		order: 2;
	}
	.img-step img{
		margin: 0 auto;
	}
	.second-step{
		width: 100%;
		box-sizing: border-box;
		flex-wrap: wrap;
		justify-content: center;
	}
	.second-step .img-step{
		margin: 0px;
	}
	.third-step{
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	.number {
    	left: 10px!important;
    	top: -15px!important;
    	color: #21999b;
    	font-size: 60px;
	}
	.best-img{
		display: none;
	}
	.best-trx {
    	text-align: center;
    	font-size: 30px;
    	line-height: 145%;
    	color: #fff!important;
	}
	.dot1-best{
		display: none;
	}
	.dot2-best{
		display: none;
	}
	.best{
		padding: 0px;
	}
	.center-stat{
    	margin-top: 40px;
	}
	form{
		max-width: 95%;
		box-sizing: border-box;
	}
	.registration{
		width: 105px;
	}
	.login {
    	display: inline-block;
    	width: 105px;
    	margin-left: 0px;
	}
	.term{
		font-size: 14px;
	}
	.term h3{
		font-size: 18px;
	}
	.ask{
		font-size: 14px;
		max-width: 95%;
		margin: 10px auto;
	}
	input, select, textarea {
    	padding: 4px 6px;
    	font-size: 16px;
	}
	.affiliate {
    	min-height: 780px;
	}
	.title-mail-wrapper {
    	font-size: 40px;
	}
}

@media screen and (max-width: 500px){
	.logo img {
		margin-left: 57px;
	}
	.btn-media{
		top: 16px;
		left: 5px;
	}
	.btn-media img {
    	height: 33px;
	}
	.login {
    	width: 75px;
    	font-size: 16px;
	}
	.registration {
    	width: 85px;
    	font-size: 16px;
    	margin-left: 5px;
	}
	.login img{
		margin-top: 0px;
		margin-left: 0px;
	}
	.title-main {
    	font-size: 46px;
	}
	.multiply {
    	font-size: 20px;
    	padding-top: 10px;
	}
	.first-left {
    	padding: 5px 0px;
	}
	.title {
    	font-size: 28px;
	}
	.small-title {
    	text-align: center;
    	font-size: 20px;
	}
	.info-plans {
    	font-size: 12px;
    	margin-top: -5px;
    	padding-bottom: 20px;
	}
	.affiliate .small-title {
    	font-size: 20px;
	}
	.bonus img {
    	height: 244px;
	}
	.level1 {
    	top: 70px;
    	left: calc(50% - 125px);
    	font-size: 84px;
	}
	.level1 span {
	    font-size: 50px;
	}
	.level1 div {
	    font-size: 20px;
	    margin-top: -40px;
	}
	.level2 {
    	top: 194px;
    	left: calc(50% + 10px);	
    	font-size: 44px;
	}
	.level2 span {
    	font-size: 28px;
	}
	.level2 div {
    	font-size: 14px;
    	margin-top: -20px;
	}
	.affiliate {
    	min-height: 710px;
	}
	.level3 {
    	top: 167px;
    	left: calc(50% + 98px);
    	font-size: 30px;
	}
	.level3 span {
    	font-size: 20px;
	}
	.level3 div {
    	font-size: 10px;
    	margin-top: -12px;
	}
	.table-stat{
		overflow: auto;
	}
	.row-stat{
		width: 450px;
		box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
	}
	.event {
    	width: 17%;
	}
	.date-table {
    	width: 15%;
	}
	.link-table img{
		display: none;
	}
	.link-table {
    	width: 20%;
	}
	.text-step h3 {
    	font-size: 22px;
	}
	.number{
		font-size: 50px;
	}
	.text-step p {
    	font-size: 18px;
	}
	.best-trx {
    	font-size: 24px;
	}
	.step{
		background: none;
		margin-bottom: 0px;
	}
	.step-left-bg{
		display: none;
	}
	.best a{
		margin: 70px auto;
		font-size: 20px;
	}
	.center-stat a {
    	font-size: 20px;
	}
	.title-page {
    	font-size: 28px;
	}
	.wrapper {
    	background: url(../img/affiliate-fon2.png)top center no-repeat;
	}
}