@media only screen and (max-width:1024px){
    .steps-wrapper {
    	padding: 50px 15px;
    }
    .on-boarding-container .on-boarding-heading-wrapper .on-boarding-body {
    	padding: 50px 15px 0;
    }
    .result-section.leaderboardwrap{
        padding: 30px 15px;
    }
    .result-section {
    	width: 92%;
    	margin: 15px auto;
    	top: auto;
    	position: relative;
    	left: auto;
    	transform: none;
    }
}
@media only screen and (max-width:640px){
    .categlabel-wrapper .categ-col{
        font-size: 20px;
    }
    .drag-msg{
        font-size: 18px;
    }
    .access-timer-count {
        font-size: 24px;
    }
    .qabox, .qitem-bg{
        width: 240px;
        height: 99px;
        line-height: 99px;
    }
    .gameContainer .quiz_wrapper{
        overflow-x: hidden;
    }
    .result-section h2 {
    	font-size: 34px;
    }
    .complete-msg {
    	font-size: 17px;
    }
    .result-section .time .timeval {
        font-size: 24px;
    }
    .result-section .time {
    	font-size: 19px;
    }
    .win-col{
        font-size: 18px;
        padding: 0 6px;
    }
    .dakarform .jotform-form #cid_4 .form-sub-label-container:first-child {
    	margin-bottom: 20px;
    }
    .dakarform .jotform-form #cid_4 .form-sub-label-container {
    	width: auto;
        margin-left: 0 !important;
    }

    .dakarform .form-line, .dakarform [data-wrapper-react="true"] {
    	align-items: normal;
    }
    .dakarform [data-type="control_fullname"] .form-input-wide > div {
    	margin-left: 0;
    }
    .dakarform ul.form-section {
    	margin: 0;
    	padding: 0 14px;
    }
}
@media only screen and (max-width:568px){
    .on-boarding-container .on-boarding-heading-wrapper .on-boarding-heading-logos .on-boarding-heading-logos-icon {
    	width: 100px;
    	height: 100px;
    	line-height: 100px;
    }
    .on-boarding-container .on-boarding-heading-wrapper .on-boarding-heading-logos .on-boarding-heading-logos-icon img {
        max-width: 50%;
    }
    .on-boarding-container .on-boarding-heading-wrapper .on-boarding-heading-headers h2 {
    	font-size: 28px;
    }
    .on-boarding-heading-headers .subtxt {
    	padding: 8px 0 0;
    	font-size: 14px;
    }
    .onbourd-title {
    	font-size: 30px;
    	padding: 0 0 20px;
    }
    .on-boarding-container .on-boarding-heading-wrapper .on-boarding-body h2 {
    	font-size: 17px;
    }
    .on-boarding-container .on-boarding-heading-wrapper .on-boarding-btn{
    	padding: 30px 0;
    }
    .study-btn {
        padding: 30px 0 0;
    }
}
@media only screen and (max-width:520px){
    .qabox, .qitem-bg{
        width: 200px;
        height: 82px;
        line-height: 82px;
    }
    .categlabel-wrapper .categ-col {
    	font-size: 18px;
    }
    .gameContainer .quizBlocks {
    	font-size: 20px;
    }
    .drag-msg {
    	font-size: 16px;
    }
    .win-col {
    	padding: 0 5px;
    	font-size: 16px;
    }
    .submitted-msg {
        font-size: 22px;
    }
    .allscores {
    	font-size: 30px;
    }
}

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

    .on-boarding-container .on-boarding-heading-wrapper .on-boarding-heading-headers h2 {
        font-size: 24px;
    }
    .on-boarding-heading-headers .subtxt {
        font-size: 13px;
    }
    .cta-btn {
        font-size: 15px;
    }
    .onbourd-title {
        font-size: 26px;
    }
    .on-boarding-container .on-boarding-heading-wrapper .on-boarding-body h2 {
        font-size: 15px;
    }

    .categlabel-wrapper .categ-col {
    	font-size: 16px;
    }
    .categlabel-wrapper .categ-circle {
    	width: 40px;
    	height: 40px;
    	margin: -20px auto 0px;
    	font-size: 16px;
    	line-height: 30px;
    }
    .drag-msg {
    	font-size: 14px;
    }
    .access-timer-count {
    	font-size: 20px;
    }
    .easy-timer {
    	padding: 35px 0 0;
    }
    .cta-btn.c-next{
        max-width: 200px;
    }
    .qabox, .qitem-bg {
    	width: 170px;
    	height: 70px;
    	line-height: 70px;
    }
    .gameContainer .quizBlocks {
    	font-size: 18px;
    }
    .win-col {
        width: 24%;
    }
    .win-col.name {
    	width: 52%;
    }
    .form-title {
    	font-size: 16px;
    	padding: 10px 0;
    }
    .dakarform .form-label-top, .dakarform .form-label-left, .dakarform .form-label-right, .dakarform .form-html{
        font-size: 17px;
    }
    .dakarform li.form-line {
    	padding: 5px 0 20px !important;
    }
    .dakarform label.form-label.form-label-auto {
    	margin-bottom: 5px;
    }
    .dakarform .form-all .form-line .form-input-wide .err {
    	font-size: 12px;
    }
    .result-section.dakarform {
    	padding: 25px 10px;
    }
    .dakarform ul.form-section {
    	margin: 0;
    	padding: 0;
    }
}
@media only screen and (max-width:420px){
    .game-section {
    	padding: 40px 10px;
    }
    .gameContainer .quiz_wrapper {
        padding: 20px 0 80px;
    }
    .cta-btn.c-next {
    	bottom: -75px;
    }
    .drag-msg {
        text-align: center;
        padding: 10px 0 20px;
    }
    .easy-timer::before {
    	width: 25px;
    	height: 28px;
    }
    .easy-timer {
    	padding: 30px 0 0;
    }
    .result-section h2 {
    	font-size: 32px;
    }
    .complete-msg {
    	font-size: 16px;
    }
    .result-section .time .timeval {
        font-size: 22px;
    }
    .result-section .time {
    	font-size: 18px;
    }
    .scorelabel {
    	font-size: 16px;
    }
    .result-section .score .scoreval {
        padding: 3px;
        font-size: 24px;
    }
    .result-section {
        padding: 70px 15px;
    }
    .win-col {
        font-size: 15px;
        width: 26%;
        padding: 0 3px;
    }
    .win-col.name {
        width: 48%;
    }
    .rank {
        font-size: 22px;
        top: 6px;
    }
    .submitted-msg {
        font-size: 20px;
        padding: 0 15px 15px;
    }
    .win-row {
        padding: 0 0px 15px 40px;
    }
    .leaderboard-section {
        padding: 0;
    }
    .on-boarding-container .on-boarding-heading-wrapper .on-boarding-heading-logos .on-boarding-heading-logos-icon {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }
    .dakarform .form-label-top, .dakarform .form-label-left, .dakarform .form-label-right, .dakarform .form-html {
    	font-size: 16px;
    }
    .dakarform .form-sub-label, .dakarform .form-textarea-limit-indicator {
    	font-size: 14px;
    }
}
@media only screen and (max-width:375px){

    .on-boarding-container .on-boarding-heading-wrapper .on-boarding-heading-headers {
    	padding: 10px 7px 0px 7px;
    }
    .on-boarding-container .on-boarding-heading-wrapper .on-boarding-heading-headers h2 {
        font-size: 22px;
    }
    .on-boarding-heading-headers .subtxt {
        font-size: 12px;
    }
    .cta-btn {
    	font-size: 14px;
    	padding: 12px 0;
    }
    .onbourd-title {
        font-size: 24px;
    }
    .on-boarding-container .on-boarding-heading-wrapper .on-boarding-body h2 {
        font-size: 14px;
    }
    .on-boarding-container .on-boarding-heading-wrapper .on-boarding-btn, .study-btn {
    	width: 165px;
    }
    .qabox, .qitem-bg {
    	width: 150px;
    	height: 62px;
    	line-height: 62px;
    }
    .gameContainer .quizBlocks {
    	font-size: 16px;
    }
    .result-section h2 {
    	font-size: 28px;
    }
    .complete-msg {
    	font-size: 15px;
    }
    .result-section .score .scoreval {
    	padding: 2px;
    	font-size: 20px;
    }
    .result-section .time .timeval {
    	font-size: 20px;
    }
    .result-section .time {
    	font-size: 16px;
    }
    .result-section {
    	padding: 60px 15px;
    }
    .result-section .score {
    	width: 120px;
    	height: 120px;
    	line-height: 120px;
    }
    .win-col {
        font-size: 14px;
    }
    .win-row {
    	padding: 0 0px 15px 30px;
    	font-size: 0;
    }
    .rank {
    	font-size: 18px;
    	padding: 0;
    	top: 7px;
    }
    .allscores {
        font-size: 26px;
    }
    .dakarform .form-all .form-line .form-input-wide .err {
    	font-size: 11px;
    }
    .form-title {
    	font-size: 15px;
    }
    .submitted-msg {
        font-size: 18px;
    }
}

@media only screen and (max-width:320px){
    .qabox, .qitem-bg {
        width: 135px;
    }
}