.main_login {
    background: url("../images/oilcop_gar.jpg") center center fixed #8a8f92;
	background-repeat: no-repeat;
	-webkit-background-size: auto 100%;	
    -moz-background-size: auto 100%;	
    -o-background-size: auto 100%;	
    background-size: auto 100%;	
}

.btn-spcl {
	background-color: #00B0E9 !important;
    border-color: #00B0E9;
    padding: 8px 15px;
    font-size: 16px;
    color: #fff !important;
    margin: 20px 30px 20px 5px;
}
.btnvedio {
	margin:20px 5px;
}
.btn-spcl:hover {
	color:#fff;
}
.login-help {
	color:#999;
	text-decoration:none;
	padding-left:20px;	
	font-size:13px;
}
@media only screen and (max-width : 1200px){
	.btn-spcl { margin: 20px 30px 20px 5px;}
	.btnvedio {margin:20px 5px;}
}
@media only screen and (max-width : 979px){
	.btn-spcl { margin: 20px 30px 20px 5px;}
	.btnvedio {margin:20px 5px;}
}
@media only screen and (max-width : 767px){
	.btn-spcl {	 margin: 5px;  padding: 8px 15px;
    font-size: 16px;}
	.btnvedio {	margin:5px;float:left !important; }
}
@media only screen and (max-width : 480px){
	.btn-spcl {	margin:40px 5px; padding: 5px 5px;
    font-size: 13px;}
	.btnvedio {	margin:40px 5px;float:left !important; }
}
@media only screen and (max-width : 320px){
	.btn-spcl {	 margin: 40px 5px;  padding: 5px 5px;
    font-size: 13px;}
	.btnvedio { margin:40px 5px; float:left !important;}
}
#vedio_id{ width:670px;height:450px}  
#popup_div{display:none;margin:20px 30px;position:absolute;height:auto;width:100%;background:#fff;color:#272829;right:15%;top:70px;z-index:999;border:1px solid #D2D0CF;padding:15px 15px 25px;font-size:13px;}
#masks{display:none;background:#000;position:fixed;left:0;top:0;z-index:10;width:100%;height:100%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;z-index:999;}
#popup_div1{height:auto;width:710px;left:0%;right:0%;top:70px;display:none;margin:20px 30px;position:absolute;background:#fff;color:#272829;z-index:999;border:1px solid #D2D0CF;padding:15px 15px 25px;font-size:13px;}
#popup_close1, #popup_close{cursor:pointer;text-decoration:none;}
#popup_close1, #popup_close{font-size:20px;line-height:15px;right:5px;top:5px;position:absolute;color:#000;font-weight:500;}
@media only screen and (max-width : 1200px){
	#vedio_id{ width:670px;height:450px}  
	#popup_div1{height:auto;width:710px;left:0%;right:0%;top:70px;margin:20px 30px;}	
}
 
@media only screen and (max-width : 979px){
	#vedio_id{ width:670px;height:450px}
	#popup_div1{height:auto;width:710px;left:0%;right:0%;top:70px;}
}
 
@media only screen and (max-width : 767px){
	#vedio_id{width:670px;height:450px}
	#popup_div1{height:auto;width:710px;left:0%;right:0%;top:70px;}
	#popup_div{right:3%;width:300px;top:50px;}
	}
 
@media only screen and (max-width : 480px){
	#vedio_id{width:100%;height:360px}
	#popup_div1{height:auto;width:100%;left:0%;right:0%;top:70px;}
	#popup_div{right:4%;width:300px;top:50px;}
}
 
@media only screen and (max-width : 320px){
	#vedio_id{ width:100%;height:260px}
	#popup_div1{height:100%;width:100%;left:0%;right:0%;top:70px;}
	#popup_div{right:6%;width:300px;top:80px;}
}