.show-mobile { display: none !important; }
.show-desktop { display: block !important; }

#navToggle { display:none !important;}
#mainNavWrapper { display: flex !important;}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
	
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {  
	
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {  
	.fz-lg-16 { font-size: 16px !important; }
	.fz-lg-18 { font-size: 18px !important; }
	.fz-lg-20 { font-size: 20px !important; }
	.fz-lg-22 { font-size: 22px !important; }
	.fz-lg-24 { font-size: 24px !important; }
	.fz-lg-26 { font-size: 26px !important; }
	.fz-lg-28 { font-size: 28px !important; }
	.fz-lg-32 { font-size: 32px !important;}
	.fz-lg-34 { font-size: 34px !important; }
	.fz-lg-38 { font-size: 38px !important; }
	.fz-lg-42 { font-size: 42px !important; }
	.fz-lg-44 { font-size: 44px !important; }
	.fz-lg-52 { font-size: 52px !important; }
	.fz-lg-62 { font-size: 62px !important; }
	.pos-lg-a { position:absolute;}
	
	.flex-lg-row { flex-direction: row; }
	.flex-lg-col { flex-direction: column; }
	
	.flex-lg-1 { flex: 1 !important; }
	.flex-lg-2 { flex: 2 !important; }
	.flex-lg-3 { flex: 3 !important; }
	.flex-lg-4 { flex: 4 !important; }
	.flex-lg-5 { flex: 5 !important; }
	
	.jsc-lg-start { justify-content: start !important; }
	.jsc-lg-center { justify-content: center !important; }
	.jsc-lg-center { justify-content: end !important; }
	.ai-lg-start { align-items: start !important; }
	.ai-lg-center { align-items: center !important; }
	.ai-lg-end { align-items: end !important; }

	.gap-lg--5, .gap-lg--5 .inner { gap: 5px !important; }
	.gap-lg-10, .gap-lg-10 .inner { gap: 10px !important; }
	.gap-lg-15, .gap-lg-15 .inner { gap: 15px !important; }
	.gap-lg-20, .gap-lg-20 .inner { gap: 20px !important; }
	.gap-lg-25, .gap-lg-25 .inner { gap: 25px !important; }
	.gap-lg-30, .gap-lg-30 .inner { gap: 30px !important; }
	.gap-lg-80, .gap-lg-80 .inner { gap: 80px !important; }
	
	.mb-lg-40 { margin-bottom: 40px !important;}
	.mb-lg-60 { margin-bottom: 60px !important;}
}

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
}

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 
	.container, .max-xxl-1170 { max-width: 1170px; }
	.container.ovh { overflow:visible !important; }
}

@media (max-width: 1399px) {
	.debugger::before { content: "max-width: 1399px"; }
	#preHeader .btn-launch { padding: 5px 10px; min-width: 160px; }
	#preHeader .btn-launch em { display:none;}
}
@media (max-width: 1199px) {  
	.debugger::before { content: "max-width: 1199px"; }
	
	.flex-1 { flex: 1 !important; }
	.flex-2 { flex: 2 !important; }
	.flex-3 { flex: 3 !important; }
	.flex-4 { flex: 4 !important; }
	.flex-5 { flex: 5 !important; }
}
@media (max-width: 991px) {
	.debugger::before { content: "max-width: 991px"; }
	
	#header.header-grow { padding-top: 112px;}
	.buy-btn.--lg { font-size: 32px !important; padding: 15px 30px !important; }
	
	.show-mobile { display: block !important; }
	.show-desktop { display: none !important; }
	.flex-img-txt { justify-content: center; align-items: center; flex-direction: column; }
	#mainNavWrapper { display:none !important;}
    #navToggle { display:block !important;}
	.btn-launch.--crew { margin-top: -52px; font-size: 34px; min-width: 320px; } /* 12.5% 11.5% 10.5%*/
	.slogan { font-size: 68px; margin-top: -40px; }
	.sub-slogan { font-size: 58px !important; }
	
	/* .card-wrapper { gap: 50vh !important; } */
	.card-images { width: 100%; top: 0; flex: auto !important; }
	.card-images .sticky-image { max-width: 100% !important; height: 50vh; object-fit: cover; margin: 0 auto; top: 0; left: 0;  transform: translate(0, 0); }
	.card-content .card-text { height: 50vh;  }
	.card-images .sticky-image.image-in-mobile { 
		opacity: 1; 
		transition: opacity 0.3s ease-in-out;
		-moz-transition: opacity 0.3s ease-in-out;
		-webkit-transition: opacity 0.3s ease-in-out;
		-o-transition: opacity 0.3s ease-in-out;
	}
	.card-wrapper { display:none; }
	
	.tokenomics-chart { width: 100%; }
	.tokenomics-legend .flex-icon span { font-size: 20px !important; }
}
@media (max-width: 767px) {
	.debugger::before { content: "max-width: 767px"; }
	
    .btn-launch.--crew { margin-top: -34px; font-size: 26px; padding: 2px 40px; min-width: 266px; } /* 12.5% 11.5% 10.5%*/
	.bg-image-header { background-position: center top;}
	.slogan { font-size: 58px; margin-top: 0px; margin-bottom: 15px; }
	.sub-slogan { font-size: 48px !important; }
}
@media (max-width: 575px) {  
	.debugger::before { content: "max-width: 575px"; }
	
	.btn-launch.--crew { display:none; font-size: 26px; padding: 2px 40px; min-width: 266px; } /* 12.5% 11.5% 10.5%*/
	.buy-btn.--2xl { font-size: 44px; padding: 20px 20px; }
	.slogan { font-size: 48px; margin-top: 15px; margin-bottom: 15px; }
	.sub-slogan { font-size: 38px !important; }
	
}
@media (max-width: 380px) {  
	.debugger::before { content: "max-width: 380px"; }
	.btn-launch.--crew { margin-top: 20px; display:none; }
}

@media (min-width: 576px) and (max-width: 767px) { }
@media (min-width: 768px) and (max-width: 991px) {  }
@media (min-width: 992px) and (max-width: 1199px) {  }

@media (max-width: 1199px) {  }

@media (max-width: 1399px) {  }