/*tablet and mobile*/
@media (max-width: 1600px) {
	.header__logo {
		height: 100px;
	}
	.about {
		padding-top: 100px;
	}
	.about__col {
		font-size: 30px;
	}
	.about__block {
		margin: 0 3%;
	}
	.about__title {
		font-size: 50px;
	}
	.about__subtitle {
		font-size: 28px;
	}
	.about__preloader {
		top: 100px;
	}
	.about__preloader span {
		font-size: 30px;
	}
	.create__circle {
		height: 400px;
		width: 400px;
	}
	.create__box {
		padding-top: 100px;
	}
	.create__title {
		font-size: 50px;
	}
	.create__text {
		font-size: 20px;
	}
	.create__item {
		font-size: 16px;
	}
	.nft__title,
	.nft__title_stroke {
		font-size: 60px;
	}
	.nft__text {
		font-size: 20px;
	}
	.nft__text_bg {
		font-size: 18px;
	}
	.nft__img img {
		width: 300px;
	}
	.nft__img:before {
		height: 530px;
		width: 900px;
		background-size: contain;
	}
	.we__left {
		max-width: 510px;
	}
	.we__right {
		max-width: 510px;
	}
	.lb-we__content {
		padding: 20px 0;
	}
	.left-we__title {
		font-size: 34px;
	}
	.right-we__title {
		font-size: 34px;
	}
	.lb-we__img img {
		width: 150px;
	}
	.lb-we__img {
		padding: 40px 40px 30px;
	}
	.lb-we__text {
		font-size: 20px;
	}
	.lb-we__text_big {
		font-size: 30px;
	}
	.rb-we__text {
		font-size: 24px;
	}
	.icons-we__icon {
		width: 100px;
	}
	.icons-we__name {
		font-size: 16px;
	}
	.we__rb {
		padding: 35px 15px 70px 70px;
	}
	.concept {
		padding-top: 100px;
	}
	.concept__left {
		max-width: 560px;
	}
	.concept__title {
		font-size: 26px;
	}
	.concept__subtitle {
		font-size: 20px;
	}
	.concept__text {
		font-size: 26px;
	}
	.concept__icon {
		width: 140px;
	}
	.features__title {
		font-size: 42px;
	}
	.features__title_stroke {
		font-size: 42px;
	}
	.features__text {
		font-size: 22px;
	}
	.features__hand {
		width: 260px;
	}
	.features__img {
		min-width: 200px;
	}
	.features__item {
		font-size: 16px;
		min-width: 300px;
	}
	.services {
		padding-top: 140px;
	}
	.item-services__body {
		font-size: 16px;
		padding: 15px;
	}
	.services__coin {
		width: 100px;
		height: auto;
	}
	.portal-services__img {
		width: 30px;
	}
	footer {
		padding: 60px 15px;
	}
	.footer__title {
		font-size: 32px;
	}
	.footer__nav {
		padding-top: 15px;
	}
	.footer__link {
		font-size: 16px;
		padding: 15px;
	}
}
@media (max-width: 1365px) {
	.header__link {
		padding: 10px;
	}
	.header__phone {
		font-size: 14px;
	}
	.header__btn {
		padding: 20px;
	}
}
@media (max-width: 1200px) {
	.header__container {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.header__logo {
		height: 62px;
		width: 57px;
		padding: 0;
		background: none
	}
	.header__nav,
	.header__right {
		display: none;
	}
	.about {
		padding-top: 62px;
	}
	.about__title {
		font-size: 32px;
	}
	.about__subtitle {
		font-size: 20px;
	}
	.about__preloader {
		top: 62px;
	}
	.create__col {
		width: 35%;
	}
	.create__title {
		font-size: 40px;
		margin-right: 0;
	}
	.create__text {
		font-size: 20px;
		padding-top: 20px;
	}
	.create__circle {
		height: 240px;
		width: 240px;
	}
	.create__hand {
		width: 120px;
	}
	.create__img {
		width: 100px;
	}
	.create__block {
		margin: 0 10px 0 8%;
	}
	.create__box {
		padding-top: 30px;
	}
	.create__item {
		font-size: 14px;
		margin: 5px;
		padding: 12px;
		border-radius:  10px;
	}
	.nft {
		padding: 90px 0 30px;

		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.nft__img img {
		width: 170px;
	}
	.nft__content {
		padding: 40px 30px;
	}
	.nft__head {
		left: 0;
	}
	.nft__text {
		font-size: 16px;
	}
	.nft__text_bg {
		font-size: 16px;
		padding: 15px 20px;
	}
	.we__lb {
		padding-left: 15px;
	}
	.left-we__title {
		padding: 40px 30px;
	}
	.lb-we__text {
		font-size: 18px;
	}
	.lb-we__text_big {
		font-size: 26px;
	}
	.we__rb {
		padding: 30px;
	}
	.rb-we__title {
		padding: 30px;
	}
	.concept__left {
		max-width: 420px;
		padding: 15px;
	}
	.concept__icon {
		width: 100px;
	}
	.concept__img {
		left: 0;
	}
	.features {
		padding-top: 90px;
	}
	.features__top {
		text-align: center;

		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;

		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.features__hand {
		width: 200px;
	}
	.features__head {
		text-align: center;
		margin: 0;
	}
	.features__bottom {
		width: 100%;
	}
	.features__img {
		margin: 0 15px;
	}
	.features__items {
		padding: 0px 15px;
	}
	.services__coin {
		margin: 0 20%;
	}
	.services__container {
		padding: 15px;
	}
	.services__item {
		flex: 25%;
		padding:  10px;
	}
	.item-services__body {
		font-size: 14px;
		padding: 15px 10px;
	}
	footer {
		padding: 30px 15px;
	}
}
@media (max-width: 768px) {
	.js-scroll-show {
		opacity: 0;

		-webkit-transform: scaleX(0.7);
		-ms-transform: scaleX(0.7);
		transform: scaleX(0.7);

		-webkit-transition: 0.35s ease-out;
		-o-transition: 0.35s ease-out;
		transition: 0.35s ease-out;
	}
	.js-scroll-show._show {
		opacity: 1;

		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	/*brgr*/
	.brgr {
		position: fixed;
		top: 0;
		right: 0;
		width: 62px;
		height: 62px;
		cursor: pointer;
		z-index: 11;
		transition: 0.25s ease;
		-webkit-transition: 0.25s ease;
		-moz-transition: 0.25s ease;
		-ms-transition: 0.25s ease;
		-o-transition: 0.25s ease;
	}
	.brgr__line {
		position: absolute;
		top: 0;
		left: 20px;
		right: 20px;
		bottom: 0;
		height: 2px;
		width: 22px;
		margin: auto auto;
		background: #707070;
		border-radius: 100px;

		-webkit-transition: 0.35s ease-out;
		-o-transition: 0.35s ease-out;
		transition: 0.35s ease-out;
	}
	._active .brgr__line {
		width: 35px;
		height: 2px;
	}
	.brgr__line:first-child {
		top: 20px;
		left: 20px;
		right: auto;
		bottom: auto;
		width: 11px;
	}
	._active .brgr__line:first-child {
		width: 15px;
		left: -1px;
		bottom: 12px;

		-webkit-transform: rotateZ(-45deg);
		-ms-transform: rotateZ(-45deg);
		transform: rotateZ(-45deg);
	}
	.brgr__line:last-child {
		top: auto;
		left: auto;
		right: 20px;
		bottom: 20px;
		width: 11px;
	}
	._active .brgr__line:last-child {
		width: 15px;
		top: 12px;
		left: -1px;

		-webkit-transform: rotateZ(-135deg);
		-ms-transform: rotateZ(-135deg);
		transform: rotateZ(-135deg);
	}
	#mobile-menu {
		text-align: center;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto auto;
		background: #fff;
		opacity: 0;
		visibility: hidden;
		z-index: 1;

		-webkit-transition: 0.35s ease-out;
		-o-transition: 0.35s ease-out;
		transition: 0.35s ease-out;
	}
	#mobile-menu._active {
		opacity: 1;
		visibility: visible;
	}
	.mm__content {
		width: 100%;
		max-height: 100%;
		padding: 90px 0px 30px;
		overflow: auto;
	}
	.mm__link {
		color: #0C79B4;
		font-size: 15px;
		font-weight: 600;
		display: block;
		padding: 15px;
	}
	.mm__phone {
		color: #0C79B4;
		font-size: 20px;
		font-weight: 600;
		width: 100%;
		display: block;
		padding: 30px 15px;
		margin: 15px 0;
		border-top: 1px solid #EBEBEB;
		border-bottom: 1px solid #EBEBEB;
	}
	.mm__btn {
		color: #fff;
		font-size: 13px;
		font-weight: bold;
		background: #399ED5;
		border-radius: 100px;
		padding: 30px 40px;
		margin: 15px 0;
		display: inline-block;
	}
	.about {
		height: auto;
	}
	.about__container {
		padding-bottom: 150px;

		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.about__col {
		font-size: 14px;
		padding: 20px 15px;
		width:  100%;

		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);

		-webkit-writing-mode: unset;
		-ms-writing-mode: unset;
		writing-mode: unset;
	}
	.about__over {
		top: 80px;
		width: 35%;
		height: inherit;
	}
	.about__block {
		text-align: center;

		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;

		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.about__box {
		max-width: 230px;

		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.about__logo {
		width: 144px;
		padding: 60px 15px 15px;
		margin: 0 auto;
	}
	.about__title {
		font-size: 23px;
		padding: 0;
	}
	.about__subtitle {
		font-size: 14px;
	}
	.about__preloader {
		top: 0;
		height: 100%;
	}
	.about__preloader._active {
		top: 62px;
		right: 0;
		bottom: auto;
		width: 100%;
		height: 83px;
	}
	.about__preloader span {
		font-size: 14px;

		-webkit-transform: translateY(100%);
		-ms-transform: translateY(100%);
		transform: translateY(100%);

		-webkit-writing-mode: unset;
		-ms-writing-mode: unset;
		writing-mode: unset;
	}
	.about__preloader span._active {
		opacity: 1;

		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
	}
	.create {
		height: auto;
		overflow: visible;
	}
	.create__col {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: auto;
		height: auto;
		margin: auto auto;
	}
	.create__over {
		top: 0;
		right: 50%;
		margin-top: 0;
	}
	.create__hand {
		top: 90%;
		left: 0;
		right: 0;
		bottom: auto;

		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	.create__block {
		margin: 0;
	}
	.create__box {
		padding-top: 150px;

		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.create__title {
		font-size: 22px;
	}
	.create__text {
		font-size: 16px;
		padding-top: 15px;
	}
	.create__list {
		padding: 15px 10px;
	}
	.create__item {
		font-size: 16px;
	}
	.nft {
		text-align: center;
		height: auto;
		padding: 0;
	}
	.nft__img:before {
		display: none;
	}
	.nft__img {
		width: 100%;
		margin: 0;
	}
	.nft__content {
		padding: 15px;
	}
	.nft__head {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.nft__title, .nft__title_stroke {
		font-size: 30px;
		letter-spacing: 4px;
	}
	.nft__title {
		margin-right: 10px;
	}
	.nft__text {
		padding: 15px 0;
	}
	.nft__text_bg {
		margin: 10px 0;
	}
	.we {
		text-align: center;
		height: auto;
		display: block;
	}
	.we__left {
		margin: 0 auto;
	}
	.we__lb {
		width: 80%;
		margin: 0 auto 30px;

		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.lb-we__bg {
		width: auto;
		left: 0;
		border-radius:  18px;
	}
	.lb-we__img {
		display: none;
	}
	.lb-we__item {
		border: none;
	}
	.lb-we__text {
		font-size: 16px;
		font-weight: lighter;
	}
	.lb-we__text_big {
		font-size: 30px;
	}
	.we__right {
		padding: 15px 0 30px;
		max-width: inherit;
		background: url(../img/we-bg.png);
		background-size: 100% 100%;
	}
	.right-we__title {
		font-size: 23px;
		padding: 15px;
	}
	.we__rb {
		max-width: 350px;
		margin: 0 auto;
		padding: 0 15px;
	}
	.rb-we__bg {
		background: none;
	}
	.rb-we__text {
		font-size: 18px;
		font-weight: lighter;
	}
	.we__icons {
		padding: 0;
	}
	.icons-we__name {
		font-size: 14px;
	}
	.concept {
		height: auto;
		padding: 0;
	}
	.concept__img {
		display: none;
	}
	.concept__title {
		font-size: 22px;
	}
	.concept__text {
		font-size: 22px;
	}
	.features {
		position: relative;
		height: auto;
		padding-top: 30px;
	}
	.features__top {
		position: initial;
	}
	.features__hand {
		top: auto;
		right: -40px;
		bottom: 90px;
		width: 40%;
		max-width: 220px;

		-webkit-transform: translateY(50%);
		-ms-transform: translateY(50%);
		transform: translateY(50%);
	}
	.features__head {
		padding: 15px;
	}
	.features__text {
		font-size: 16px;
		padding: 15px;
		max-width: 500px;
	}
	.features__bottom {
		padding: 15px 0;
		background: none;
		overflow: visible;

		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap-reverse;
		flex-flow: row wrap-reverse;
	}
	.features__items {
		overflow: auto;
	}
	.features__item {
		font-size: 12px;
		min-width: 240px;
	}
	.features__img {
		text-align: center;
		padding-top: 30px;
		width: 100%;
	}
	.features__img img {
		width: 100px;
	}
	.services {
		height: auto;
		padding-top: 30px;
	}
	.services__title {
		font-size: 30px;
		letter-spacing: inherit;
	}
	.services__hand {
		width: 70px;
		background-size: contain;
	}
	.portal-hand_left {
		top: 15px;
	}
	.portal-hand_right {
		top: -15px;
	}
	.services__content {
		background: none;
	}
	.services__container {
		padding: 15px 10px;
	}
	.services__item {
		flex: 100%;
		padding: 5px;
	}
	.item-services__body {
		padding: 30px;
	}
	.services__images {
		margin-bottom: 30px;
	}
	footer {
		padding: 15px 0 0;
	}
	.footer__container {
		text-align: center;

		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.footer__title {
		display: none;
	}
	.footer__link {
		font-size: 14px;
		padding: 10px 5px;
	}
	.footer__nav {
		padding: 15px;
	}
	.footer__right {
		width: 100%;
		padding: 15px;
		margin: 0;
		border-top: 1px solid #EBEBEB;
		border-bottom: 1px solid #EBEBEB;
	}
	.footer__phone {
		font-size: 30px;
	}
	.cprt {
		color: #0C79B4;
		font-size: 12px;
		text-align: center;
		display: block;
		padding: 30px 15px;
	}
}
@media(max-width: 430px) {
	.concept__icon {
		width: 70px;
		padding: 10px;
	}
}