body {margin: 0px;padding: 0px;font-family: "Roboto", sans-serif;;background-color: #f3f7f9;background-image: url(../images/main-bg.png); background-position: left top;background-repeat: repeat;}
.left-section{background-color: #fff;width: 58%;float: left;position: relative;}
.right-section{background-color: #fff;width: 40%; left: 2%; float: left;position: relative;}
.full-section{background-color: #fff;width: 100%;float: left;position: relative;padding: 15px;}
.commenHrader{text-align: center;font-size: 32px; margin: 0 0 10px 0; color: #a6afb3;font-family:"Roboto Condensed", sans-serif;font-weight: 300;}
.commenSuphrader{text-align: center;font-size: 18px; margin: 0 0 30px 0; color: #a6afb3;font-family:"Roboto Condensed", sans-serif;font-weight: 300;}
.commen-section{padding-bottom: 10rem;padding-top: 12rem}
.error-section{padding:25rem 0rem;text-align: center;}
.reset-section{padding:20rem 0rem;text-align: center;}
.error-section img{ text-align: center;}
.contavtContent{padding:15px 20px;}
.contavtContent h3{font-size: 32px; margin: 0 0 15px 0; color: #666;font-family:"Roboto Condensed", sans-serif;font-weight: 300;}
.contavtContent h5{font-size: 14px; margin: 0 0 10px 0; color: #666;font-family:"Roboto Condensed", sans-serif;font-weight: 300;}
.contavtContent h6{font-size: 18px; margin: 0; color: #57afff;font-family:"Roboto Condensed", sans-serif;font-weight: 400;}
.contavtContent h6 a{font-size: 18px; margin: 0 0 10px 0; color: #57afff;font-family:"Roboto Condensed", sans-serif;font-weight: 400;}
.contavtContent p {font-size: 14px; margin: 0 0 10px 0; color: #666;font-family:"Roboto Condensed", sans-serif;font-weight: 300;}
.contavtContentSpan{font-size: 12px; margin: 0 0 10px 0; color: #bfbfbf;font-family:"Roboto Condensed", sans-serif;font-weight: 400;}
.resetpassword{background: #fff;overflow: hidden;padding: 15px 15px 0px 15px ;width: 35%;margin: 0px auto;}
.resetpassword p{text-align: center;font-size: 14px; margin: 0 0 10px 0; color: #a6afb3;font-family:"Roboto Condensed", sans-serif;font-weight: 300;}




@media only screen and (min-width : 320px) {
	.left-section{background-color: #fff;width: 100%;float: left;position: relative;}
	.right-section{background-color: #fff;width: 100%;float: left;position: relative;}
	.commen-section{padding-bottom: 10rem;padding-top: 6rem}
	.error-section{padding:10rem 0rem}
	.reset-section{padding:10rem 0rem;}
	.resetpassword{background: #fff;overflow: hidden;padding: 15px;width: 100%;margin: 0px auto;}

}
@media only screen and (min-width : 768px) {
}
@media only screen and (min-width : 992px) {
}
@media only screen and (min-width : 1216px) {
	.left-section{background-color: #fff;width: 58%; float: left;position: relative;}
	.right-section{background-color: #fff;width: 40%; left: 2%;float: left;position: relative;}
	.commen-section{padding-bottom: 10rem;padding-top: 12rem}
	.error-section{padding:5rem 0rem}
	.reset-section{padding:20rem 0rem;text-align: center;}
	.resetpassword{background: #fff;overflow: hidden;padding: 15px;width: 35%;margin: 0px auto;}

}