/* Smaller Screen */
@media screen and (max-width : 400px){
	#main.spalsh .logo-hldr{width: 80%;}
	.logo-hldr{width: 80%;}
	#header{height: 80px;}
	.back-btn{padding: 32px 15px;}
	.menu-btn{padding: 0;}
	.spinner-master2{height: 80px;}
	.spinner-master2 label{padding: 30px 20px 0 20px;}
	#header h2{line-height: 80px;}
	.noti-btn{padding: 25px 15px 25px 5px;}
	.logout-btn{padding: 25px 5px 25px 10px;}
	#container{height: calc(100vh - 81px);}
	.input-hldr{width: 75%;}
	.login-container .rem-for-hldr{
		width: 95%;
		margin: 15px auto 5px auto;
	}
	.login-container .reg-btn-hldr{margin: 15px 0;}
	.login-container .logo-hldr{margin-bottom: 20px;}
	.login-container .for-pwd{font-size: 16px;}
	.login-container label.rembr-me{font-size: 15px;}
	.primary-btn{padding: 5px 50px;}
	.secondary-btn{padding: 5px 50px;}
	.primary-input{padding: 10px;}
	.secondary-btn{width: 260px;}
	.dashboard-hldr .dashboard-header{padding: 20px 15px;}
	.dashboard-hldr .dashboard-info{padding: 20px 15px 25px 15px;}
	.dashboard-hldr .dashboard-table{padding: 20px 15px;}
	.menu-hldr{
		top: 80px;
		max-height: 84vh;
		overflow: auto;
	}
	.success-pop{height: 330px;}
	.thankyou-pop h6{margin-bottom: 30px;}
	.thankyou-pop{padding: 30px 20px;}
}
/* END Smaller Screen */