@media (max-width:599px){ 		/* For Screens Narrower than 500px	*/

		.miniformbutton  { 
			width: 85%;
			text-align: center;
			background-color : #6495ED; color : white;
			border : 2px solid #ccc;  border-radius: 10px ;
			padding: 2px 2px;    
			margin-left: auto; margin-right: auto; margin-top: 10px;  
			font-family: 'Open Sans', Arial, sans-serif; font-size: 12px; line-height: 1.2em;
			cursor:pointer;
		}
		
		.skip_quote_wrapper {
			max-width: 96%;
			display: block;
			text-align: center;
			margin: auto;
			padding-top: 10px;
			padding-bottom: 10px;
			}
			
		.enquiry_form_content {
			/*width: 350px;*/
			max-width: 100%;
			text-align: center;
		/* 	display: block; */
			float: left;
			background-color: #E1F0F7 ; color: #000;
			border: 2px solid cornflowerblue ; border-radius: 10px ;	
			-moz-box-shadow:    inset 0 0 5px #000000;	
			-webkit-box-shadow: inset 0 0 5px #000000;	
			box-shadow:         inset 0 0 5px #000000;
			padding: 2px ;	margin-left: 7px; margin-right: 7px;
			}
			
		.quoteformmapdiv {
			display: block;
			height: 300px;
		}
					
		#services_location_header {
			width: 98% ; 	
			text-align: center; 
			margin-left: auto; margin-right: auto; margin-bottom: 20px;
			padding: 1px ;	
			background-color: #E1F0F7;		
			border: 2px solid cornflowerblue;			
			border-radius: 10px; 		
			}

		#manage_user_header {
			width: 50% ; 	
			text-align: center; 
			margin-left: auto; margin-right: auto; margin-bottom: 20px;
			padding: 1px ;	
			background-color: #E1F0F7;		
			border: 2px solid cornflowerblue;			
			border-radius: 10px; 		
			}					 
											
		#services_group {
			width: 300px; 
			max-width:96%;
			display: flex;
			text-align: center;
			margin: auto;
			padding-top: 20px;
			padding-bottom: 20px;
			}

		#serviceformsfieldset { 
			width: 98% ;
			text-align: center;
			display: block;
			background-color: #E1F0F7 ; color: #000 ;
			border: 2px solid cornflowerblue; border-radius: 20px ;
			padding: 1px ;
			margin-left: auto; margin-right: auto;		
			}
						
		#helplinkbutton {
			width: 280px;
			max-width: 100%;
			float: left;
			display: block;
		}
		
		#loginform { 
			width: 95%;
			text-align: center;
			background-color: #ffffff ; color: #000 ;
			border: 2px solid #6495ed ; border-radius: 20px ;
			padding: 20px ;
			margin-left: auto; margin-right: auto;
			-moz-box-shadow:    inset 0 0 5px #000000;
			-webkit-box-shadow: inset 0 0 5px #000000;
			box-shadow:         inset 0 0 5px #000000;
		}

		#loginform input{
			width: 100%;
			max-width: 150px;			
		}
			
		.accountloginform {
				max-width: 95%;
				border-radius: 20px;
				padding: 20px;
				margin-left: auto;
				margin-right: auto;
			/*	float: left;*/
				display: block;
		}
		

		.miniform {
				max-width: 95%;
				border-radius: 20px;
				padding: 20px;
				margin-left: auto;
				margin-right: auto;
				float: left;
				display: block;
		}
		
		.accountloginform_label { 
				text-align: center;  
				font-size: normal;
				display: block;
				padding: 5px 10px;
			}

		.nonportal_form_button  { 
				/* width: 50%; */
				text-align: center;
				background-color : #8EA2A8; color : white;
				border : 2px solid #ccc;  border-radius: 10px ;
				padding: 10px 10px;    
				margin-left: auto; margin-right: auto; margin-top: 20px;  
				font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 1em;
				cursor:pointer;
			}

		.nonportal_form_subdued_button  { 
				/* width: 50%; */
				text-align: center;
				background-color : CornFlowerBlue; color : white;
				border : 2px solid #ccc;  border-radius: 10px ;
				padding: 10px 10px;    
				margin-left: auto; margin-right: auto; margin-top: 40px;  
				font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 1em;
				cursor:pointer;
			}


			.nonportal_form_button[disabled=disabled], .nonportal_form_button:disabled {
			    cursor: not-allowed;
			}
					
			.nonportal_form_subdued_button[disabled=disabled], .nonportal_form_subdued_button:disabled {
			    cursor: not-allowed;
			}
						
		.accountformhead { 
				width: 90% ; 	
				text-align: center; 
				background: CornFlowerBlue; color: white;
				border-top-width: 5px; border-radius: 10px; 
				padding-right: 10px; padding-bottom: 20px; padding-top: 20px; padding-left: 10px; 
				margin-left: auto; margin-right: auto; margin-bottom: 40px;
				-moz-box-shadow:    inset 0 0 5px #000000;
				-webkit-box-shadow: inset 0 0 5px #000000;
				box-shadow:         inset 0 0 5px #000000;
			}		
			

			
		.portal_form_input { 
				width: 100%;
				max-width: 150px;
				text-align: center; 
				-webkit-transition: all 0.30s ease-in-out;
				-moz-transition: all 0.30s ease-in-out;
				-ms-transition: all 0.30s ease-in-out;
				-o-transition: all 0.30s ease-in-out;
				outline: none;
				padding: 5px 10px 3px 3px;
				margin-left: auto; margin-right: auto;
				border: 1px solid #DDDDDD;
				background-color: #ffffff;

			}

		.portal_pin_input { 
				width: 100%;
				max-width: 150px;
		}
		
		.portal_form_disabled_input { 
				width: 100%;
				max-width: 150px;
				background-color: #9fabae;
				text-align: center; 
				-webkit-transition: all 0.30s ease-in-out;
				-moz-transition: all 0.30s ease-in-out;
				-ms-transition: all 0.30s ease-in-out;
				-o-transition: all 0.30s ease-in-out;
				outline: none;
				padding: 5px 10px 3px 3px;
				margin-left: auto; margin-right: auto;
				border: 1px solid #DDDDDD;
			}
		
		.portal_form_input[type=text]:focus {
				box-shadow: 0 0 5px rgba(81, 203, 238, 1);
				padding: 3px 0px 3px 3px;
				border: 1px solid rgba(81, 203, 238, 1);
			}
			
		.accountoptionsheader {
				float:left;
				width:100%;
			}	

		#accountoptions {
				float:left;
				width:100%;
			}

		.optionbuttonsgroup {
				float:left;
			}

		.account_option_button  { 
				/* width: auto; */
				text-align: center;
				background-color : #8EA2A8; color : white;
				border : 2px solid #ccc;  border-radius: 10px ;
				/* padding: 4px 4px;     */
				margin-left: 2px; margin-right: 2px; margin-top: 2px;  
				font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 1em;
				cursor:pointer;
				/* float:right; */
			}		

		.taskrequestheader {
				margin-left:auto;
				margin-right:auto;
				max-width: 100%;
			}
			
		#taskrequest {
				width:100%;
			}
			
		.dsiaccountpagehalfheadersection {
				width:100%;
				float:left;
				clear: right;
				border-radius: 10px;
				padding: 5px 5px;
				text-align: left;
				-moz-box-shadow:    inset 0 0 5px #000000;
				-webkit-box-shadow: inset 0 0 5px #000000;
				box-shadow:         inset 0 0 5px #000000;
			}		

		.standard_portal_button  { 
				/* width: 50%; */
				text-align: center;
				background-color : #8EA2A8; color : white;
				border : 2px solid #ccc;  border-radius: 10px ;
				padding: 10px 10px;    
				margin-left: auto; margin-right: auto; margin-top: 2px;  
				font-family: 'Open Sans', Arial, sans-serif; font-size: 14px; line-height: 1em;
				cursor:pointer;
			}

		.selectedrequest_select {
				margin: 4px;
				padding: 4px;
				border-radius: 4px;
				max-width: 200px;
			}	

		.requestpanel {
				float: none;
				width:100%;
			}

		.requestpaneladditionalinfo {
				float: left;
				display:none;
			}
			
		.requestfieldset {
				float: left;
				display: inline-grid;
			}

		.requestpanellabel {
				text-align: center;  font-size: normal; font-weight: bold;
				padding: 5px 10px;
				float: left;
				width: 96%;
				/* margin-right: 5px; */
			}

		#toastdata {
				display:none;
				max-width: 100%;
			}


		#accountdetails_label { 
				text-align: right;  
				font-size: normal; 
				font-weight: bold;
				padding: 5px 5px;
				float: left;
				width: 40%; 
				/* height: 20px; */
				/* margin-right: 5px; */
			}

		.accountdetails_data_label { 
				text-align: left;  
				font-size: normal; 
				float: left; 
				width: 45%; 
				height: 20px;
				padding: 5px 5px;
			}

		.accountdetail_group {
				width: 100%; 
				display: block;
				text-align: center;
				margin: auto;
				padding-top: 20px;
				padding-bottom: 20px;
			}


		.accountdetail_table{
				width:95%;
				margin:auto;
				margin-right:auto;	
			}				
			
		.accountdetail_table_headings_row{
				font-weight: bold;	
			}	
		
		.accountdetail_table_widescreen_row{
				display: none;
			}
																		
	}	/* End of @media (max-width:499px) */