@media only screen and (max-width:768px){
    .blue-bg-cont::after {
    	border-width: 50px 0px 100px 1200px;
    }
    .rbm-maininfo {
    	padding-top: 25px;
    }
    .rbmflag {
    	padding: 30px 0 0;
    }
}
@media only screen and (max-width:640px){
    .categlabel-wrapper .categ-col{
        font-size: 20px;
    }
    .drag-msg{
        font-size: 18px;
    }
    .qabox, .qitem-bg{
        width: 240px;
        height: 99px;
    }
    .gameContainer .quiz_wrapper{
        overflow-x: hidden;
    }
    .categ-header {
    	padding-bottom: 90px;
    }
    .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-heading-headers .subtxt {
    	padding: 5px 0 0;
    	font-size: 16px;
    }
    .on-boarding-container .on-boarding-heading-wrapper .on-boarding-heading-logos .on-boarding-heading-logos-icon {
      max-width: 45px;
    }
    .onbourd-title {
    	font-size: 30px;
    	padding: 0 0 20px;
    }
    .on-boarding-container .on-boarding-heading-wrapper .on-boarding-body h2 {
    	font-size: 17px;
    }

    .study-btn {
        padding: 30px 0 0;
    }
    .rbm-wheel-container #wheel {
    	max-width: none;
    	width: 90%;
    }
    .rbm-wheel-container #canvas {
    	width: 100%;
    	height: 100%;
    }
    .game-section .gameContainer .quiz_wrapper {
    	max-width: 100%;
    	padding: 20px 15px;
    }
    .qrow.ques-numb-wrapper {
      font-size: 14px;
    }
    .qrow.ques-points-wrapper {
    	font-size: 18px;
    }
}
@media only screen and (max-width:520px){
  .rbm-wheel-container .centered-wheel {
    	width: 70px;
    	height: 70px;
    }
    .qabox, .qitem-bg{
        width: 200px;
        height: 112px;
    }
    .categlabel-wrapper .categ-col {
    	font-size: 18px;
    }
    .gameContainer .quizBlocks {
    	font-size: 18px;
    }
    .drag-msg {
    	font-size: 16px;
    }
    .win-col {
    	padding: 0 5px;
    	font-size: 16px;
    }
    .submitted-msg {
        font-size: 22px;
    }
    .allscores {
    	font-size: 30px;
    }

    .terms-wrapper {
      font-size: 15px;
    }
}

@media only screen and (max-width:460px){
    body {
    	font-size: 18px;
    }
    .rbm-hints-wheel-wrapper .loop-pattern {
      width: 100%;
    }
    .cta-btn {
        font-size: 16px;
        line-height: 16px;
    }
    .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;
    }
    .cta-btn.c-next{
        max-width: 200px;
    }
    .qabox, .qitem-bg {
    	width: 170px;
    	height: 95px;
    }
    .gameContainer .quizBlocks {
    	font-size: 16px;
    }
    .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;
    }

    .on-boarding-container .on-boarding-heading-wrapper .on-boarding-heading-headers {
    	padding: 10px 5px 0px 5px;
    }
    .ansitem .box-txt {
    	font-size: 14px;
        line-height: 18px;
    }
    .categ-info {
    	text-align: center;
    	font-size: 18px;
    }
    .categ-result-wrapper {
    	font-size: 14px;
    	line-height: 14px;
    }
    .categ-result {
    	width: 100%;
    	max-width: 230px;
    }
    .categ-result.setwrong #wrongansw{
        width: 80%;
        margin: 0 auto;
        position: relative;
    }
    .score-section-container {
    	padding: 0 10px;
    }
    .game-rules.study-btn{
        font-size: 20px;
    }

    #balance-msg.points-txt-wrapper {
    	padding-top: 100px;
    }
    #balance-msg::before {
        top: 25px;
    }
    .logo-col img {
    	max-height: 60px;
    }
    .terms-wrapper h2 {
      font-size: 18px;
    }
}
@media only screen and (max-width:420px){
    body {
    	font-size: 16px;
    }
    .game-section .categ-info {
    	font-size: 18px;
    }
    .result-section.leaderboardwrap {
    	padding: 0 20px;
    }
    .blue-bg-wrap::before {
        display: block;
    }
    .gameContainer .quiz_wrapper {
        padding: 0 0 80px;
    }
    .cta-btn.c-next {
    	bottom: -75px;
    }
    .drag-msg {
        text-align: center;
        padding: 10px 0 20px;
    }
    .easy-timer::before {
    	width: 25px;
    	height: 28px;
    }
    .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;
    }

    .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 10px 45px;
    }
    .leaderboard-section {
        padding: 0;
    }

    .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;
    }
    .ques-points-wrapper {
    	font-size: 18px;
    }
    .popup-wrapper {
    	font-size: 16px;
    }
    .huzzah-title-wrapper {
        font-size: 16px;
    }
    .huzzah-capital-title {
    	font-size: 36px;
    	line-height: 46px;
    }

    .blue-bg-cont::before {
    	background-image: url('../images/pattern-1.svg');
    	max-width: 420px;
    	height: 381px;
    	top: 0;
    }
    .blue-bg-wrap::before{
        top: -45px;
        left: 10px;
    }
    .blue-bg-cont::after {
    	border-width: 50px 0px 110px 850px;
    }
    .game-rules.study-btn{
        padding: 20px 30px 15px;
    }
    .blue-layer::before {
      top: 60px;
    }
    .categ-result.payattention .categ-result-wrapper {
    	padding: 14px 7px 12px 45px;
    }
    .categ-result.payattention .categ-result-wrapper::before {
    	left: 15px;
    	top: 8px;
    }
    .on-boarding-heading-headers .subtxt {
    	padding: 5px 8px 0px;
    }
    .terms-wrapper {
    	font-size: 14px;
    }
    .terms-wrapper h1 {
      font-size: 20px;
    }
    .terms-wrapper h2 {
    	font-size: 16px;
    }
    .rbm-lang a {
    	font-size: 14px;
    }
    .rbmflag {
    	max-width: 70px;
    }
    .on-boarding-container .on-boarding-heading-wrapper .on-boarding-btn{
      padding: 20px 0 0;
    }
    .tc-details-scroll {
    	font-size: 14px;
    }
    .terms-wrapper p {
    	padding-bottom: 10px;
    }
}
@media only screen and (max-width:376px){
    .categ-result-wrapper {
    	font-size: 13px;
    }
    .terms-wrapper h1 {
    	font-size: 18px;
    }
    .cta-btn {
    	font-size: 15px;
    	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: 82px;
    }
    .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 .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;
    }
    .ansitem .box-txt {
    	font-size: 13px;
        line-height: 16px;
    }
    .gameContainer .quizBlocks {
        font-size: 13px;
    }
    .categ-info {
    	font-size: 16px;
    }
    .popup-wrapper {
    	font-size: 14px;
    }
    .sorry-title {
        font-size: 24px;
    }
    .game-rules.study-btn{
        font-size: 18px;
    }
    .huzzah-capital-title {
    	font-size: 34px;
    	line-height: 44px;
    }
    .blue-bg-wrap::before{
        left: 0px;
    }
    .tc-info-pop .tc-info-pop-details {
      padding: 62px 3vw 40px;
    }
    .close-tc {
      top: 12px;
    }
    .ruleslabel {
    	font-size: 16px;
    }
}

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