/**************************
Tablet View
**************************/
	@media (max-width: 992px) {
		.faq-con {
			align-items: start !important;
    		justify-content: flex-end !important;
		}

		.fieldset-con.option-1-step-1,
		.fieldset-con.option-2-step-1 {
			padding: 0 20%;
		}

		#main-date-of-birth {
			width: 90%;
		}

		.date-of-birth-fieldset {
			width: 96.8% !important;
		}

		.fieldset-con.option-2-step-1 .age-col {
			justify-content: flex-end !important;
    		margin-top: 8px;
		}
	}

/**************************
Mobile View
**************************/
	@media (max-width: 767px) {
		.step-con .step {
    		width: 100px;
    	}
		
		.header-oc .upper {
			flex-wrap: nowrap;
		}

		.header-oc .logo {
			width: 71px !important;
			height: 29px !important;
		}

		.header-oc label:first-child {
		    font: 20px/27px Nunito Sans BoldItalic;
		}

		.header-oc label.sub {
		    font: 16px/22px Nunito Sans Italic;
		}

		.header-oc span {
		    font: 12px/16px Nunito Sans SemiBolItalic;
		}

		.you_have {
		    font: 16px/21px Red Hat Display Regular;
		}

		.option-con .option {
			width: 50%;
		}

		.option .count {
		    font: 30px/30px Red Hat Display Bold;
		}

		.option div label {
		    font: 16px/20px Red Hat Display Bold;
		}

		.option div span {
		    font: 10px/13px Red Hat Display Italic;
		}

		.fieldset-con.option-1-step-1,
		.fieldset-con.option-2-step-1 {
			padding: 0 10%;
		}
	}

	@media (max-width: 550px) {
		.options a,
		.option-con {
			padding: 0 30px;
		}
	}

	@media (max-width: 470px) {
		.option-con .option {
			padding: 10px;
		}
		.options a,
		.option-con,
		.fieldset-con.option-1-step-1,
		.fieldset-con.option-2-step-1 {
			padding: 0;
		}

		.option .count {
			margin-right: 10px;
		}
	}

	@media (max-width: 350px) {
		.option div label {
		    font: 14px/18px Red Hat Display Bold;
		}

		.option div span {
		    font: 9px/11px Red Hat Display Italic;
		}
	}