@media screen and (max-width: 1024px){
	.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.congratulations .step-inn .left{
		padding: 48px 32px 64px 32px;
	}
	.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.congratulations .step-inn .right{
		padding: 64px 32px;
	}
	.quiz-main .main-wrapper .content-wrapper .box.box-splash .inn .splash-content{	
		padding: 80px 32px;
		max-width: none;
	}
	.quiz-main .main-wrapper .content-wrapper .box.box-splash .inn .splash-content h2{
		font-size: 40px;
		line-height: 48px;
	}
	.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps .right{
		padding: 48px 32px;
	}
	.quiz-main .content-wrapper{
		width: 91%;
	}
	.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps .step-inn{
		display: block;
	}
	.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps .step-inn .left{
		padding: 48px 32px;
	}
	.quiz-main .large-options.four-options{
		padding: 48px 32px;
		grid-template-columns: 1fr;
		row-gap: 20px;
	}
	
	
		
	.quiz-main .footer .footer-split .left{
		display: none;
	}
	.quiz-main .footer .footer-split .right{
		display: block;
		text-align: center;
	}
	.quiz-main .tab-mobile-footer{
		display: block !important;
		margin-top: 48px;
	}
	.quiz-main .footer .footer-split{
		display: block;
	}
	.quiz-main .large-options{
		padding: 48px 32px;
	}
	.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.completed .step-inn{
		/*display: grid;
	    grid-template-rows: 1fr 1fr !important;
	    grid-template-columns: 1fr !important;*/
	    display: block;
	}
	.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.completed .step-inn .left{
		padding: 64px 32px;
	}
	.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.completed .step-inn .right img.lock{
		position: relative;
		left: unset;
		transform: none;
	}
	.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.completed .step-inn .right{
		justify-content: center;
		padding: 48px 24px;
	}
}
@media screen and (max-width: 767px){

	.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.congratulations .step-inn .left{
		padding: 48px 24px;
	}
	.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.congratulations .step-inn .left .congrats{
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		line-height: 28px;
	}
	.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.congratulations .step-inn .left h3{
		font-size: 30px;
		font-style: normal;
		font-weight: 700;
		margin: 16px 0 32px 0;
	}
	.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.congratulations .step-inn .left .quiz-tip .tip .h4{
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: 30px;
	}
	.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.congratulations .step-inn .right{
		padding: 48px 24px;
	}
	.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.congratulations .step-inn .right h3{
		font-size: 30px;
		font-style: normal;
		font-weight: 700;
		line-height: 38px;
	}
	.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.congratulations .step-inn .right ul {
		margin: 16px 0 0 0;
	}
	.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.congratulations .step-inn .right .resources-box{
		margin-top: 32px;
	}


	.quiz-main .main-wrapper .content-wrapper .box.box-splash .inn .splash-content{	
		padding: 64px 24px;
	}
	.quiz-main .main-wrapper .content-wrapper .box.box-splash .inn .splash-content .welcome{
		margin-bottom: 12px;
		font-size: 18px;	
		font-weight: 700;	
	}
	.quiz-main .main-wrapper .content-wrapper .box.box-splash .inn .splash-content h2{
		font-size: 36px;
		line-height: 44px
	}
	.quiz-main .main-wrapper .content-wrapper .box.box-splash .inn .splash-content p{
		margin:20px 0 40px 0;
		font-size: 18px;
		font-weight: 400;	
	}

	.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps .right{
		padding: 32px 24px;
	}
	.quiz-main .large-options.four-options{
		row-gap: 16px;
	}
	.quiz-main > .header{
		padding: 28px 0;
	}
	.quiz-main .header .logo img{
		height: 24px;
	}
	.quiz-main > .footer li.li-sep{
		display: none !important;
	}
	.quiz-main > .footer .right ul{
		display: grid;
		grid-template-columns: 1fr 1fr;
		row-gap: 24px;
		column-gap: 32px;
	}
	.quiz-main > .footer .right ul li{
		text-align: left;
	}
	.quiz-main .tab-mobile-footer{
		text-align: left;
	}
	.quiz-main .main-wrapper .content-area{
		padding: 64px 0;
	}


	.quiz-main .main-wrapper .content-wrapper .box .inn .header{
		padding: 20px 24px;
	}
	
	.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps .step-inn .left{
		padding: 32px 24px;
	}
	.quiz-main .large-options{
		padding: 32px 24px;
	}	
		
	.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps .left .steps-info{
		font-size: 18px;
	}
	.quiz-main .checkbox{
		border-radius: 8px;
    	padding: 12px 16px;
	}
	.quiz-main .large-options .lg-button{
		margin: 0 !important;
		padding: 25px 16px;
		font-size: 20px;
	}
	.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps .step-inn .right .checkboxes .checkbox{
		margin-top: 16px;
	}
	.quiz-main .main-wrapper .content-wrapper .box .inn .footer{
		padding: 20px 24px;
	}
	.quiz-main .main-wrapper .content-wrapper .box .inn .content .all-steps.completed .step-inn .right img.lock{
		width: 100%;
        top: unset;
        transform: none;
	}
	.quiz-main .large-options.two-options{
		column-gap: 16px;
	}
	.quiz-main h3 {
		font-size: 30px;
		line-height: 38px;
	}
}