@media (min-width: 1024px) and (max-width: 1340px) {
	.grid {
		display: grid;
		grid-template-columns: repeat(12, 1fr);
		grid-auto-flow: dense;
		gap: 0px 45px;
		margin-left: 60px;
		margin-right: 60px;
	}
	
	/* ОСНОВА САЙТА */
	
	main {
		background-color: var(--substrate);
	}
	
	/* ИНТЕРФЕЙС */
	
	#ui {
		z-index: 30;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		pointer-events: none;
	}
	
	/* навигационная панель */
	
	#nav {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		grid-column: 12 / 13;
	}
	
	.navmenu {
		display: flex;
		position: relative;
		right: 0;
		flex-direction: column;
		width: fit-content;
	}
	
	.navline {
		align-self: center;
		background-color: var(--not-active2);
		height: 13vh;
		width: 2.5px;
		border-top-style: solid;
		border-top-width: 0vh;
		border-top-color: var(--accent);
	}
	
	.bracket-line {
		height: 21vh;
	}
	
	.navpoint {
		margin-top: -5px;
		margin-bottom: -4px;
		pointer-events: all;
		width: 37px;
		height: 33px;
	}
	
	.navstar {
		pointer-events: none;
		width: 37px;
		height: 33px;
	}
	
	/* ЗАГОЛОВОК САЙТА (И ХВОСТ) */
	
	#head {
		padding-top: 190px;
		height: 100vh;
		min-height: 1024px;
		grid-template-rows: auto auto;
		grid-auto-flow: column;
	}
	
	#tail {
		height: 100vh;
		max-height: 1024px;
	}
	
	.tail-coloriser {
		background-color: var(--back);
	}
	
	.head-coloriser {
		background-color: var(--back);
		border-radius: 80px;
		margin-top: -80px;
		height: fit-content;
		margin-bottom: 10vw;
	}
	
	.title {
		background-color: var(--accent);
		border-radius: 30px;
		margin-left: -1400px;
		grid-column: 7 / 12;
		height: 100%;
	
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-end;
	}
	
	#tail-title {
		margin-top: 100px;
		height: 70%;
	}
	
	.tail__flex-wrapper {
		display: flex;
		justify-content: center;
		grid-column: 1 / 5;
		grid-row: 1 / 3;
		height: 95%;
	}
	
	#phone-4 {
		margin-top: 50px;
	}
	
	.title > img {
		width: 48.8vw;
		padding-right: 5%;
		padding-left: 2%;
	}
	
	.phone-wrapper {
		display: flex;
		justify-content: center;
		grid-column: 1 / 6;
		grid-row: 1 / 3;
		height: 100%;
	}
	
	.phone-wrapper__flex {
		position: relative;
		width: 100%;
		max-width: 510px;
	}
	
	#phone-1 {
		position: absolute;
		width: 85%;
		top: 50px;
		max-width: 500px;
	}
	
	#phone-2 {
		position: absolute;
		width: 74%;
		right: 0;
		top: 280px;
		max-width: 440px;
	}
	
	#phones-mobile {
		display: none;
	}
	
	.download-wrapper {
		position: relative;
		grid-column: 6 / 12;
		height: fit-content;
		top: 10%;
	}
	
	.download-description {
		background-color: var(--substrate);
		border-radius: 22px;
	}
	
	#download-2 {
		background-color: var(--substrate);
		border-radius: 22px;
		grid-column: 5 / 12;
		height: 250px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		row-gap: 30px;
	}
	
	#download-2 h2 {
		padding: 0;
		text-align: center;
	}
	
	.download h2 {
		font-family: 'Raleway', sans-serif;
		font-size: calc(20px + 20 * (100vw / 1440)); 
		letter-spacing: 0.05em;
		font-weight: bold;
		padding-left: 40px;
		padding-top: 40px;
		padding-right: 40px;
	}
	
	.download-description > p {
		font-family: 'Raleway', sans-serif;
		font-size: calc(16px + 4 * (100vw / 1440));
		font-weight: 600;
		letter-spacing: 1px;
		padding-top: 20px;
		padding-bottom: 30px;
		padding-left: 40px;
	}
	
	.download-anchor {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		border: none;
		border-radius: 10px;
		margin-top: 40px;
		margin-bottom: 0px;
		background-color: var(--accent);
		width: 100%;
		height: 61px;
		text-decoration: none;
		-webkit-tap-highlight-color: transparent;
	}
	
	.download-anchor p {
		color: var(--back);
		font-family: 'Raleway', sans-serif;
		font-size: calc(16px + 8 * (100vw / 1440));
		font-weight: 500;
		letter-spacing: 2px;
		text-align: center;
	}
	
	/* ПРЕИМУЩЕСТВА */
	
	/* заголовок */
	
	.overflow-wrapper {
		grid-column: 1 / 11;
		overflow: hidden;
	}
	
	.overflow-wrapper h2 {
		font-family: "Wremena Bold", sans-serif;
		font-size: calc(28px + 36 * (100vw / 1440));
		letter-spacing: 0.1em;
		line-height: 1em;
		margin-bottom: 80px;
		opacity: 1;
	}
	
	.pre-title {
		display: block;
		font-family: "Raleway", sans-serif;
		font-weight: 600;
		font-size: calc(15px + 21 * (100vw / 1440));
		letter-spacing: 2px;
		line-height: 1em;
	}
	
	/* sticky телефон */
	
	#our-advantage aside {
		grid-column: 1 / 5;
	}
	
	#phone-3 {
		position: sticky;
		left: 7%;
		top: 130px;
		height: 70vh;
	}
	
	/* плашки с преимуществами */
	
	#advantages {
		display: flex;
		grid-column: 5 / 11;
		flex-direction: column;
		align-items: center;
		row-gap: 20px;
	}
	
	#advantages-mobile {
		display: none;
		row-gap: 20px;
		align-items: center;
		flex-direction: column;
	}
	
	.description-item,
	.description-item-mobile {
		background-color: var(--accent);
		color: var(--substrate);
		border-radius: 22px;
		width: 65%;
	}
	
	.description-item dt,
	.description-item-mobile dt {
		padding-top: 80px;
		padding-left: 10%;
		font-family: 'Raleway', sans-serif;
		font-weight: 500;
		font-size: 20px;
		letter-spacing: 2px;
		width: 95%;
	}
	
	.description-item dd,
	.description-item-mobile dd {
		font-family: 'Raleway', sans-serif;
		font-weight: 400;
		font-size: calc(15px + 5 * (100vw / 1440));
		letter-spacing: 2px;
		opacity: 0;
		padding-left: 10%;
		margin-top: -3%;
		width: 95%;
		height: 60px;
	}
	
	.see-more-arrow,
	.see-more-arrow-mobile {
		padding-left: 10%;
		padding-bottom: 5%;
	}
	
	#horn {
		position: relative;
		bottom: 0;
		height: fit-content;
		width: 100%;
		z-index: 0;
	}
	/* Account NavBar */

	.account-navbar {
		position: absolute;
		top: 31px;
		left: -55px;


		height: fit-content;
		width: fit-content;

		border-radius: 11px;

		display: flex;
		justify-content: space-around;
		align-items: center;
		column-gap: 20px;

		padding-left: 20px;
    padding-right: 20px;

		background-color: black;
		pointer-events: all;

		z-index: 30;
	}

	.partitions-image {
		display: none;
	}

	.no-seen {
		display: none;
	}

	.account-navbar > .account-wrapper {
		display: flex;
		flex-direction: row;
		align-items: center;
		height: 50px;
	}

	.account-navbar__icon {
		display: inline-block;
		width: 12px;
	}

	.account-navbar__image {
		margin-left: 13px;
	}

	.account-navbar__text {
		display: inline-block;
		
		font-family: "Raleway", sans-serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;
		font-size: calc(14px + 2 * (100vw / 1440));
		letter-spacing: 0.07em;
		line-height: 1rem;
		text-wrap: nowrap;

		margin-left: 0px;

		color: var(--substrate);

		cursor: pointer;
		user-select: none;
	}

	.account-navbar__clickable {
		transition: 0.3s;
	}

	.account-navbar__clickable:hover {
		color: var(--accent);
		cursor: pointer;
	}

	/* Second screen */

	#what-is {
		height: 100vh;
		max-height: 1024px;
		grid-template-rows: 40% auto;
	}

	#what-is h2 {
		grid-column: 1 / 11;
		font-family: "Wremena Bold", sans-serif;
		font-size: calc(28px + 36 * (100vw / 1440));
		letter-spacing: 0.1em;
		line-height: 1em;
		align-self: end;
	}

	.phone__what-is__wrapper {
		display: none;
	}

	#what-is p {
		grid-column: 1 / 10;
		font-family: "Raleway", sans-serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;

		font-size: calc(15px + 5 * (100vw / 1440));
		letter-spacing: 0.06em;
		line-height: 30px;

		margin-top: 33px;
	}


	.red-highlited {
		font-family: "Raleway", sans-serif;
		font-optical-sizing: auto;
		font-style: normal;

		color: var(--accent);
		font-weight: 600;
	}

	/*                   form                   */

	.buy-tokens {
		position: relative;
		grid-template-rows: 20% auto;
		left: 0px;
		height: fit-content;
		background-color: var(--back);
		z-index: 1;
	}

	.buy-tokens__title {
		display: block;
		align-self: end;
		grid-column: 1 / 5;
		font-family: "Wremena Bold", sans-serif;
		font-size: calc(28px + 36 * (100vw / 1440));
		letter-spacing: 0.1em;
		line-height: 1em;
	}

	.buy-tokens__title_post-title {
		display: block;
		font-family: "Raleway", sans-serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;

		font-size: calc(14px + 6 * (100vw / 1440));
		letter-spacing: 0.06em;
		line-height: 1em;

		color: var(--not-active);
		padding-left: 10px;
	}

	.buy-tokens-form {
		grid-column: 1 / 7;
		background-color: var(--substrate);
		margin-top: 50px;
		padding: 30px;
		border-radius: 22px;
		height: fit-content;
	}

	.account-info-form__user-image, .account-info-form__username {
		display: inline;
	}

	.account-info-form__username {
		font-family: "Raleway", sans-serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;

		font-size: 1rem;
		letter-spacing: 0.07em;
		line-height: 1rem;

		margin-left: 10px;
	}

	.form-legend {
		font-family: "Raleway", sans-serif;
		font-optical-sizing: auto;
		font-weight: 700;
		font-style: normal;

		font-size: 2rem;
		letter-spacing: 0.06em;

		color: var(--accent);
	}

	.form-label {
		font-family: "Raleway", sans-serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;

		font-size: 1rem;
		letter-spacing: 0.06em;
		line-height: 1rem;

		color: var(--not-active)
	}

	.buy-tokens-form__tokens_count {
		font-family: "Raleway", sans-serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;

		font-size: 1rem;
		letter-spacing: 0.08em;
		line-height: 1rem;

		color: var(--not-active)
	}

	.buy-tokens-form__tokens_count span {
		font-family: "Raleway", sans-serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;

		font-size: 1rem;
		letter-spacing: 0.08em;
		line-height: 1rem;

		color: var(--main)
	}

	.buy-tokens-form__fields__header {
		padding: 0;
		margin: 0;
	}

	.buy-tokens-form__fields__amount-panel__balance span, .buy-tokens-form__fields__amount-panel__balance {
		font-family: "Raleway", sans-serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;

		font-size: 1.2rem;
		letter-spacing: 0.07em;
		line-height: 1.2rem;

		color: var(--substrate);
	}

	.buy-tokens-form__fields__amount-panel__balance {
		background-color: var(--main);
		padding: 8.5px 20px;
		border-radius: 10px;
	}

	.form-input {
		display: block;
		width: 100%;
		margin-top: 10px;

		border-radius: 10px;
		border-width: 0;
		background-color: var(--back);
		padding: 8.5px 20px;

		font-family: "Raleway", sans-serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;

		font-size: 1rem;
		letter-spacing: 0.02em;
		line-height: 1rem;

		color: var(--not-active);

		resize: none;
	}

	.form-input::placeholder {
		color: var(--not-active);
	}

	.form-input:focus {
		outline: none;
		color: var(--main);
		background-color: var(--substrate2);
	}

	.buy-tokens-form__fields__header {
		margin-top: 10px;
	}

	.buy-tokens-form__fields__amount-panel {
		margin-top: 20px;
	}

	.buy-tokens-form__fields__amount-panel__balance {
		margin-top: 10px;
	}

	.buy-tokens-form__fields__input_balance {
		margin-top: 20px;
	}

	.buy-tokens-form__tokens_count {
		margin-top: 17px;
		text-align: right;
	}

	.form-submit {
		margin-top: 20px;
		padding: 20px 13.5px;

		border-radius: 10px;
		border-width: 0;

		background-color: var(--accent);
		color: var(--substrate);

		font-family: "Raleway", sans-serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;

		font-size: 1rem;
		letter-spacing: 0.07em;
		line-height: 1rem;

		text-decoration: none;

		display: inline-block;
	}

	.form-submit:hover {
		cursor: pointer;
	}

	.tokens-description {
		grid-column: 7 / 11;
		font-family: "Raleway", sans-serif;
		font-optical-sizing: auto;
		font-weight: 500;
		font-style: normal;

		font-size: calc(15px + 5 * (100vw / 1440));
		letter-spacing: 0.06em;

		background-color: var(--substrate);
		padding: 25px 10px 25px 10px;
		margin-top: 120px;
		height: fit-content;

		border-radius: 22px;
	}

	.tokens-description p span {
		font-family: "Raleway", sans-serif;
		font-optical-sizing: auto;
		font-weight: 600;
		font-style: normal;

		font-size: 1rem;
		letter-spacing: 0.06em;

		color: var(--accent);
	}

	.tokens-description__star {
		margin: 0 auto 10px auto;
	}

	.tokens-description__middle-text {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	/*                   footer                   */

	.footer {
		height: fit-content;
		padding-bottom: 30px;
	}

	.coloriser {
		background-color: var(--back);
	}

	.footer_main-screen {
		grid-column: 1 / 11;
		display: flex;
		max-width: 100%;
		align-items: center;
		justify-content: space-between;
	}

	.footer__name-market {
		grid-column: 1 / 6;
		display: flex;
		gap: 15px;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.footer__name {
		width: 70%;
		margin-bottom: 0;
	}

	.footer__market {
		display: flex;
		width: 100%;
		gap: 10px;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.footer__fund {
		grid-column: 6 / 12;
		justify-self: end;
		display: flex;
		width: fit-content;
		flex-wrap: wrap;
		align-items: center;
		gap: 10px 53px;
	}

	.footer__fund-img {
		max-width: 173px;
	}

	.footer__fund-text {
		font-family: "Raleway", sans-serif;
		font-optical-sizing: auto;
		font-style: normal;

		font-weight: 600;
		font-size: calc(14px + 5 * (100vw / 1440));
		line-height: 1.1em;
		letter-spacing: 0.01em;
	}

	.footer__contacts {
		grid-column: 7 / 12;
		margin-top: 32px;
	}

	.footer__company-data {
		grid-column: 1 / 6;
		margin-top: 32px;
	}

	.footer__contacts, .footer__company-data {
		font-family: "Raleway", sans-serif;
		font-optical-sizing: auto;
		font-style: normal;

		font-weight: 600;
		font-size: calc(14px + 2 * (100vw / 1440));
    line-height: 1.1em;
		letter-spacing: 0.06em;

		color: var(--not-active);
	}

	.footer__contacts__telephone {
		font-family: "Inter", sans-serif;
	}

	.footer__socip {
		grid-column: 1 / 8;
		font-family: "Raleway", sans-serif;
		font-optical-sizing: auto;
		font-style: normal;

		font-weight: 600;
		font-size: 1rem;
		line-height: 1.75rem;
		letter-spacing: 0.02em;

		margin-top: 32px;
	}

	/* Dialog register */

	.dialog {
		width: 404px;
		padding: 0;

		position: fixed;
		left: 50%;
		margin-left: -202px;
		top: 100px;

		z-index: 100;
	}

	.dialog-viewport {
		padding: 42px;
	}

	.dialog__header {
		font-family: "Raleway", sans-serif;
		font-optical-sizing: auto;
		font-style: normal;

		font-weight: 700;
		font-size: 2rem;
		line-height: 3rem;
		letter-spacing: 0.08em;

		text-align: center;

		margin-bottom: 40px;
	}

	.dialog-form__checkbox {
		font-family: "Raleway", sans-serif;
		font-optical-sizing: auto;
		font-style: normal;

		font-weight: 600;
		font-size: 1rem;
		line-height: 1rem;
		letter-spacing: 0.05em;

		margin-top: 20px;

		display: flex;
	}

	.dialog-form__checkbox input[type="checkbox"] {
		width: 15px;
		height: 15px;

		accent-color: var(--accent);
		vertical-align: middle;

		margin-right: 10px;
	}

	.dialog-form__checkbox label {
		vertical-align: middle;
	}

	.dialog-form__field {
		margin-top: 20px;
	}

	.dialog-form__submit {
		width: 100%;
	}

	.dialog-form__info {
		margin-top: 20px;

		font-family: "Raleway", sans-serif;
		font-optical-sizing: auto;
		font-style: normal;

		font-weight: 600;
		font-size: 1rem;
		line-height: 1rem;
		letter-spacing: 0.06em;

		text-align: center;
	}

	.dialog-form__info_higlited {
		color: var(--accent);
	}

	.dialog-login-form__reset-password {
		font-family: "Raleway", sans-serif;
		font-optical-sizing: auto;
		font-style: normal;

		font-weight: 600;
		font-size: 1rem;
		line-height: 1rem;
		letter-spacing: 0.05em;

		color: var(--accent);

		margin-top: 9px;
	}

	.dialog-login-form__reset-password:hover {
		cursor: pointer;
		user-select: none;
	}

	.notification-dialog {
    background-color: var(--accent);
    color: white;
    top: 200px;
	}

	.notification-dialog h1 {
    text-align: left;
	}

	.notification-dialog h2 {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;

    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.06em;

    text-align: left;
    margin-bottom: 0;
	}

	/* Account Navbar menu */

	.account-navbar-menu {
		margin-top: 16px;
		padding: 31px 42px;

		height: fit-content;
		grid-column: 1 / 6;

		border-radius: 11px;

		background-color: white;
		pointer-events: all;

		z-index: 30;
	}

	.account-navbar-menu__text {
		font-family: "Raleway", sans-serif;
		font-optical-sizing: auto;
		font-style: normal;

		font-weight: 600;
		font-size: 1rem;
		line-height: 1.3rem;
		letter-spacing: 0.07em;

		color: var(--not-active);
	}

	.account-navbar-menu__info {
		font-weight: 500;
		color: black;
	}

	.account-navbar-menu__exit-menu {
		margin-top: 20px;

		display: flex;
		gap: 10px;
		align-items: stretch;

		font-family: "Raleway", sans-serif;
		font-optical-sizing: auto;
		font-style: normal;

		font-weight: 600;
		font-size: 1rem;
		letter-spacing: 0.05em;

		color: var(--accent);
	}

	.account-navbar-menu__exit-menu:hover {
		cursor: pointer;
	}
}