@media only screen and (max-width: 1920px) {
	
}

@media only screen and (max-width: 1440px) {
	
}

@media only screen and (max-width: 1366px) {
	
}

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

@media only screen and (max-width: 1024px) {
	
}
@media only screen and (min-width: 991px) {
	.kl-logo {display: block !important;}
	.kl-logo-mob {opacity: 0;}
}
@media only screen and (max-width: 990px) {
	.kl-logo {display: none !important;}
	.kl-logo-mob {opacity: 1;}
	.kl-mob-hide {display: none;}
	.credits-info {display: unset !important;}
}

@media only screen and (max-width: 960px) {
	.titre-details h2 {margin-left: 30px;}
	.kl-step-menu {padding-left: 0 !important;margin-top: 15px;}
	.kl-step-return {position: relative;}
}

@media only screen and (max-width: 768px) {
	.kl-block-nav {padding: 15px 10px;}
}

@media only screen and (max-width: 740px) {
    .credit-box {width:22%;}
}

@media only screen and (max-width: 580px) {
    .kl-step-menu li {display: inline-block;padding: 0 10px;}
}

@media only screen and (max-width: 480px) {
	.kl-step-menu li{padding:0 2px;}
}

@media only screen and (max-width: 414px) {
	.type, .type2{font-size: 10px !important;}
}
@media only screen and (max-width: 375px) {
	.credit-boxes {gap: 10px !important;}
	h1{font-size: 17px !important;margin-bottom: 50px;}
	#unlock-door-btn {padding: 15px 10px !important;font-size: 16px !important;}
}

@media only screen and (max-width: 360px) {
	
}

@media only screen and (max-width: 320px) {
	
}