@media screen and (max-width: 1630px){
	#about .left{left: calc(50% - 740px); top: 70px}
	#about .right{right: calc(50% - 740px);}
	.line{right: -1580px}

}
@media screen and (max-width: 1510px){
	#promo:after,#promo:before{background-size: 70px}
}

@media screen and (max-width: 1350px){
	.container{width: 100%; padding: 0 20px}


	header nav li:first-child{margin: 0}
	header .lang{margin-left: 30px}
	header nav li{margin-left: 30px}


	#promo .container{padding: 0}


	#about .bt{display: none;}
	#about .image{width: 100%; order: 0; margin-bottom: 25px}
	#about .image .bt{display: block;}
	#about .text{order: 1; width: 100%;}


	#tokenomics .chart{width: 700px; margin-bottom: -150px}
	#tokenomics .chart .counts.counts1{left: 600px}
	#tokenomics .chart .counts.counts2{left: 570px}


	#memes img{width: calc(60% - 7px); margin-bottom: 14px; height: 250px; object-fit: cover;}
	#memes img:nth-child(2){width: calc(40% - 7px)}
	#memes img:nth-child(3){width: calc(40% - 7px)}
	#memes img:nth-child(6){width: calc(40% - 7px)}
	#memes img:nth-child(7){width: calc(40% - 7px)}
	#memes img:last-child{width: 100%;}


	#partners .flex{justify-content: center;}
	#partners .item{margin: 0 0 30px!important; width: calc(100%/3);}


	footer .flex{justify-content: center;}
	footer .logo{width: 100%; margin-bottom: 30px}
	footer .logo img{margin: 0 auto; max-width: 140px}
	footer nav{width: 100%;}
	footer nav li{display: block; margin: 0 0 20px; text-align: center;}
	footer nav li a:after{opacity: 1; left: calc(50% - 7px)}
	footer .socials{padding: 30px 0 0;}
	footer .socials a{margin: 0 5px; width: 50px; height: 50px; background-size: 100% 100%;}
	footer .socials a.telegram svg{width: 19px}
	footer .socials a svg{width: 24px}
	footer .socials a span{font-size: 12px; top: 4px; left: 10px}
	footer .copyright{padding: 17px 0; font-size: 14px}
}

@media screen and (max-width: 767px){
	/*body{background: #140633;}*/

	.bt{margin-bottom: 25px!important; font-size: 40px; line-height: normal;}


	header nav{display: none; position: absolute; top: 100%; right: 0; background: #AC93FF; width: 200px}
	header nav li{display: block; margin: 0; text-align: right;}
	header nav li a{display: block; color: #fff; padding: 12px 20px; border-bottom: 1px solid #fff;}
	header nav li:last-child a{border-bottom: none;}
	header .logo{max-width: 138px}
	header .lang{margin: 0 20px 0 0}
	header .pull{display: block; background: url("../img/pull.svg") 50% 50% no-repeat; width: 29px; height: 23px}
	header .pull.open{background: url("../img/close.svg") 50% 50% no-repeat; background-size: auto 100%;}


	#promo{padding: 200px 0 150px}
	#promo:after,#promo:before{display: none;}
	#promo h1{font-size: 64px; margin-bottom: 5px; line-height: 61px;}
	#promo .form img{width: 60px}
	#promo .container{padding: 0; max-width: 320px}
	#promo textarea{font-size: 14px; padding: 10px 54px 0 15px; height: 64px; background: url("../img/bg_input_m.svg") 50% 50% no-repeat; background-size: 100% 100%;}
	#promo .copy{top: 60px}
	#promo .form img{top: -20px; right: 10px}
	#promo .label{font-size: 14px; padding-right: 90px; position: relative; top: 7px}
	#promo .submit{padding: 28px 0 0}
	#promo .socials{padding: 30px 0 0;}
	#promo .socials a{margin: 0 5px; width: 50px; height: 50px; background-size: 100% 100%;}
	#promo .socials a.telegram svg{width: 19px}
	#promo .socials a svg{width: 24px}
	#promo .socials a span{font-size: 12px; top: 4px; left: 10px}
	#promo .submit .btn{margin: 0 auto}


	#about{padding: 60px 0 30px; border-width: 6px}
	#about .text p{font-size: 14px; line-height: 21px;}
	.line{top: 160px; right: -1350px}


	#how__to__buy{padding: 60px 0;}
	#how__to__buy p{font-size: 16px; line-height: normal; margin-bottom: 20px}
	#how__to__buy .note,#how__to__buy .note p{font-size: 20px}
	#how__to__buy .form{margin: 0 auto 20px; max-width: 320px}
	#how__to__buy textarea{font-size: 14px; padding: 10px 54px 0 15px; height: 64px; background: url("../img/bg_input_m.svg") 50% 50% no-repeat; background-size: 100% 100%;}
	#how__to__buy .copy{top: 20px; right: 20px}
	#how__to__buy .btn{width: 320px; height: 65px; background-size: 100% 100%; font-size: 32px; margin-top: 0; margin-bottom: 25px}


	#video img{width: 100%; height: auto;}


	#tokenomics{padding: 60px 0 280px; background-size: auto 175px}
	#tokenomics .chart{width: 370px; margin: 0 auto; position: absolute; /*bottom: 70px;*/ left: calc(50% - 185px); margin: 0;}
	#tokenomics .chart .counts{font-size: 28px;}
	#tokenomics .chart .counts p{font-size: 14px; position: relative; top: -10px; line-height: 1.2;}
	#tokenomics .chart .counts.counts1{left: 305px; top: -20px}
	#tokenomics .chart .counts.counts2{left: 305px; top: 120px}
	#tokenomics .chart .counts.counts3{left: 195px; top: 190px; max-width: 100px}
	#tokenomics .chart .counts.counts4{left: 20px; top: 170px; max-width: 100px}


	#memes img{height: auto; width: 100%!important}
	#memes img:last-child{height: auto;}


	#last__logo{padding: 50px 0 0;}


	#partners .flex{justify-content: space-between;}
	#partners .item{width: 46%;}
	#partners .item:last-child{width: 100%;}
	#partners .item a{font-size: 18px}
	#partners .item img{width: 150px; height: 150px}


	.btn-green span{width: 300px; height: 65px; background-size: 100% 100%; font-size: 30px; margin: 0 auto}


	footer{border-top: none;}
}


/*NEW STYLE*/


@media screen and (max-width: 1350px){
	#how__to__buy-new .items{display: block; background: transparent;}
	#how__to__buy-new .items .item{margin: 0 auto 35px!important;}
}


@media screen and (max-width: 767px){
	header .links{margin: 0;}
	header .links a{width: 100%; margin: 0 0 10px; padding: 0 5px}
	header .links a img{margin: 0 auto;}
	header nav ul{width: 100%; text-align: center;}
	header nav li a{text-align: center;}

	#how__to__buy-new{padding: 60px 0 100px}
	#how__to__buy-new .items .item{width: 100%; height: 108px; background: url("../img/bg_htbm.svg") 0 0 no-repeat; padding: 32px 0 0 92px; background-size: 100% auto!important; border-radius: 15px}
	#how__to__buy-new .items .item:after{position: absolute; bottom: -35px; left: calc(50% - 1px); width: 2px; height: 35px; background: #fff; content: ''}
	#how__to__buy-new .items .item:last-child:after{display: none;}
	#how__to__buy-new .items .item:nth-child(2){padding-top: 18px}
	#how__to__buy-new .items .item span{bottom: 12px; right: 15px; font-size: 24px;}
	#how__to__buy-new .items .item p{font-size: 16px}
	#how__to__buy-new .items .item img{width: 62px; height: 62px; top: 23px; left: 20px}
	#how__to__buy-new .items .item:nth-child(4) img{display: block; left: calc(50% - 145px); top: 100%;}
	#how__to__buy-new .item .cat{width: 62px; height: 62px; background-size: 100%; top: -30px; left: calc(100% - 45px)}
	#how__to__buy-new .item:nth-child(2) .cat{left: -30px; transform: rotate(0);}
	#how__to__buy-new .item:nth-child(1) .cat,#how__to__buy-new .item:nth-child(3) .cat{transform: rotate(90deg);}
	#how__to__buy-new .item:nth-child(3){padding: 17px 24px 0; height: 185px; background: url("../img/bg_htbmb.svg") 0 0 no-repeat; background-size: 100% 100%}
	#how__to__buy-new .item input{font-size: 14px; line-height: 50px}
	#how__to__buy-new .item:nth-child(4) .cat{background-size: auto 100%; top: 10px; left: 20px}
	#how__to__buy-new .item:nth-child(4){height: 185px; background: url("../img/bg_htbmb.svg") 0 0 no-repeat; background-size: 100% 100%; padding: 32px 20px 0 154px}
	#how__to__buy-new .items .item:nth-child(4) img{width: 120px; left: 21px; top: 68px; height: auto;}
	#about {
	background: #8BF2D2	
	}
}
/*NEW STYLE*/