@media (min-width:450px){		/* For Screens wider than 450px	*/
		.signup_label {
			display: inline-block;
			width: 40%;
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 2px;
			padding-bottom: 2px;
			text-align: right;
			margin-left: auto;
			vertical-align: top;
			}

		.existingbinlabel{
			width: 40%;
			}

		.fullwidthlabel {
			width:96%;
		}

		.compostbinlabel{
			width: 75%;
			}
		
		.signup_email_input {
			width: 175px;
		}
	}

	@media (max-width:449px){		/* For Screens narrower than 450px	*/

		.signup_label {
			display: block;
			padding-left: 1px;
			padding-right: 4px;
			padding-top: 2px;
			padding-bottom: 2px;
			text-align: left;
			margin-left: auto;
			}
			
	}

	@media (min-width:1000px){		/* For Screens wider than 600px	*/
		.signupform {
			padding: 2px;	
			}

		#signup_header {
			width: 97% ; 	
			text-align: center; 
			margin-left: auto; margin-right: auto; margin-bottom: 20px;
			padding: 20px ;	
			background-color: #E1F0F7;		
			border: 2px solid cornflowerblue;			
			border-radius: 10px; 		
			}
			
		.signup_group {
			width: 860px; 
			max-width: 95%;
			display: flex;
			text-align: center;
			margin: auto;
			padding-top: 20px;
			padding-bottom: 20px;
			}

		.formheaderdiv { 
			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;
			}

		#signup_container {
			margin-bottom: auto;
			float: left;
			margin-left: auto;
    		margin-right: auto;
    		width:48%;
			}

		#signup_section {
			width: 350px;
			 
			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: 20px ;	margin-left: 7px; margin-right: 7px;
			}

	/*
		#signup_label {
			display: inline-block;
			width: 150px;
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 2px;
			padding-bottom: 2px;
			text-align: right;
			margin-left: auto;
			}
	*/


								
	}	/* For Screens wider than 500px	*/

	@media (max-width:999px){		/* For Screens narrower than 600px	*/
		.signupform {
			padding: 2px;	
			}

		#signup_header {
			width: 98% ; 	
			text-align: center; 
			margin-left: auto; margin-right: auto; margin-bottom: 20px;
			padding: 2px ;	
			background-color: #E1F0F7;		
			border: 2px solid cornflowerblue;			
			border-radius: 10px; 		
			}

		.signup_group {
			/* width: 860px;  */
			max-width: 96%;
			display: block;
			text-align: center;
			margin: auto;
			padding-top: 10px;
			padding-bottom: 10px;
			}
			
		#signup_container {
			margin-bottom: auto;
			/* float: left; */
			}
		
		.formheaderdiv { 
			/* 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: 20px; margin-right: 20px; margin-top: 6px; 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;
			}

		#signup_section {
			width: 96%;
			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;
			}

			
			
	} 								/* For Screens narrower than 500px	*/


	






	.map_section {
		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: 20px ;	margin-left: 7px; margin-right: 7px;
		}

	.signupformmapdiv {
			display: block;
			height: 500px;
		}

	.map_container {
			width: 100%;
			display:block;
		}

		
	.signupfieldset {
		display: block;
		}

	.mobilenumberfieldset{
		display: flex;
		}
		

		

				
	#signup_textarea_label {
		display: inline-grid;
		width: 150px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 2px;
		padding-bottom: 2px;
		text-align: right;
		margin-left: auto;	
		}

	.signup_textarea {
		display: inline-grid;
		width:90%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}
			
	.signup_input {
		width: 150px;
		padding-top: 2px;
		padding-bottom: 2px;
		-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;
		}

	.signup_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);
		}

	.mobilecountry {
		width: 80px;
		margin-right: 1px;
		}
		
	.mobilenumber {
		width: 180px;
		margin-left: 1px;
		}
		
	.showmap_button{
			margin-bottom: 12px;
		
		}