@media screen and (min-width: 1500px) {

	section.mission > .mission-wrap {
	    background-size: 900px;
	    background-position: 20% 100%;
	}

	section.steps:before {
        background-size: 1145px auto;
        background-position: 50% 75%;
	}
	
	.coin-select-item:hover .coin-select-source:after {
		position: absolute;
		right: -10px;
		font-size: 8px;
	} 
}
@media screen and (max-width: 1500px){
	.coin-select-source{
		font-size: 10px;
	}
	.coin-select-item .coin-select-source:after {
	    content: '';
	    background: url(../assets/arrow-out.svg) 100% 50% no-repeat;
	    width: 11px;
	    height: 11px;
	    background-size: contain;
		position: absolute;
	    bottom: 2px;
		right: -5px;	
	}
	.coin-select-item:hover .coin-select-source:after {
		position: absolute;
		right: 0px;
	} 
}

@media screen and (max-width: 1280px) {

	h1, .h1 {
	    font-size: 76px;
	}

	.header-inner-wrap {
		display: none;
	}

	.header-inner {
	    display: flex;
	    flex-direction: column-reverse;
	    padding-top: 0;
	    align-items: center;
	    gap: 30px;
	}

	.header-top .logo {
	    display: none;
	}

	.header-inner ul {
	    flex-direction: column;
	    gap: 8px;
	    font-size: 20px;
	}

	header.active {
	    background: #00000033;
	    -webkit-backdrop-filter: blur(30px);
	    backdrop-filter: blur(30px);
	}

	.header-bottom li a {
	    border: none;
	}

	.header-menu li.btn {
		margin-top: 5px;
		font-size: 16px;
	}

	.header-menu li.explore-btn {
		margin-top: 25px;
    }

	.hero {
	    padding-top: 110px;
	    padding-bottom: 100px;
	}

	.flexed--bottom {
	    flex-direction: column;
	}

	.hero-left {
	    max-width: 100%;
	    width: 100%;
	}

	ul.hero-feats-main {
	    max-width: 100%;
	    column-count: 2;
	}

	.hero-top-feat {
	    font-size: 16px;
	}

	html, body {
	    font-size: 15px;
	}

	.hero-btn.btn.btn--alt {
	    display: none;
	}

	.hero-right {
	    max-width: 335px;
	    margin-top: 20px;
	}

	.coin-select-block {
	    padding: 24px 24px 75px;
	    margin-bottom: 25px;
	}

	.coin-select-block h3 {
	    font-size: 21px;
	}

	.header-mobile {
	    display: flex;
	}

	body > header.opened {
	    background: #14223fd4;
	    -webkit-backdrop-filter: blur(29px);
	    backdrop-filter: blur(30px);
	    z-index: 10;
	}

	h2, .h2 {
	    font-size: 34px;
	}

	.mission-inner h3 {
	    font-size: 22px;
	}

	.mission-right h4 {
	    font-size: 16px;
	}

	.mission-right {
	    max-width: 350px;
	}

	.mission-left .join-community {
	    position: absolute;
	    top: calc(100% - 60px);
	    right: 0;
	    width: 320px;
	}

	.mission-inner {
	    position: relative;
	    padding-bottom: 80px;
	}

	section.mission > .mission-wrap {
	    background-position: -110px 70%;
	}

	section.mission:before {
	    transform: translateX(10px);
	}

	body section + section {
	    margin-top: 100px;
	}

	section.sec-feats h2 {
	    margin-bottom: 30px;
	}

	.partial {
	    font-size: 70px;
	    height: 50px;
	}

	section.sec-feats li:not(:last-child):after {
	    right: -14px;
	}

	.sec-feat-text p:has(strong) {
	    font-size: 16px;
	}

	section.sec-feats .container {
	    padding-bottom: 330px;
	}

	section.steps {
		margin-top: 50px;
	    padding-bottom: 47%;
	}

	section.steps:before {
	    
	    background-size: 70%;
	    background-position: 50% 93%;
	}



	.step-list-item {
	    margin: 0 !important;
	    left: 0 !important;
	    width: calc(50% - 8px);
	    min-height: 190px;
	}

	.steps-list {
	    margin-top: 36px;
	    flex-wrap: wrap;
	    gap: 16px;
	    align-items: stretch;
	}

	.socialfi-info, .comm-coins-info {
	    max-width: 350px;
	}

	.buybox {
	    max-width: 325px;
	    padding: 20px 12px;
	}

	.buybox-tabs {
	    gap: 15px;
	}

	.buybox-content h3 {
	    font-size: 22px;
	}

	.buybox-stage {
	    font-size: 14px;
	}

	.buybox-footer {
	    display: none;
	}

	.comm-coints-inner {
	    align-items: flex-start;
	    background-size: 350px;
	}

	.pi-list {
	    gap: 18px;
	    margin-top: 36px;
	    justify-content: center;
	}

	.pi-item {
	    width: calc(33% - 12px);
	    min-height: auto;
	}

	.pi-item.pi-item-cta {
	    order: 2;
	    width: 100%;
        padding: 6px 0;
	}

	section.token-types h2 {
	    text-align: left;
	}

	.token-types-list {
	    margin-top: 36px;
	}

	.token-type-title {
	    font-size: 16px;
	}

	.socialfi-inner {
	    background-size: 350px;
	}

	.synergy-left .bracs {
	    font-weight: 500;
	    font-size: 16px;
	}

	.synergy-left {
	    max-width: 350px;
	}

	.synergy-scheme {
        gap: 36px;
        background: url('../assets/crossgo-vertical.svg') calc(100% - 35px) 49% no-repeat;
        background-size: 39px 100%;
        max-width: 342px;
        width: 100%;
        margin: 0 auto;
	}

	.synergy-scheme-1:after {
		display: none;
	}

	.synergy-right {
	    max-width: 375px;
	    flex: auto;
	    margin: 0 auto;
	}

	.synergy-scheme-part-inner {
	    margin-left: auto;
	    margin-right: 0;
	    min-height: 203px;
	}

	.synergy-scheme-main .synergy-scheme-part-inner {
		min-height: 203px;
	}

	.synergy-inner {
		gap: 21px;
	}

	.synergy-scheme-part.synergy-scheme-2 {
	    width: 100%;
	}

	.roadmap-inner {
	    background-size: 100% auto;
	    background-position: 50% 250%;
	}

	.presale-info {
	    max-width: 355px;
	}

	.blog-item {
	    max-width: 300px;
	}

	.blog-item:nth-child(1), .blog-item.slick-active {
	    max-width: 300px;
	    width: 100%;
	}

	.blog-item:nth-child(1) .blog-item-img, .blog-item.slick-current .blog-item-img {
	    height: 177px;
	}

	.blog-item-img {
	    height: 177px;
	}

	button.slick-arrow {
	    bottom: -80px;
	    right: calc(50% - 55px);
	}

	button.slick-prev.slick-arrow {
		right: calc(50% + 55px);
	}


	.faq-list {
	    margin-top: 36px;
	    max-width: 100%;
	}

	section.faq .faq-wrap {
	    margin-bottom: 0;
	    padding-bottom: 630px;
	    background-position: 50% 100%;
	    background-size: 65%;
	}

	.synergy-scheme-part.synergy-scheme-1 {
	    order: -1;
	    width: 100%;
	}

	.synergy-scheme-part.synergy-scheme-main {
	    width: auto;
	}

	section.faq:after {
	    height: 250px;
	    width: 250px;
	    transform: translate(50%, 100%);
	}

	.footer-inner ul {
	    justify-content: center;
	    gap: 16px 52px;
	}

	.join-community.footer-community {
	    text-align: center;
	}

	footer {
	    padding: 60px 0 40px;
	}

	.hoverEffects.bull-video {
	    transform: none;
	    left: 0;
	    bottom: -50px;
	    top: inherit;
	    width: 480px;
	}

	.coin-select-source {
	    flex-direction: column;
	    padding-bottom: 10px;
	    overflow: visible;
	    position: relative;
		font-size: 8px;
	}

	.coin-select-item {
	    position: relative;
	    background-image: linear-gradient(#1B2139, #1B2139), linear-gradient(180deg, #299FFF, #001BC8);
	    background-origin: border-box;
	    background-clip: content-box, border-box;
	    border: 1px solid transparent;
	}

	.coin-select-item .coin-select-source {
	    background-image: linear-gradient(to left, #1664E6, #6B9BEA);
	    color: transparent;
	    background-clip: text;
	}

	.coin-select-item .coin-select-source:after {
	    content: '';
	    background: url(../assets/arrow-out.svg) 100% 50% no-repeat;
	    width: 11px;
	    height: 11px;
	    background-size: contain;	
	}

	.coin-select-item .coin-select-source:after {
	    position: absolute;
	    bottom: 9px;
		right: -5px;
	}

	.coin-select-item-inner {
	    padding: 12px;
	}

	.step-list-text .btn a {
	    display: inline-block;
	}

	.step-list-text .btn {
	    text-align: left;
	    display: inline-block;
	    margin-top: 25px;
	}

	.coint-select-list {
	    margin-top: 40px;
	}

	ul.diamonds.diamonds--lg li p:has(strong) {
	    font-size: 16px;
	}

	ul.diamonds.diamonds--lg li:not(:last-child) {
	    padding-bottom: 24px;
	}

	.presale-inner, .socialfi-inner{
		background-size: 350px;
	}

	.synergy-left .bracs br {
		display: none;
	}

	ul.diamonds.diamonds--lg li:not(:last-child):after {
	    height: calc(100% - 60px);
	}

	section.pi {
	    padding-bottom: 460px;
	    background-size: 770px;
	}

	.coin-select-item:hover .coin-select-source {
	    padding: 0 0 10px 0;
	}

	.coin-select-item:hover .coin-select-source:after {
		position: absolute;
		right: inherit;
	}

	.content-block {
	    width: calc(33.3333% - 6px);
	    max-width: 100%;
	}

	.content-block:nth-child(n + 4) {
	    width: calc(50% - 4px);
	}

	.content-block.content-block-full {
	    width: 100%;
	}

	.stat-blocks.stat-blocks2 .stat-block {
	    width: calc(50% - 4px);
	}

	.graph-options {
	    margin-top: 12px;
	}

	.graph-heading {
	    flex-direction: column;
	    align-items: flex-start;
	}

	.stat-blocks.stat-blocks2 {
	    max-width: 50%;
	}

	.block-text {
	    font-size: 20px;
	}

	.bull-video-usual.bull-video-usual-left, .bull-video-usual.bull-video-usual-right {
		display: none;
	}

	.roadmap .bull-video-usual {
	    max-width: 540px;
	}

	.faq-wrap .bull-video-usual {
	    max-width: 520px;
	    top: inherit;
	    bottom: 120px;
	    transform: translateX(-50%);
	}

	.pi .bull-video-usual {
	    max-width: 320px;
	    bottom: 120px;
	}

	.steps .bull-video-usual {
	    max-width: 320px;
	    bottom: 100px;
	}

	.mission-wrap .bull-video-usual {
	    max-width: 390px;
	    left: 20%;
	}

	.coin-stat-link {
	    font-size: 8px;
	}
	.site-name {
		font-size: 14px;
		}

}

@media screen and (max-width: 767px) {
	h1, .h1 {
	    font-size: 56px;
	}

	.hero,
	section#launchpad,
	section#synergy,
	section#faq,
	section#blog {
	    overflow: hidden;
	}

	.hero-btn.btn {margin: 0 auto;}

	.hero-left h1 span {
	    display: block;
	}

	ul.hero-feats-main {
	    column-count: 1;
	    margin: 24px 0 20px;
	}

	.steps-header-text {
	    display: none;
	}

	.coin-select-block {
		max-width: 360px;
		margin: 0 auto 24px;
	}
	.coin-stat-link {
	    font-size: 10px;
	}

	.hero-right {
	    text-align: left;
	    max-width: 100%;
	    width: 100%;
	    margin-top: 50px;
	}

	.token-type {
	    flex: auto;
	}

	.mission-inner {
	    margin-top: 24px;
	    flex-direction: column;
	}

	.synergy-left {
	    max-width: 100%;
	}

	.synergy-inner {
		gap: 36px;
	}

	.mission-inner h3 {
	    padding-bottom: 320px;
	}

	section.mission {
		overflow: hidden;
	}

	section.mission > .mission-wrap {
	    background-position: -140px 140px;
	    background-size: 500px;
	}

	section.mission:before {
	    bottom: inherit;
	    top: 120px;
	    transform: none;
	}

	.mission-right {
	    text-align: left;
	}

	.mission-left .join-community {
	    right: inherit;
	    left: 0;
	}

	body section + section {
	    margin-top: 80px;
	}

	h2, .h2 {
	    font-size: 34px;
	}

	section.sec-feats ol {
	    flex-direction: column;
	}

	section.sec-feats li:not(:last-child):after {
	    display: none;
	}

	.step-list-item {
	    width: 100%;
	}

	.socialfi-info, .comm-coins-info {
	    max-width: 100%;
	}

	.buybox {
	    margin: 40px auto 0;
		width: 325px;
	}

	.presale-popup-buy.buybox {
		margin-top: 0;
		width: 325px;
	}

	.pi-inner {
	    text-align: left;
	}

	.pi-item {
	    width: 100%;
	}

	.roadmap-item {
	    width: 100%;
	    margin-top: 0 !important;
	}

	.roadmap-item:nth-child(2n + 1) {
	    justify-content: flex-start !important;
	}

	.roadmap-item:nth-child(2n + 2) {
	    justify-content: flex-end !important;
	}

	.roadmap-list {
	    gap: 50px;
	}

	.roadmap-inner {
	    background-size: 560px auto;
	    background-position: 50%;
	}

	section.faq .faq-wrap {
	    margin-top: 160px;
	}
	.coin-select-item .coin-select-source:after {
	    position: absolute;
	    bottom: 10px;
		right: -4px;
	} 

	.footer-inner ul {
	    flex-direction: column;
	    gap: 37px;
	}

	.footer-inner ul li:not(:last-child):after {
	    right: 50%;
	    top: 26px;
	    transform: translateX(50%);
	}

	.hoverEffects.bull-video {
	    bottom: 46%;
	    width: 400px;
	    left: 50%;
	    transform: translateX(-50%);
	}

	.comm-coints-inner {
	    background-position: 50% 100%;
	}

	.roadmap-bull-inner {
	    width: 150%;
	    transform: translateX(-19%);
	}

	.roadmap-bull-wrap {
		left: 0;
        width: 100%;
        transform: none;
	}

	.step-list-item-title,
	.pi-item-title {
	    font-size: 16px;
	}

	.buybox-tabs {
        gap: 12px;
    }

    button.close-popup {
    	margin: 2px 0 10px auto;
    }

    .hero-top-feats {
        gap: 10px;
    }

    .hero-top-feat {
        padding: 2px 11px;
    }

    .hero {
    	padding: 110px 0 80px 0;
    }

    section.steps {
	    padding-bottom: 50%;
	}

    section.steps:before {
        background-size: 90%;
        background-position: 50% 99%;
    }

    .pi-item .btn {
        padding: 0 25px;
    }

    .pi-item .btn:before, 
    .pi-item .btn:after {
        width: 27px;
    }

    .pi-item .btn a span:before, 
    .pi-item .btn a span:after {
        width: 25px;
        left: -24px;
    }

    .pi-item .btn a span:after {
        right: -24px;
        left: inherit;
    }

    section.pi {
        background-size: 630px;
        padding-bottom: 355px;
    }

    .presale-inner, .socialfi-inner {
    	background: none;
    }

    .content-block {
        width: calc(50% - 4px);
    }

    .content-block:nth-child(2n + 1):has(+.content-block-full) {
        width: 100%;
    }

    .stat-blocks-wrap {
        flex-direction: column;
    }

    .stat-blocks.stat-blocks2 {
        max-width: 100%;
    }

    .content-block.graph-block {
        width: 100%;
    }

    .content-tabs {
	    width: 100%;
	    margin-top: 20px;
	}

	.faq-wrap .bull-video-usual {
	    right: inherit;
	    left: 50%;
	    max-width: 360px;
	    bottom: 50px;
	    width: 100%;
	}

	section.faq .faq-wrap {
	    padding-bottom: 400px;
	    margin-top: 10px;
	}

	.roadmap .bull-video-usual {
	    max-width: 375px;
	}

	.pi .bull-video-usual {
	    bottom: 30px;
	    width: 100%;
	}

	.steps .bull-video-usual {
	    width: 100%;
	    bottom: 20px;
	}

	.sec-feats .bull-video-usual {
	    width: 100%;
	}

	.mission-wrap .bull-video-usual {
	    bottom: inherit;
	    top: 120px;
	    max-width: 320px;
	    width: 100%;
	    transform: none;
	    left: 10%;
	}

	.mission-wrap h2 {
	    max-width: 310px;
	}

	section.steps {
	    padding-bottom: 360px;
	}

	.ref-list-info ol {
	    flex-direction: column;
	    gap: 0;
	}

	.content-block.ref-block {
	    width: calc(33.3333% - 6px);
	}
	#quickiespan{
  font-size: 9px;
}

	.popup-personal-info {
        padding: 30px 10px;
    }

    .btn-confirm, .btn-cancel {
      width: 150px;
      font-size: 12px;
    }
	.site-name {
		font-size: 12.5px;
		}

}
@media (max-width: 424px) {
	.coin-stats-list.flexed {
	  flex-wrap: nowrap;
	}
    .coin-stat-link.btn a {
	  font-size: 8.5px;
	}
  }

@media (max-width: 350px) {
    .popup-personal-info {
      padding: 30px 20px;
    }

    .btn-personal-info {
      gap: 2px;
    }
	.coin-select-source{
		font-size: 7px;
	}
	.coin-select-item .coin-select-source:after {
	    position: absolute;
	    bottom: 10px;
		right: -10px;
	}
	.coin-select-item:hover .coin-select-source:after {
		position: absolute;
		right: -2px;
	}
	.btn-confirm, .btn-cancel {
		width: 140px;
		font-size: 10px;
	  } 
	.site-name {
	font-size: 10.5px;
	}
	
}