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

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

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

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

	h3, .h3 {
	  font-size: 22px;
	}

	h4, .h4 {
	  font-size: 20px;
	}

	h5, .h5 {
	  font-size: 15px;
	}

	h6, .h6 {
	  font-size: 14px;
	}

	header {
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 100%;
	    padding: 19px 24px;
	    background: none;
	    z-index: 9;
	    height: auto;
	    transition: 0.4s;
	}

	.header-inner {
	    display: block;
	}

	.admin-bar header {
	    top: 32px;
	}

	.header-inner .logo {
	    display: inline-block;
	    padding-top: 20px;
	}

	.header-fixed-inner {
	    padding: 0;
	    border: none;
	}

	ul#menu-main-menu {
	    flex-direction: column;
	    display: none;
	}

	.header-cta .btn {
	    justify-content: center;
	    margin-top: 60px;
	}

	.header-inner li a {
	    font-size: 24px;
	    line-height: 24px;
	    padding: 6px 10px;
	    display: inline-block;
	}

	.header-fixed {
	    display: block;
	    position: static;
	    transform: none;
	}


	header.active {
	    height: 100vh;
	    transition: 0s;
	    background: #efe8d7
	}

	.header-cta {
	    position: static;
	    display: none;
	}

	.menutoggle {
	  display: block;
	  position: absolute !important;
	  top: 16px;
	  right: 24px;
	}

	.menutoggle.btn.btn--cream button {
	    padding: 0;
	    background: none;
	}

	.menutoggle button span {
	    display: block;
	    width: 50px;
	    height: 50px;
	    font-size: 0;
	}

	header {
	}

	.menutoggle span:before, .menutoggle span:after {
	    content: '';
	    width: 26px;
	    height: 4px;
	    background: #505050;
	    position: absolute;
	    z-index: 4;
	    top: calc(50% + 4px);
	    left: 50%;
	    transform: translate(-50%, -50%);
	    transition: transform 0.4s;
	}

	.menutoggle span:before {
	    top: calc(50% - 4px);
	}

	.menutoggle .active span:before, .menutoggle .active span:after {
	    transform: translate(-50%, -50%) rotate(45deg);
	    top: 50%;
	}

	.menutoggle .active span:before {
	    transform: translate(-50%, -50%) rotate(-45deg);
	}

	header.active ul#menu-main-menu {
	    display: flex;
	    margin-top: 24px;
	}

	.mobvis,
	ul#menu-main-menu .mob,
	header.active .header-cta {
	    display: block;
	}

	.footer-mega-text {
	    font-size: 72px;
	}

	.footer-social .container {
	    padding: 0;
	}

	.footer-social-inner {
	    align-items: stretch;
	}

	.footer-social-item .footer-social-item-title {
	    font-size: 12px;
	}

	.footer-message {
	    order: 3;
	    width: 100%;
	    flex: auto !important;
	    text-align: center;
	}

	.footer-middle-inner {
	    gap: 24px 48px;
	}

	.footer-middle-inner .menu {
	    gap: 30px;
	}

	ul#menu-footer-menu-1 {
	    justify-content: flex-end;
	}

	ul#menu-footer-menu-2 {
	    justify-content: flex-start;
	}

	.base-page {
	    padding-top: 0;
	}

	.roadmap-inner {
	    flex-direction: column;
	}

	.roadmap-item:nth-child(1) {
	    width: 100%;
	    margin-top: 0;
	}

	.roadmap-item {
	    width: 100%;
	}

	.roadmap-item:before {
	    border-right: 2px solid currentColor;
	}

	.road-main {
	    padding-bottom: 80px;
	}

	.roadmap-item:nth-child(3) {
	    margin-top: 25px;
	}

	.roadmap-bg.roadmap-bg-active-1 {
	    height: 600px;
	    bottom: inherit;
	    top: 100px;
	    width: 100%;
	}

	.roadmap-bg.roadmap-bg-active-2 {
	    width: 100%;
	    height: 350px;
	    top: 885px;
	}

	.roadmap-bg.roadmap-bg-active-3 {
	    width: 100%;
	    height: 350px;
	    top: 1445px;
	}

	.footer-social-item a {
		height: 100%;
	}

	.faq-q-q {
	    font-size: 14px;
	    margin-top: 5px;
	}

	.base-page.faq-page {
	    padding-bottom: 80px;
	}

	.blog-total-num {
	    display: none;
	}

	.blog-main {
	    padding-top: 69px;
	}

	.home-explore-cards > button.slick-arrow {
	    left: 50%;
	    transform: translateX(6px);
	}

	.home-explore-cards > button.slick-arrow.slick-prev {
	    transform: rotate(180deg) translateX(100%);
	}

	.home-explore-card {
	    max-width: 420px;
	    padding: 30px;
	    margin: 0 12px;
	}

	.blog-cards .home-explore-card-anim-inner {
	    width: 358px;
	    height: 390px;
	}

	.slick-track {
	    display: flex;
	}

	.home-explore-card {
	    height: inherit;
	    display: block !important;
	}

	.home-explore-card-info {padding: 24px 0 0 !important;height: calc(100% - 390px);}

	.home-explore-card-top {
	    margin-bottom: 12px;
	}

	.home-explore-card-text {
	    padding-bottom: 30px;
	}

	.social-feed {
	    padding: 100px 0 80px;
	}

	.social-feed h3 {
	    margin-bottom: 24px;
	}

	.social-feed-item {
	    max-width: calc(50% - 12px);
	}

	.social-feed-inner {gap: 24px;}

	.social-feed-img-inner {
	    width: 292px;
	    height: 292px;
	}

	.social-feed-text {
	    font-size: 12px;
	    line-height: 18px;
	}

	.blog-post-top {
	    display: block;
	}

	.blog-post-back {
	    margin: 24px auto 36px;
	    width: 120px;
	}

	.blog-post-top h1 {
	    text-align: center;
	    margin-bottom: 12px;
	}

	.blog-post-date {
	    width: 100%;
	    text-align: center;
	}

	.blog-post-empty-col {
	    display: none;
	}

	.blog-post-main {
	    flex-direction: column-reverse;
	    margin-top: 24px;
	}

	.blog-post-main-img {
	    margin: 0 auto 24px;
	    max-width: 470px;
	}

	.blog-post-main-text p {
	    margin-bottom: 24px;
	}

	.blog-post-main-text blockquote {
	    margin-left: 0;
	    width: 100%;
	    font-size: 20px;
	    line-height: 30px;
	}

	.contact-nav {
	    flex-direction: column;
	    gap: 6px;
	    padding-bottom: 24px;
	}

	.contact-nav-item {
	    font-size: 12px;
	    line-height: 18px;
	}

	.contact-form-wrap {
	    max-width: 440px;
	}

	.contact-form-wrap .contact-form-wrap-inner {
	    padding: 40px 30px 60px;
	}

	.contact-form-wrap-inner button {
	    width: 100%;
	}

	.base-page.contact-page {
	    padding-bottom: 220px;
	}

	.footer-cta-bg {
	    background-size: 100% auto;
	    background-attachment: scroll;
	}

	.footer-cta-dude {
	    height: 230px;
	    bottom: -28px;
	}

	.home-explore-card-title {
	    font-size: 20px;
	}

	.team-main .home-explore-card-label {
	    margin: 10px 0 10px 22px;
	}

	.home-explore-card-social {
	    width: 100%;
	    gap: 14px;
	}

	.home-explore-card-social .small-angle {
	    margin: 0;
	}

	.team-card-logos {
	    padding: 10px 0 5px;
	}

	.home-explore-card-social.home-explore-card-social-4, .home-explore-card-social.home-explore-card-social-3 {
	    width: 100%;
	    justify-content: flex-start;
	}

	.base-page.team-page {
	    padding-bottom: 75px;
	}

	.team-partnter.home-partners {
	    margin-bottom: 100px;
	}

	.title-sm {
	    margin-bottom: 24px;
	}

	.home-partner-logo img {
	    width: 86px;
	}

	.home-partner-logo {
	    margin: 0 6px;
	}

	.about-video {
	    margin: 100px 0;
	}

	.about-careers-text .btn {
	    display: none;
	}

	.about-careers-inner {
	    gap: 24px;
	}

	.about-careers-grid {
	    width: 100%;
	    padding: 0;
	    justify-content: space-between;
	}

	.about-careers-grid-item:nth-child(3) {
	    display: none;
	}

	.about-careers-grid-column {
	    max-width: 100%;
	    width: calc(33% - 18px);
	}

	.about-careers-grid-item img {
	    width: 100%;
	}

	.about-main {
	    gap: 45px;
	    padding: 0;
	    flex-direction: column;
	}

	.about-main-anim-inner {
	    position: static;
	    max-width: 244px;
	    margin: 0 auto;
	}

	.about-text-block-left .btn {
	    display: none;
	}

	.about-text-block-inner {
	    flex-direction: column;
	    align-items: flex-start;
	}

	.about-text-block-left {
	    max-width: 100%;
	}

	.about-services {
	    margin: 100px 0;
	}

	.about-services h3 {
	    margin-bottom: 24px;
	}

	.about-services-card {
	    width: calc(50% - 12px);
	}

	.about-services-card-title {
	    font-size: 15px;
	    line-height: 22px;
	}

	.about-services-card-title:before {
	    height: 28px;
	}

	.about-services-card-title-text {
	    top: 0;
	}

	.home-features-inner {
	    flex-direction: column;
	}

	.home-feature-inner {
	    display: flex;
	    flex-wrap: wrap;
	    padding: 32px;
	    gap: 48px;
	}

	.home-feature-inner > .home-features-title {
	    display: none;
	}

	.home-feature-anim {
	    max-width: 192px;
	    margin: 0;
	}

	.home-feature-text {
	    text-align: left;
	    flex: 1;
	}

	.about-text-block2 .about-text-block-left .btn {
	    display: block;
	}

	.about-text-block2 .about-text-block-inner {
	    flex-direction: row;
	    gap: 24px;
	}

	.about-text-block.about-text-block2 .about-text-block-left {
	    max-width: max-content;
	}

	.about-text-block2 .about-text-block-inner > div {
	    flex: 1;
	}

	.about-text-block2 .about-text-block-inner > div.about-text-block-right {
	    padding: 0 30px;
	}

	.about-text-block.about-text-block2 {
	    margin: 100px 0;
	}

	.about-blueprint {
	    margin-bottom: 100px;
	}

	.home-feature-text .home-features-title {
	    text-align: left;
	    max-width: 100%;
	    margin-bottom: 12px;
	}

	.about-text-block-right.dynamic-game {
		margin-bottom: 10px;
	}

	.home-top-section-inner {
	    padding-top: 160px;
	    align-items: flex-start;
	    gap: 15px;
	    padding-bottom: 125px;
	}

	.home-top-section-bg {
	    background-attachment: local;
	}

	.menutoggle {
	    z-index: 12;
	}

	.home-top-section-info {
	    max-width: 360px;
	}

	.home-top-section-anim {
	    padding: 0;
	}

	.home-top-section-text p {
	    margin-bottom: 36px;
	}

	.home-top-section-text h1 {
	    margin-bottom: 18px;
	}

	.home-text-section {
	    padding: 100px 0;
	    margin: 0;
	}

	.home-text-section1 .home-text-section-text h4, .home-text-section2 .home-text-section-text h4 {
	    display: none;
	}

	.home-text-section-inner {
	    gap: 30px;
	}

	.home-text-section-number-info {
	    margin: 0px 0 12px;
	    gap: 12px;
	}

	.home-cta.footer-cta {
	    padding: 63px 0;
	}

	.home-explore {
	    padding: 100px 0;
	}

	.home-explore-nav {
	    opacity: 0;
	    visibility: hidden;
	}

	.home-explore-card-top:before {
	    height: 30px;
	}

	.home-text-section-inner > .home-text-section-text {
	    flex: auto;
	    font-size: 20px;
	    line-height: 30px;
	    font-family: 'Press Start 2P';
	}

	.home-text-section-inner > .home-text-section-text h4 {
	    display: block;
	}

	.home-text-section-inner > .home-text-section-text p {
	    display: none;
	}

	.home-text-section-inner {
	    gap: 24px;
	}

	.home-top-section:after {
		display: none;
	}

	.game-block .about-text-block-inner {
	    gap: 0;
	}

	.about-text-block.game-block {
	    padding: 0 0 410px 0;
	}

	#wrapper {
		overflow: hidden;
	}

	.header-fixed {
	    -webkit-backdrop-filter: blur(0);
	    backdrop-filter: blur(0);
	    background: none;
	}

	.menutoggle.btn button:after {
	    background: #efe8d7;
	}

	.home-top-section-anim {
	    height: auto;
	}

	.menutoggle button:not(.active):after {
	    transform: translate(6px, 6px);
	}

	.team-card-logos.mobhide {
	    display: none;
	}
}

/* Mobile */

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

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

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

	h3, .h3 {
	  font-size: 20px;
	}

	h4, .h4 {
	  font-size: 16px;
	}

	h5, .h5 {
	  font-size: 14px;
	}

	h6, .h6 {
	  font-size: 12px;
	}

	.roadmap-text {
	    padding: 28px 20px;
	}

	.roadmap-item:nth-child(1) .roadmap-text {
	    padding-right: 20px;
	    padding-bottom: 175px;
	}

	.roadmap-item:nth-child(1) .roadmap-text ul {
	    column-count: 1;
	}

	.roadmap-bg.roadmap-bg-active-1 {
	    top: 380px;
	}

	.footer-social-inner {
	    display: block;
	}

	.footer-social-item:not(:last-child) {
	    border-right: none;
	    border-bottom: 2px solid #505050;
	}

	.footer-social-item a {
	    padding: 18px;
	}

	.hover-arrow {
	    top: 50%;
	    transform: translateY(-50%);
	}

	.footer-middle {
	    padding: 24px 0;
	}

	.footer-middle-inner {
	    flex-direction: column;
	    gap: 24px;
	}

	.footer-mega-text {
	    font-size: 32px;
	    padding: 14px 0 6px;
	}

	.footer-move-line {
	    font-size: 17px;
	    line-height: 25px;
	    height: 50px;
	}

	.footer-move-line-item-dude {
	    height: 48px;
	}

	.faq-q-q {
	    margin-right: 0;
	    font-size: 12px;
	    line-height: 18px;
	    padding-right: 40px;
	    flex: auto;
	}

	.faq-q-text {
	    position: relative;
	}

	.faq-q-text button {
	    position: absolute;
	    top: 50%;
	    right: 0;
	    transform: translateY(-50%);
	}

	.faq-q.active button {
	    transform: rotate(180deg) translateY(50%);
	}

	.faq-a-inner {
	    margin-right: 0;
	}

	.home-explore-card {
	    max-width: 310px;
	}

	.blog-cards .home-explore-card-anim-inner {
	    max-width: 249px;
	    height: 260px;
	}

	.social-feed-item {
	    max-width: 100%;
	}

	.wp-caption.alignleft, .wp-caption.alignright, .alignright, .alignleft {
	    float: none;
	    width: 100% !important;
	    padding: 0;
	}

	.blog-post-main-text blockquote {
	    padding: 20px;
	    font-size: 16px;
	    line-height: 24px;
	    margin-bottom: 16px;
	}

	.blog-post-main-text p {
	    margin-bottom: 16px;
	}

	.contact-success-message {
	    background-size: 80px 80px;
	    padding-top: 115px;
	    font-size: 20px;
	    line-height: 30px;
	    margin: 0;
	    width: 100%;
	}

	.home-explore-cards.team-cards ul.slick-dots {
		display: none !important;
	}

	.team-partnter.home-partners {
	    margin: 5px 0 80px;
	}

	.about-video {
	    margin: 80px 0;
	}

	.about-careers-text {
	    padding: 0;
	}

	.about-careers-text h3 {
	    font-size: 16px;
	}

	.about-careers-grid-item {
	    margin-bottom: 14px;
	}

	.about-careers-grid {
	    gap: 14px;
	    padding-bottom: 12px;
	}

	.about-careers-grid-column {
	    width: calc(33% - 10px);
	}

	.footer-cta {
	    padding: 60px 0;
	}

	.footer-cta-bg {
	    background-size: cover;
	}

	.btn button, .btn a {
	    font-size: 12px;
	    line-height: 18px;
	}

	.about-main-text h3 {
	    font-size: 16px;
	    line-height: 24px;
	    margin-bottom: 24px;
	}

	.about-main-anim-inner {
	    max-width: 220px;
	}

	.about-feature {
	    padding: 20px 26px;
	}

	.video-trigger-inner {transform: translate(-50%, -50%) scale(0.66);}

	.about-text-block-inner {
	    gap: 0;
	}

	.about-services-card {
	    width: 100%;
	}

	.home-feature-anim {
	    max-width: 100%;
	}

	.about-text-block2 .about-text-block-inner {
	    display: block;
	    margin-bottom: 36px;
	}

	.about-text-block2 .about-text-block-inner .btn {
	    display: none;
	}

	.about-blueprint {
	    margin-bottom: 0;
	    padding: 80px 0;
	}

	.about-text-block.about-text-block2 {
	    margin: 80px 0 0;
	}

	.mobmobvis,
	.home-feature-inner > .home-features-title {
	    display: block;
	}

	.home-feature-text .home-features-title {
	    display: none;
	}

	.home-feature-inner {
	    gap: 24px;
	}

	.about-text-block-right.dynamic-game {
		margin-bottom: 24px;
		width: 100%;
	}

	.home-top-section-inner {
	    padding-top: 104px;
	    gap: 42px;
	    padding-bottom: 70px;
	}

	.home-top-section-text h1 > span strong {
	    padding-left: 30px;
	}

	.home-top-section-text h1 {
	    margin-bottom: 12px;
	}

	.home-text-section {
	    padding: 80px 0;
	}

	.home-text-section-inner > .home-text-section-text {
	    font-size: 16px;
	    line-height: 24px;
	}

	.home .home-explore-card-anim {
	    padding: 16px 42px;
	}

	.split2,
	.split {
	    margin-top: 24px;
	}

	.footer-cta-inner h2 {
	    font-size: 20px;
	    line-height: 30px;
	}

	.home-cta.footer-cta {
	    padding: 48px 0;
	}

	.home-text-section-inner {
	    flex-direction: column;
	    gap: 12px;
	}

	.home-text-section-inner > .home-text-section-text h4 {
	    font-size: 16px;
	    line-height: 24px;
	}

	.home-text-section-number-info,
	.home-top-section-inner,
	.home-feature-inner {
	    flex-direction: column;
	}

	.home-feature-anim-inner {
	    max-width: 240px;
	    margin: 0 auto;
	}

	.home-explore-card-anim dotlottie-player {
	    max-width: 160px;
	}

	.home-text-section-number-info {
	    margin-top: 18px;
	    margin-bottom: 30px;
	}

	.base-page.contact-page {
		padding-bottom: 80px;
	}
}