/* CSS Document */

/******************************
[Table of Contents]

1. Media 1199
2. Media 991
3. Media 768
4. Media 640
5. Media 567
6. Media 479
******************************/

@media (max-width:1480px) {
	
}

@media (max-width:1480px) {
	
}




@media (max-width:991px) {
	.login-box{width: 80%; padding: 50px;}
	header{width: 80%;}


	.roseLogo{width: 230px;}
	.qLogo{width: 230px;}
	.emplData-box .signature-block{flex-direction: column;}
	.emplData-box .shell{width: 80%;}

	.emplData-box .signature-block .line{width: 100%;}
	.emplData-box .signature-block .date{width: 100%;}
	body{ background:url(../images/bg_2_mobile.jpg);background-attachment: scroll;background-size: cover;}
	.i9-note i{display: none;}
}

@media (max-width:768px) {
	.login-box.welcome .form-content button.submit{width: 50%;}	
	.login-box{width: 100%;}
	header{width:100%;}
	.emplData-box .shell{width:100%;}




}

@media (max-width:640px) {
	
	.login-box.welcome .form-content button.submit{width: 60%;}	
	.login-box h6 br{display:none;}
	.login-box .form-content a{text-align: center;float: none;display: block;}

}
@media (max-width:567px) {
	
	.login-box.welcome .form-content button.submit{width: 80%;}	
	body{ background:url(../images/bg_2_mobile.jpg);background-attachment: scroll;background-size: cover;}
	body.login, body.emp-data{background-size: contain;    background-position: center top;}
}

@media (max-width:480px) {
	
	.login-box.welcome .form-content button.submit{width: 100%;}	
	.login-box .form-content .form-control{padding: 12px 0px;}
	.login-box h3 br{display:none;}
	footer .links{margin-top: 6px; display: flex; flex-direction: column;}
	footer .sep{display: none;}


}
@media (max-width:375px) {

	
}

@media (max-width:320px) {

}