@media screen and (max-width: 1080px){
	.container{max-width: 100%!important; width: 100%; padding: 0 24px;}

	.bt{font-size: 28px; margin-bottom: 20px;}



	#promo .text .title{font-size: 18px;}
	#promo .text h1{font-size: 38px; margin-bottom: 20px;}
	#promo .text .note{font-size: 18px;}
	#promo .trusted .items{gap: 50px}


	#information .ceo{padding: 40px 32px;}
	#information .note{margin-bottom: 20px; font-size: 18px;}
	#information .text{font-size: 18px;}
	#information .text h3{font-size: 22px;}
	#information .text blockquote p{font-size: 18px;}
	#information .text blockquote span{font-size: 18px; font-weight: normal;}


	#reviews .item{width: calc(50% - 8px); padding-left: 40px}
	#reviews .item .image img{width: 32px; height: 32px;}
	#reviews .item .name,#reviews .item p{font-size: 14px;}


	#skills{padding: 60px 0; margin: 0}
	#skills .data{padding: 40px;}
	#skills li span{font-size: 22px;}
	#skills li p{font-size: 18px;}


	#bonus .bonus{padding: 0 24px 32px}
	#bonus .bonus .items{gap: 0; justify-content: space-between;}
	#bonus .bonus .item{width: calc(50% - 10px); margin-bottom: 18px;}
	#bonus .bonus .item:last-child{margin-left: 25%}
	#bonus .bonus .item .title__b,#bonus .bonus .item .price,#bonus .bonus .item p{font-size: 18px;}


	#about .note{font-size: 22px;}
	#about .info{padding: 40px;}
	#about .info p{font-size: 18px;}
	#about blockquote{font-size: 18px;}


	#transformation .data{padding: 40px 16px 24px;}
	#transformation .bt{margin-left: 24px}
	#transformation .text{margin-right: 24px; margin-left: 24px;}
	#transformation .items .title{font-size: 18px;}
	#transformation .items .item li{font-size: 18px;}


	#buyers .container{max-width: 700px!important;}
	#buyers .item{padding: 24px 70px}
	#buyers .item .text{font-size: 16px;}
	#buyers .item .name{font-size: 18px;}


	#modules h3{font-size: 22px;}
	#modules .note{font-size: 18px;}
	#modules .item{width: 100%; padding: 30px 24px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; border-right: none;}
	#modules .item .main,#modules .item .info{width: calc(50% - 9px)}
	#modules .item .title{font-size: 48px;}
	#modules .item .title__name{font-size: 22px}
	#modules .item p{font-size: 18px;}


	#moneyback .data{padding: 80px 32px 24px;}
	#moneyback .data .text{font-size: 18px;}
	#moneyback .data h3{font-size: 22px}
	#moneyback .data .notes{font-size: 18px; max-width: 514px}


	#reviews__facebook .items{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
	#reviews__facebook .item{width: calc(50% - 5px); margin-bottom: 10px;}


	#faq .item .title{font-size: 18px;}
	#faq .item .answer{font-size: 16px;}
}


@media screen and (max-width: 767px){
	.container{padding: 0 16px;}


	.bt{font-size: 22px; margin-bottom: 20px;}


	.block__buy .items__buy{gap: 10px; font-size: 15px; flex-wrap: nowrap; overflow: hidden; white-space: nowrap; box-sizing: border-box; position: relative; width: calc(100% + 32px); margin-left: -16px;}
	.block__buy .items__buy:after{position: absolute; bottom: 0; left: 0; width: 50px; height: calc(100% - 24px); content: ''; background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);}
	.block__buy .items__buy:before{position: absolute; bottom: 0; right: 0; width: 50px; height: calc(100% - 24px); content: ''; background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); transform: rotate(-180deg); z-index: 3}
	.block__buy .items__buy .item__buy{display: inline-block; margin: 0 12px}
	.block__buy .items__buy .item__buy img{display: inline; position: relative; top: 6px; margin-right: 6px}
	.block__buy .items__buy .flex1{display: inline-block; width: 100%; animation: marquee 3s linear infinite;}

	.marquee {
	  width: 100%;
	  overflow: hidden;
	  white-space: nowrap;
	  box-sizing: border-box;
	}

	.marquee__inner {
	  display: inline-block;
	  white-space: nowrap;
	  animation: marquee 30s linear infinite;
	}
	.marquee__inner div{display: inline-block!important;}
	.marquee__inner div:nth-child(1),.marquee__inner div:nth-child(2),.marquee__inner div:nth-child(3){display: inline-block!important}


	@keyframes marquee {
	  0% {
	    transform: translateX(0%);
	  }
	  100% {
	    transform: translateX(-50%);
	  }
	}


	#bonus .block__buy .items__buy{margin-left: -8px; width: calc(100% + 16px);}
	#skills .block__buy .items__buy{margin-left: -8px; width: calc(100% + 16px);}



	.btn-yellow{padding: 18px 25px 18px 62px; font-size: 16px; background-size: 40px; background-position: 14px 50%}
	.btn-yellow span{font-size: 16px; margin-bottom: -5px}
	.btn-yellow i{font-size: 12px;}


	#promo{padding-bottom: 25px;}
	#promo .user{max-width: 200px; padding-left: 68px; height: 60px; min-height: 60px;}
	#promo .user .image{width: 60px; height: 60px; background-size: 100% 100%; top: calc(50% - 30px)}
	#promo .user .image img{width: 46px; height: 46px;}
	#promo .user span{font-size: 16px; padding-right: 24px; background-size: 20px 20px;}
	#promo .user p{font-size: 14px;}
	#promo .text{padding: 20px 0 24px;}
	#promo .text .title{font-size: 16px;}
	#promo .text .title br{display: block;}
	#promo .text h1{font-size: 28px; margin-bottom: 20px;}
	#promo .text .note{font-size: 16px;}
	#promo .promo__image{padding-bottom: 24px;}
	#promo .money__back{width: 100%; margin-bottom: 24px; padding-left: 40px; min-height: 32px; font-size: 13px; max-width: 100%}
	#promo .money__back img{width: 32px; top: 0;}
	#promo .reviews{width: 100%; max-width: 100%; justify-content: flex-start;}
	#promo .reviews .images img{width: 46px; height: 46px; border-width: 2px}
	#promo .reviews .images img:nth-child(2),#promo .reviews .images img:nth-child(3),#promo .reviews .images img:nth-child(4){margin-left: -10px}
	#promo .reviews .data p{font-size: 14px;}
	#promo .reviews .data p br{display: none;}
	#promo .trusted .items{gap: 0;}
	#promo .trusted .items img{height: 36px; margin: 0 16px 15px}
	#promo .promo__image img{display: none;}
	#promo .promo__image .mobile{display: block}
	#promo .promo__image .mobile img{display: block}


	#information{padding: 0; background: #fff; padding: 32px 0;}
	#information .ceo{padding: 0}
	#information .note{font-size: 16px;}
	#information .image{margin-bottom: 20px;}
	#information .text{font-size: 16px;}
	#information .text p{margin-bottom: 32px;}
	#information .text h3{font-size: 20px; margin-bottom: 16px;}
	#information .text ul li{padding-left: 55px; margin-bottom: 20px;}
	#information .text ul{margin-bottom: 32px;}
	#information .text p br{display: none;}
	#information .text img{margin-bottom: 20px;}
	#information .text blockquote{padding: 14px 10px; background-size: 90px; background-position: calc(100% - 10px) 100%;}
	#information .text blockquote p{font-size: 16px; margin-bottom: 5px}
	#information .text blockquote span{font-size: 16px;}
	#information .images img{margin-bottom: 32px; height: 260px}
	#information .text .info{padding: 24px 20px;}
	#information .text .info:after{left: 20px}
	#information .more{padding: 24px 20px;}
	#information .text .more p{margin-bottom: 20px;}
	#information .text .more p:last-child{margin: 0}
	#information .block__buy{padding: 20px 0 0;}


	#reviews{padding: 40px 0;}
	#reviews .bt{font-size: 20px; margin-bottom: 20px;}
	#reviews .bt br{display: none;}
	#reviews .item{width: 100%;}
	#reviews .item:last-child{margin: 0}


	#skills{padding: 40px 0;}
	#skills .data{padding: 32px 10px;}
	#skills h3{font-size: 20px; margin-bottom: 32px;}
	#skills li{margin-bottom: 32px;}
	#skills li span{font-size: 20px; display: block; background: transparent; padding: 0; margin-bottom: 10px}
	#skills li span i{background: #C2E0FF; padding: 5px;}
	#skills li p{font-size: 16px;}


	#bonus{padding: 40px 0;}
	#bonus .bt{margin-bottom: 32px;}
	#bonus .image img{height: 260px; margin-bottom: 32px;}
	#bonus .text h3{font-size: 20px;}
	#bonus .text{font-size: 16px;}
	#bonus .bonus .title{padding: 18px 24px; font-size: 16px; top: -30px}
	#bonus .bonus .title .gift{width: 48px; height: 48px; bottom: 45px; left: calc(50% - 24px)}
	#bonus .text{margin-bottom: 100px}
	#bonus .bonus{padding: 0}
	#bonus .bonus .item{width: 100%; border: none; border-bottom: 1px solid #CACACA; border-radius: 0;}
	#bonus .bonus .item:last-child{border: none; margin: 0}
	#bonus .bonus .item .title__b, #bonus .bonus .item .price, #bonus .bonus .item p{font-size: 16px;}
	#bonus .block__buy .price{font-size: 20px;}
	#bonus .block__buy{padding: 20px 8px;}
	#bonus .block__buy .items__buy:after,#bonus .block__buy .items__buy:before{display: none;}


	#about{padding-bottom: 1px}
	#about .bt{line-height: normal; padding-top: 5px}
	#about .image span{padding: 0 29px; line-height: 38px; font-size: 16px;}
	#about .note{font-size: 20px; margin-bottom: 32px;}
	#about .info{padding: 32px 16px;}
	#about .info p{font-size: 16px; margin-bottom: 32px;}
	#about blockquote{padding: 40px 30px 30px; font-size: 16px;}
	#about .images img{display: none;}
	#about .images .mobile,#about .images .mobile img{display: block;}


	#transformation{background: #fff; padding: 40px 0;}
	#transformation .data{padding: 0}
	#transformation .bt{margin: 0 0 10px; font-size: 20px; text-align: left; padding-left: 50px; min-height: 40px; display: flex; align-items: center; justify-content: flex-start;}
	#transformation .bt img{width: 40px; top: 0}
	#transformation .text{margin: 0 0 32px; font-size: 16px;}
	#transformation .items{background: transparent; padding: 0}
	#transformation .items .title{margin: 0; font-size: 16px; padding: 0 10px}
	#transformation .items .item li{padding: 3px; font-size: 14px;}
	#transformation .items .item li{margin-bottom: 8px;}
	#transformation .items ul li:after{height: 14px; top: -14px}
	#transformation .items ul li:first-child:after{height: 20px; top: -20px}
	#transformation .items .item{width: calc(50% - 4px)}
	#transformation .block__buy{padding: 24px 0 0;}


	#buyers{padding: 40px 0;}
	#buyers .bt{font-size: 20px; margin-bottom: 20px;}
	#buyers .item{padding: 20px; margin-bottom: 12px;}
	#buyers .item .rating{margin-bottom: 12px; max-width: 100px}
	#buyers .item .text{margin-bottom: 12px; font-size: 14px;}
	#buyers .item .name img{width: 48px; height: 49px;}
	#buyers .item .name{gap: 8px; font-size: 16px;}
	#buyers .item .name p{font-size: 12px;}


	#modules{padding: 40px 0;}
	#modules h3{font-size: 20px;}
	#modules .note{font-size: 16px; margin-bottom: 32px;}
	#modules .note br{display: none;}
	#modules .item{padding: 24px 16px;}
	#modules .item .main{width: 100%;}
	#modules .item .info{width: 100%;}
	#modules .item .title{font-size: 40px;}
	#modules .item .title__name{font-size: 20px;}
	#modules .item p{font-size: 16px; margin-bottom: 16px;}
	#modules .item li{padding: 4px 20px; font-size: 14px; margin-bottom: 12px;}


	#moneyback{padding: 95px 0 0}
	#moneyback .container{padding: 0}
	#moneyback .data{padding: 80px 16px 24px; border-radius: 0}
	#moneyback .data .text{font-size: 16px;}
	#moneyback .buyer{padding: 20px;}
	#moneyback .buyer .rating{gap: 4px; margin-bottom: 12px;}
	#moneyback .buyer .name img{width: 60px; height: 60px;}
	#moneyback .buyer .name p{font-size: 16px;}
	#moneyback .buyer .name p i{font-size: 14px;}
	#moneyback .bt.red{margin: 0 auto 32px; max-width: 250px;}
	#moneyback .data h3{margin: 0 auto 8px; font-size: 20px; max-width: 290px}
	#moneyback .data .notes{font-size: 16px; margin-bottom: 24px;}


	#reviews__facebook{padding: 40px 0 0;}
	#reviews__facebook .item{width: 100%;}


	#faq{padding: 40px 0 0;}
	#faq .bt{margin-bottom: 24px;}
	#faq .item .title{padding: 12px 40px 12px 16px; font-size: 16px;}
	#faq .item .title:after{right: 16px}
	#faq .item .answer{padding: 0 16px 0; font-size: 14px;}
	#faq .item.active .answer{padding-bottom: 16px;}


	#mobile__buy{text-align: center; opacity: 0; display: block; position: fixed; bottom: 0; left: 0; z-index: 500; background: #fff; width: 100%; padding: 8px 16px 16px; box-sizing: border-box; transition: all 0.3;}
	#mobile__buy .btn{box-sizing: border-box;}
	#mobile__buy.show{opacity: 1}


	footer{padding-bottom: 145px}
}