@media only screen and (max-width:640px){
	.categlabel-wrapper .categ-col {
		font-size: 15px;
		line-height: 21px;
	}
	.drag-msg {
		font-size: 16px;
	}
	.access-timer-count {
		font-size: 20px;
		line-height: 20px;
	}

	.dakarform li.form-line:not(.form-line-column)[data-type="control_fullname"] .form-input-wide [data-wrapper-react]:not(.extended) .form-sub-label-container + .form-sub-label-container {
		margin-right: .75rem !important;
		margin-left: 0 !important;
	}
	.dakarform .form-all .form-line .form-input-wide .err {
		bottom: -15px;
		font-size: 12px;
	}
}
@media only screen and (max-width:568px){
    .on-boarding-container .on-boarding-heading-wrapper .on-boarding-heading-headers h2 {
    	font-size: 22px;
    }
    .onbourd-title {
    	font-size: 26px;
    	padding: 0 0 15px;
    }
    .on-boarding-container .on-boarding-heading-wrapper .on-boarding-body h2 {
    	font-size: 16px;
    }
    .on-boarding-heading-headers .subtxt {
    	font-size: 13px;
    }
    .gameContainer .quizBlocks {
    	font-size: 16px;
    }
	.result-section h2 {
		font-size: 28px;
		line-height: 38px;
	}
	.complete-msg {
		font-size: 16px;
	}
	.result-section .time {
		font-size: 15px;
	}
}

@media only screen and (max-width:520px){
	.categlabel-wrapper .categ-col {
		font-size: 13px;
		line-height: 19px;
	}
	.drag-msg {
		font-size: 14px;
	}
	.allscores {
    	font-size: 24px;
    }
	.submitted-msg {
		font-size: 20px;
	}
}

@media only screen and (max-width:460px){
    .on-boarding-container .on-boarding-heading-wrapper .on-boarding-body h2 {
    	font-size: 14px;
		line-height: 24px;
    }
    .onbourd-title {
    	font-size: 22px;
    	padding: 0 0 10px;
    }
    .on-boarding-container .on-boarding-heading-wrapper .on-boarding-heading-headers h2 {
    	font-size: 18px;
			line-height: 22px;
    }
	.categlabel-wrapper .categ-col {
		font-size: 12px;
		line-height: 17px;
	}
	.access-timer-count {
		font-size: 18px;
	}
	.drag-msg {
		font-size: 13px;
	}
	.gameContainer .quizBlocks {
		font-size: 13px;
		line-height: 20px;
	}

	.form-title {
		font-size: 17px;
		line-height: 30px;
	}
	label.form-label.form-label-auto, label.form-label:not(.form-label-top) {
		text-align: right !important;
	}
	.ansitem .box-txt {
	    font-size: 13px;
	    line-height: 20px;
	}
	.categ-result.setwrong {
		max-width: 210px;
	}
	.categ-result-wrapper {
		line-height: 18px;
		font-size: 13px;
		padding: 14px 50px 14px 15px;
	}
	.categ-result.setwrong #wrongansw {
		width: 70%;
	}
	.categ-result.payattention {
		max-width: 162px;
	}
	.game-rules.study-btn {
		font-size: 18px;
	}
}

@media only screen and (max-width:420px){
	.result-section h2 {
		font-size: 24px;
		line-height: 34px;
	}
	.result-section .time {
		font-size: 14px;
	}
	.scorelabel {
		font-size: 14px;
	}
	.complete-msg {
		font-size: 15px;
	}
	.form-title {
		font-size: 16px;
		line-height: 27px;
	}
	.win-row {
		padding: 0 45px 10px 0;
	}
	.allscores {
		font-size: 20px;
	}
	.submitted-msg {
		font-size: 18px;
		padding: 0 15px 10px;
	}
	.win-col{
		line-height: 24px;
	}
	.categlabel-wrapper .categ-col {
		padding: 3px 2px 0;
	}
	.blue-bg-wrap::before {
		top: -8%;
	}
	.categ-result.payattention .categ-result-wrapper {
		padding: 14px 45px 12px 7px;
	}

	.game-rules.study-btn {
		padding: 20px 15px 5px;
		font-size: 16px;
		line-height: 26px;
	}
}
@media only screen and (max-width:376px){
    .on-boarding-container .on-boarding-heading-wrapper .on-boarding-heading-headers h2 {
    	font-size: 17px;
    }
	.gameContainer .quizBlocks {
		font-size: 11px;
		line-height: 18px;
	}
	.cta-btn {
		font-size: 13px;
		padding: 10px 0;
	}
	.complete-msg {
		font-size: 14px;
	}
	.result-section h2 {
		font-size: 22px;
	}
	.result-section .time {
		font-size: 13px;
	}
	.win-row {
		padding: 0 32px 10px 0;
	}
	.allscores {
		font-size: 18px;
	}
	.categlabel-wrapper .categ-col {
		font-size: 11px;
		line-height: 16px;
	}
	.ansitem .box-txt {
		font-size: 12px;
		line-height: 18px;
	}
	.ruleslabel {
		font-size: 14px;
	}
}