body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*background-image: url(../images/auth/fdpanchratna_f241.png);*/
	/*background-repeat:no-repeat;*/
	/*background-size: auto;*/
	/*background-position: top center;*/
	font-family:'Roboto', sans-serif;


	/*background: url(../images/auth/fdpanchratna_f241.png) 50% 0 no-repeat fixed;*/
	background: url(../images/auth/mahindra_panchratna_a4.jpg) 50% 0 no-repeat fixed;

	background-size: 100% 100%;
	background-position: center;
	color: #ffffff;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100vh;
	text-align: center;

}

.b-cust-form{min-width: 300px;display: table;}
.yellow-belt_1{ /*background-image:url(../images/auth/yellowbelt.jpg); */background-repeat:repeat-x; /*min-height:70px;*/}
.logo{ float:right; padding:15px;position: absolute;right: 0px;top: 0;}
.logo_animation {
	position: absolute;
	bottom: 0;
	right: 50%;
	transform: translate(50%,-50%);
	top: 46%;
}.animation-2{ width:100%; height:100%;}
.animation-2 img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
/*.yellow-belt_2{ background-image:url(../images/auth/yellowbelt.jpg); background-repeat:repeat-x; position:fixed; width:100%; max-height:70px; bottom:-4px;}*/
.login-form {

  z-index: 999;
	position: absolute;
	left: -130px;
	width: auto;
	transform: translate(50%,-50%);
	top: 25%;
}
.form-group {
    margin-bottom: 10px;
}
.box{padding:15px 20px; width:calc(100% - 280px);/*float:left;*/ }
.box input{ border:1px solid #dadada; height:36px;border-radius: 0px;}
.form-control{ padding:0 5px; outline: none;box-shadow: none;}
.form-control:active,
.form-control:focus{box-shadow: none;}
.box .submit-btn{ text-transform:uppercase;outline: none; color:#fff; background:#ea2032; border:1px solid #ea2032;margin:0; display:inline-block;text-align:center; padding:7px 20px; text-decoration:none; font-size:14px;position: relative;}
.box .submit-btn:hover{ background:#d8323a;}
.b-form{display: table;min-width: 250px;max-width: 250px;}
.c-both{clear:both;}
.t-center{text-align:center;}
.forgot { color:#fff; text-decoration:none; margin-top:12px; font-size:14px;}
.forgot:hover{ text-decoration:underline;}
.captcha-wraper,
.btn-blk{text-align: center;}
button.cancel-btn {text-transform:uppercase; color:#fff; background:#000; border:1px solid black; display:inline-block; margin-top: text-align:center; padding:7px 20px; text-decoration:none; font-size:14px;position: relative;margin-left: 5px;}
a.m-link {color: #000;font-weight: bold;float: right;top: 10px;position: relative;}
ul.php-error-block {padding: 0  0 0 30px; /*background-image:url(../images/auth/yellowbelt.jpg);width: 100%;margin-top: 10px;padding-top: 10px;padding-bottom: 10px;*/}
ul.php-error-block  li{color:#ea2032}
ul.php-success-block{/*background-image:url(../images/auth/yellowbelt.jpg);*/float: left;width: 100%;padding-top: 10px;padding-left: 15px;}
ul.php-success-block  li{color:green;}

.reset-password-block{position: relative; /*float: left;*/}
.yellow-belt_1 #password-error1{color: #e31837 !important; font-size: 12px; font-weight: 400; display: block;
position: relative;top: -5px;}

@media (max-width:1366px){
	body{background-position: center;background-size: 100%;min-height: 100vh;}
}

@media (max-width: 1024px) {
	body {
		/*background: url(../images/auth/fdpanchratna_f241-iPad.jpg) 50% 0 no-repeat fixed;*/
		/*background-size: cover;*/
	}
	.logo_animation img {
		width: 135px !important;
		/*margin-top: 365px;*/
	}
}

@media (min-width:992px) and (max-width:1350px){
	body {
		/*background: url(../images/auth/fdpanchratna_f241-iPad.jpg) 50% 0 no-repeat fixed;*/

		background-position: top center;
		background-size: 100% 100%;
		min-height: 100vh;
	}
	.logo_animation img{
		width: 185px;
	}
	.login-form {
		left: -150px;
		/*top: 42%;*/

	}

}

@media (min-width:768px) and (max-width:991px){
	body {
		background-position: top center;
		background-size: 100% 100%;
		min-height: 100vh;

	}
	.login-form {
		left: -150px;
		/*top: 42%;*/
	}
	.logo_animation img{width: 130px;}
	.logo{
		position: relative;
		float: none;
	}
	.logo_animation{
		bottom: auto;
		top: 33%;
	}





}
@media (min-width:448px) and (max-width:767px){
body{
    background-size: 50% 50%;
    background-position: center;
    height: 100vh;
}
.logo_animation img{width: 160px;}
.logo img{width: auto;height: auto;}
.b-form{min-width: 220px;display: block;}
.box {background: #ffffff;display: table;width: auto;padding: 10px;}
.box input {border: 1px solid #dadada; height: 30px; margin-bottom: 10px;}
ul.php-error-block{display: table;margin: 0 auto;}
}

@media (max-width:568px){
	/*body {*/
	/*	background: none;*/
	/*}*/
	.yellow-belt_1 {
		position: fixed;
		top: 40%;
		width: 100%;
		transform: translate(0, -50%);
	}
	.logo{
		display: inline-block;
		text-align: center;
		width: 100%;
		position: static;
	}
	.box{
		text-align: center;
		margin: 0 auto;
		display: inline-block;
    	width: 100%;
	}
	.b-form{
		text-align: center;
		display: inline-block;
	}
	.logo_animation {
		position: fixed;
		left: 50%;
		top: 0%;
		bottom: unset;
		right: unset;
		transform: translate(-50%, 0);
	}
}

@media (max-width:447px){
	.desktop-blk{
		display: -webkit-flex;
    	display: flex;
    	flex-direction: column-reverse;  
    	flex-direction: column;
	    overflow: hidden;
	    position: absolute;
	    top: 50%;
	    transform: translate(0,-50%);
	    padding: 0 0 50px;
	}

/*body{background: none;overflow: hidden;}*/
.yellow-belt_1 {
    position: relative;
    top: 0;
	width: 100%;
	overflow: hidden;
	transform: translate(0, 0);
	z-index: 10;
	order: 2;
}
.logo_animation {
	position: relative;
    left: 0;
    top: 0;
    bottom: unset;
    right: unset;
    transform: translate(0, 0);
    order: 1;
}
.logo_animation img{width: 250px;display:block;margin: 0 auto;}
.logo {float: none; text-align: center;left: 0;position: relative;}
.login-form {margin: 0%; right: 0; width:100%;position: relative;}
.box {background: #ffffff; padding: 15px; width: 100%; float: none;}
.box input {border: 1px solid #dadada; height: 30px; margin-bottom: 10px;}
.b-form{margin: 0 auto;}
ul.php-error-block{display: table;margin: 0 auto;}
}

@media (max-width:320px){
	.logo_animation img{
		width: 150px;
	}
	.desktop-blk{
		padding: 0 0 25px;
	}
}