body{ background-color:#f2f2f2; overflow: hidden;}
    .main_wrapper1{   margin:20px auto 100px auto;
    padding: 30px 15px;
    border: solid 1px #ccc;
    border-radius: 10px;
    background-color: #fff;
    width: 500px;}
	
	.label1{text-align: right;
    width: 40%;}
	
	.input1{    width: 100%;}
	
	.alert1{padding: 5px 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #a6e9a1;}
	
	.alert2{ background-color:#ee7c7c;}
	.h22{text-align: center;
    width: 100%;
    display: block;
    color: #4659b8;
    font-weight: bold;
    margin-top: 30px;
    font-size: 26px;}
	
	hr{ border-top: 1px dotted #4659b8;}
	.header_wrap2{ width:500px; background-color:#fff; -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; 
padding:15px; text-align:center; margin:0 auto 20px auto; 
border: solid 1px #ccc;}
	
	@media only screen and (max-width : 768px) {
		
			.label1 {
    text-align: left;
    width: 40%;
}

/* Styles */
}

@media only screen and (max-width : 501px) {
		
	.main_wrapper1 {
width:90%;
}

.header_wrap2{ width:90%;}
	
	.label1 {
    text-align: left;
    width: 90%;
}
	
}