/******************************************************************************************/
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) MAX WIDTH = 300px */
/******************************************************************************************/
@media only screen and (max-width: 479px) {
	select {
		border: 1px solid #cccccc;
		color: #000000;
		font-family: 'Nunito', sans-serif;
		font: normal normal 1.4em;
		text-align: left;
		height: 25px;
		padding: 0 0px;
		position: relative;


	}

	body {
		font: normal normal;
		font-size: small;
		font-family: 'Titillium web', sans-serif;
	}

	.conditional {
		display: block;
		clear: both;
	}

	.conditional_space {
		display: inline;
	}
	#content {
		width: 300px;
		/* border: 1px solid cyan; */
	}

	#content-inside {
		width: 300px;
	}

	#divLogo {
		float: left;
		width: 100%;
		height: 40px;
	}
		#imgLogo {
			position: relative;
			width:100px;
			float: left;
			padding: 0 20px;
		}

	#header {
		width: 300px;
		height: 30px;
	}

	#spnHeader {
		width: 280px;
		font-size: 9pt;
		color: #036646;
		position: absolute; bottom: 0; left: 0;
		text-align: center;
	}
		#spnHeaderBold {
			font-size: 9pt;
			font-weight: bold;
		}

	#main_page {
		width: 280px;
		padding-left: 10px;
	}
	#FFAK_text {
		font-size: medium;
	}

	#spnGiftCode {
		display: block;
	}

	#cust_id-label {
		float: left;
		text-align: right;
		width: 95px;
	}
	#cust_id {
		width: 100px;
	}
	#cust_id-note {
		display: inline-block;
		font-size: 10pt;
		font-style:italic;
		width: 150px;
	}

	#firstname-label {
		float: left;
		text-align: right;
		width: 95px;
	}
	#firstname {
	  float: left;
	  width: 160px;
	}

	#middlename-label {
		float: left;
		text-align: right;
		width: 95px;
	}
	#middlename {
	  float: left;
	  width: 20px;
	}
	#lastname-label {
	  float: left;
	  text-align: right;
		width: 95px;
	}
	#lastname {
	  float: left;
	  width: 160px;
	}

	#address-label {
		float: left;
		text-align: right;
		width: 95px;
	}
	#address {
	  float: left;
	  width: 160px;
	}

	#city-label {
		float: left;
		text-align: right;
		width: 95px;
	}
	#city {
	  float: left;
	  width: 160px;
	}
	#state-label {
		float: left;
		text-align: right;
		width: 95px;
	}
	#state {
	  float: left;
	  width: 60px;
	  height: 28px;
	}
	#zipcode-label {
		float: left;
		text-align: right;
		width: 95px;
	}
	#zipcode {
	  float: left;
	  width: 160px;
	}

	#phone-label {
		float:left; 
		margin-left: -10px;
		width: 105px;
		text-align: right;
	}
	#phone {
		float:left; 
		width: 80px;
	}
	.conditional2 {
		display: block;
		clear: both;
	}
	#ephone-label {
		float:left; 
		margin-left: -10px;
		width: 105px;
		text-align: right;
	}
	#ephone {
		float:left; 
		width: 80px;
	}

	#email-label {
		float: left;
		text-align: right;
		width: 95px;
	}
	#email {
		float:left; 
	  width: 160px;
	}


	#dob-label {
		float: left;
		text-align: right;
		width: 95px;
	}
	#dob-mm {
		font-size: 9pt;
		float:left; 
		width: 53px;
		margin-left: 1px;
	}
	#dob-dd {
		font-size: 9pt;
		float:left; 
		width: 48px;
		margin-left: 5px;
	}
	#dob-yyyy {
		font-size: 9pt;
		float:left; 
		width: 60px;
		margin-left: 5px;
	}

	#gender-label {
		float:left; 
		padding-left: 35px;
		padding-right: 5px;
		width: 64px;
		text-align: right;
	}
		#gender_female {
			height: 15px;
			top: 3px;
		}
		#gender-female-label {
			height: 10px;
			top: 5px;
		}
		#gender_male {
			height: 15px;
			top: 3px;
		}
		#gender-male-label {
			height: 10px;
			top: 5px;
		}

	#imgLady {
		display: none;
	}

	#kidsinfo {
		width: 300px;
	}
	#spn5AndUnder {
		float:left; 
		width: 105px;
		text-align: right;
		padding-top: 8px;
	}
		#q_06_1 {
			float:left; 
			width: 18px;
			margin-left: 5px;
			vertical-align: text-top;
		}

	#spn6to11{
		float:left; 
		width: 105px;
		text-align: right;
		padding-top: 8px;
	}
		#q_06_2 {
			float:left; 
			width: 18px;
			margin-left: 5px;
		}

	#Span12TO17 {
		float:left; 
		width: 105px;
		text-align: right;
		padding-top: 8px;
	}
		#q_06_3 {
			float:left; 
			width: 18px;
			margin-left: 5px;
		}


	#divPCP {
	}	
		#pcp-label {
			font-size: small;
			font-weight: bold;
			color: #0f4e80;
		}
		#pcp-yes {
			vertical-align: central;
		}
		#pcp-yes-label {
		}
	
		#pcp-no {
			vertical-align: central;
		}
		#pcp-no-label {
		}

	#no_pcp {
		padding-left: 10px;
	}

	#chkEmailSubscription {
		display: none;
	}
	#subscription_box {
	}

	#email_required {
		font-size: 10pt;
		font-style: italic;
	}
	
	#FreeInfo {
		font-size: small;
		font-weight: bold;
		color: #0f4e80;
	}
	#free-info-area {
		/*border: 1px dashed blue;*/
		float:left;
		width: 300px;
	}
		#FreeInfoText {
			font-weight: bold;
			font-size: 12pt;
		}
		.FreeInfoItem {
			float: left;
			width: 100%;
			color: black;
			font-size: 10pt;
		}
		.FreeInfoItem label {
			font-size: small;
			color: rgb(111, 117, 121);
		}

	#referral-area {
		width: 300px;
	}

		#ReferralText {
			font-weight: bold;
			font-size: small;
			color: #0f4e80;
		}

		.ReferralItem {
			float: left;
			width: 100%;
		}
		#ref_other_text {
			width: 100px;
			height: 15px;
		}

		#BestTime-label {
			font-size: small;
			font-weight: bold;
			color: #0f4e80;
			left: -3px;
		}
		#BestTime-label_2 {
			font-size: small;
			left: -3px;
		}

		#q_08_1 {
			height: 15px;
		}

		.checkbox {
			float: left;
		}

		#q_162 {
			float: left;
			margin-right: 5px;
			margin-bottom: 5px;
		}
		#spnQ_162_label {
			width: 92%;
			display: block;
			float: left;
		}
		#q_163 {
			float: left;
			margin-right: 5px;
			margin-bottom: 5px;
		}
		#spnQ_163_label {
			width: 90%;
			display: block;
			float: left;
		}

	#divPrivacy{
		font-style: italic;
		font-size: 9pt;
	}

	#divFooter {
		width: 300px;
		background-color: #036646;
		text-align: center;
		height: 1em;
	}
		#imgFooter {
			margin: auto;
			height: 3em;
		}
	.grid-container {
	  display: grid;
	  grid-template-columns: auto;
	}
	.qrBgColor {
		background-color: #ebebeb;
		margin: 20px 0px;
		padding: 25px 20px;
	}
}