/* ----------- MEDIA QUERIES ----------- */
	.btn01 {
	text-transform: uppercase;
	font-family: "Arial";
	margin: 15px 0 0 0;
	padding: 10px 0; 
	font:bold 18px 'arial';
	width:70%;
	color:#fff;
	background:#be2020;
	border-top:1px solid #ff0000;
	border-left:1px solid #ff0000;
-webkit-box-shadow: 0px 10px 22px -10px rgba(0,0,0,1);
-moz-box-shadow: 0px 10px 22px -10px rgba(0,0,0,1);
box-shadow: 0px 10px 22px -10px rgba(0,0,0,1);
	}
		.logintxt {
	background:#5b0c0c;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #755e5e;
	border-bottom:1px solid #755e5e;
	color:#fff;
	-webkit-box-shadow: inset 10px 10px 28px -2px rgba(0,0,0,0.75);
-moz-box-shadow: inset 10px 10px 28px -2px rgba(0,0,0,0.75);
box-shadow: inset 10px 10px 28px -2px rgba(0,0,0,0.75);
}

/* Mobile Portrait */
@media only screen and (min-width: 320px) and (max-width: 479px)
{

	body {background-image: url(../img/vbg_redzone168.jpg);	}
	#wrapper {height: 320px;width: 300px;
	}
	.logintxt {
	text-transform: uppercase;
	font-family: "Arial";
	text-align: center;
	margin:15px 0 0 0; 
	padding:10px 0;width:70%
	}

	#Fullver_div {font-size:12px ;
	}
	.error {font-size:12px ;
	}

}

/* Mobile Landscape */
@media only screen and (min-width: 480px) and (max-width: 767px)
 {
	body {background-image: url(../img/hbg_redzone168.jpg);	}

	#wrapper {height: 290px;width: 320px;
	}
	.logintxt {
	text-transform: uppercase;
	font-family: "Arial";
	text-align: center;
	font-size:12px; margin:15px 0 0 0; 
	padding:7px 0;width:70% 
	}
	#Fullver_div {font-size:11px ; 
	}
	.error {font-size:11px ;
	}

}

/* TABLETS PORTRAIT */
@media only screen and (min-width: 768px) and (max-width: 991px)
{ 
	body {background-image: url(../img/vbg_redzone168.jpg);	}

	#wrapper {height: 380px;width: 512px;
	}
	.logintxt {
	text-transform: uppercase;
	font-family: "Arial";
	text-align: center;
	font-size:22px;margin:18px 0 0 0; 
	padding:12px 0;width:70%
	}
	#Fullver_div {font-size:14px ;
	}
	.error {font-size:14px ;
	}
}

/* TABLET LANDSCAPE / DESKTOP */
@media only screen and (min-width: 992px) and (max-width: 3440px)
{ 
	body {background-image: url(../img/hbg_redzone168.jpg);	}

	#wrapper {height: 512px;width: 380px;
	}
	.logintxt {
	text-transform: uppercase;
	font-family: "Arial";
	text-align: center;
	font-size:24px;margin:20px 0 0 0; 
	padding:15px 0;width:70%
	}
	#Fullver_div {font-size:18px ;
	}
	.error {font-size:18px ;
	}
}

#Fullver_div, .error{
	font-family: "Arial";
	text-transform: uppercase;
	color: white;
	font-weight:bold;
}

input::-webkit-input-placeholder {
    -webkit-transition: opacity 0.3s linear; color: #ff9999;
}
input:focus::-webkit-input-placeholder {

	opacity:0.5;
}

/* Firefox < 19 */
input:-moz-placeholder {
    -webkit-transition: opacity 0.3s linear; color: #ff9999;
}
input:focus:-moz-placeholder {
	opacity:0.5;}

/* Firefox > 19 */
input::-moz-placeholder {
    -webkit-transition: opacity 0.3s linear; color: #ff9999;
}
input:focus::-moz-placeholder {
	opacity:0.5;}

/* Internet Explorer 10 */
input:-ms-input-placeholder {
    -webkit-transition: opacity 0.3s linear; color: #ff9999;
}
input:focus:-ms-input-placeholder {
	opacity:0.5;
}