
/* Responsive Media query css start */
@media only screen and (min-width: 1200px){	
	/*a[href^="sms"], a[href^="tel"] {pointer-events: none;}*/
	a[href^="mailto"] {word-break: break-all; }
	
	.login-navigation li a:hover{color: #242e37;}

}

/*1600px css start*/
@media only screen and (max-width: 1600px){	
	
}
/*1600px css end*/
/*1365px css start*/
@media only screen and (max-width: 1365px){
	
}
/*1365px css end*/

/*1199px css start*/
@media only screen and (max-width: 1199px){	
	a[href^="sms"], a[href^="tel"]{pointer-events: auto;}
	
	/*.logo-tagline{font-size: 24px; margin: 25px 0 10px;}*/
	.login-form-div{width: 75%;}
}	
/*1199px css end*/

/*1065px css start*/
@media only screen and (max-width: 1065px){	
	
}
/*1065px css start*/

/*991px css start*/
@media only screen and (max-width: 991px){	
	.login-form-div{width: 90%; max-width: 400px;}
	.login-navigation{padding: 20px;}
}
/*991px css end*/

/*767px css start*/
@media only screen and (max-width: 767px){
	.login-page{min-height: 100vh;}
	.login-page .login-col{width: 100%; margin: 0; height: auto; align-items: flex-start; flex-wrap: wrap;}
	.login-form-div{width: 100%; top: 30px; margin-bottom: 0; }
	.login-logo-div{padding: 10px 0; margin: 0;}
	.logo-tagline{font-size: 20px; margin: 10px 0; line-height: 1.4; font-weight: 500;}
	.login-copyright{position: relative; color: #000; margin: 30px 0 10px; bottom: unset; display: inline-block; width: 100%;}

	.login-navigation{right: unset; left: -90px; padding: 8px; min-height: 100vh; min-width: 90px; max-width: 90px; width: auto; text-align: center; transition: all .4s ease-in-out; background-color: #2f4050; top: 128px;}
	.login-navigation.active{left: 0px;}
	.login-navigation .navigation-area{display: flex; flex-direction: column;}
	.login-navigation li a{color: #a7b4bf; display: block; font-family: "Nunito", sans-serif; font-size: 14px; line-height: 20px; padding: 15px 10px; text-decoration: none;}
	.login-navigation li a i{display: block;}
	.login-navigation li:before{display: none;}
	.menu-icon{top: 0px; left: 100%; }
	
}
/*767px css end*/

/*575px css start*/
@media only screen and (max-width: 575px){
	

}
/*575px css end*/

/*479px css start*/
@media only screen and (max-width: 479px){
	.logo-tagline{font-size: 18px;}
	.login-form-title{padding-bottom: 30px;}	
	.login-navigation{top: 125px;}
	
}
/*479px css end*/

/*374px css start*/
@media only screen and (max-width: 374px){	
	.logo-tagline{font-size: 16px;}	
	.login-navigation{top: 122px;}

}
/*374px css end */

/*768px css start */
@media only screen and (min-width: 768px){
	
}
/*768px css end */
/*820px to 991 css start */
@media only screen and (min-width: 820px) and (max-width: 991px){
	
}
/*820px to 991 css end */
