/*** Responsive ***/
@media (max-width:1480px) and (min-width:991px) {
	.dash-card {
		min-height: 138px;
		cursor: pointer;
	}
}
@media (max-width: 992px) {
	.login-page .container {
		width: 300px;
	}
	.copyright-text {
		font-size: 3px;
	}
	.hh-sidenav-toggled #layoutSidenav #layoutSidenav_nav {
		width: 280px;
		height: 100vh;
		z-index: 1038;
	}
}

@media screen and (min-width:541px) {
	.login-form {
		margin-left: 62px;
	}
	.welcome-login {
		position: absolute;
		right: 0;
		top: 30px;
		color: #fff;
		font-size: 30px;
		padding: 18px;
		text-transform: uppercase;
		font-weight: bolder;
	}
	.welcome-login-bottom {
		position: absolute;
		right: 0;
		top: 45px;
		color: #fff;
		font-size: 30px;
		padding: 18px;
		text-transform: uppercase;
		font-weight: bolder;
	}
	.welcome-login-bottom span {
		font-size: 34px;
		color: #23394c;
	}
}

@media screen and (max-width:540px) {
	.login-page {
		font-family: 'montserrat', sans-serif;
		display: flex;
		justify-content: space-between;
		align-items: center;
		min-height: 100%;
		color: #fff;
		/* background: #222222; */
		background-image: none;
	}
	body.login-body {
		background-color: #334859 !important;
	}
	.login-form {
		width: 100%;
		margin-left: 0px;
	}
	.welcome-login,
	.welcome-login-bottom {
		display: none;
	}
	.login-form {
		height: 100vh;
	}
	.login-form img.logo-img {
		width: 155px;
	}
	.login-page .for-pass {
		font-size: 12px;
	}
}

@media screen and (min-width:541px) and (max-width:1024px) {
	.login-page {
		font-family: 'montserrat', sans-serif;
		display: flex;
		justify-content: space-between;
		align-items: center;
		min-height: 100%;
		color: #fff;
		/* background: #222222; */
		background-image: url(../images/login-bg.png);
		background-repeat: no-repeat;
		height: 427px;
		background-position: inherit;
		;
		background-repeat: no-repeat;
		background-size: cover;
	}
}

@media screen and (max-width:480px) {
	.footer-wrap {
		flex-direction: column;
	}
	/* .hh-sidenav-toggled #layoutSidenav #layoutSidenav_content {
		margin-left: -203px !important;
	} */
	#layoutSidenav #layoutSidenav_content{
		margin-left: -240px !important;
	}
}

@media only screen and (max-width:991px) and (orientation: landscape) {
	.welcome-login-bottom,
	.welcome-login {
		display: none;
	}
	.login-page {
		font-family: 'montserrat', sans-serif;
		display: flex;
		justify-content: space-between;
		align-items: center;
		min-height: 100%;
		color: #fff;
		/* background: #222222; */
		background-image: none;
	}
	body.login-body {
		background-color: #334859 !important;
	}
	.login-form {
		height: 100vh;
		width: 500px;
		margin: 0 auto;
	}
}


/* ******************** Dashboard ************************* */
/*** Responsive ***/

@media (min-width: 992px) {
	#layoutSidenav #layoutSidenav_nav {
		transform: translateX(0);
	}
	#layoutSidenav #layoutSidenav_content {
		margin-left: 0;
		transition: margin 0.15s ease-in-out;
	}
	.hh-sidenav-toggled #layoutSidenav #layoutSidenav_nav {
		/* transform: translateX(-280px); */
	}
	.hh-sidenav-toggled #layoutSidenav #layoutSidenav_content {
		margin-left: -175px;
	}
	.hh-sidenav-toggled #layoutSidenav #layoutSidenav_content:before {
		display: none;
	}
}

@media screen and (max-width:480px) {
	.hh-topnav .navbar-brand img.logo-img {
		position: relative;
		width: 97px;
		padding: 5px;
	}
	.hh-topnav .fa-bars {
		font-size: 20px;
	}
	.hh-topnav .nav-item .nav-link {
		font-size: 9px;
	}
	.count-span {
		background: #ff0000;
		border: transparent;
		color: #fff;
		padding: 2px 5px;
		border-radius: 13px;
		font-size: 7px;
		position: absolute;
		right: 24%;
		top: -37%;
	}
	.hh-topnav img.admin-img {
		width: 42px;
	}
	.navbar-brand {
		padding: 0px 0px;
	}
	.hh-topnav .navbar-brand img.logo-img {
		width: 205px;
		padding: 5px;
	}
	/* .bell-wrapper {
		display: none !important;
	} */
	.hh-nav-fixed .hh-topnav {
		z-index: 888;
		padding-left: 40px;
	}
}

@media screen and (max-width:991px) {
	.mb-sm-2 {
		margin-bottom: 15px;
	}

	#sidebarToggle{
		position: absolute;
	right: -100px;
	top: 15px;
	}
	.hh-sidenav-toggled #sidebarToggle{
		position: absolute;
    right: 0px;
	}
	.hh-sidenav-toggled #layoutSidenav #layoutSidenav_nav .nav-list .nav-link span, .hh-sidenav-toggled #layoutSidenav #layoutSidenav_nav .nav-list .nav-link .fa-angle-down {
		display: block;
	}
	.hh-sidenav-toggled .hh-sidenav .hh-sidenav-menu .nav .nav-link i {
		color: #fff;
		margin-right: 10px;
		margin-left: 15px;
	}
	.hh-sidenav-toggled #layoutSidenav .logo-lg {
		display: inline-block;
	}
	.hh-sidenav-toggled #layoutSidenav .small-logo {
		display: none;
	}
}

@media screen and (min-width:767px) and (max-width:1024px) {
	.dash-card img {
		width: 27px;
	}
	.dash-card .dash-card-count {
		font-size: 18px;
	}
	.dash-card .dash-card-title {
		font-size: 16px;
	}
	.dash-card p {
		font-size: 9px;
	}
	.dash-icon {
		padding: 15px 19px;
	}
}