@media (min-width:280px) and (max-width:767px){
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{color: #fff38f;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color: #fff;}
	.form-horizontal .control-label{padding-top: 10px;margin-bottom: 0px;}
}

@media (min-width:280px) and (max-width:991px){
	.navbar-brand{
		max-width:70vw;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}

	.form-group-box{
		padding:1rem !important;
	}

	.spa-pages-all{
		padding-top:0.75rem;
	}

	.inventory-tab-header{
		flex-direction:column;
		align-items:stretch;
	}

	.inventory-tab-actions{
		justify-content:flex-end;
		padding-top:0.25rem;
	}
}

@media (min-width:280px) and (max-width:767px){
	.company-details{
		font-size:12px;
		padding:0.5rem 0.75rem;
	}

	.company-details .company,
	.company-details .user{
		max-width:100%;
		display:block;
	}

	.section-labels label{
		font-size:13px;
		padding:6px 14px 0 14px;
	}

	.form-actions{
		flex-direction:column;
		align-items:stretch !important;
	}

	.form-actions .btn,
	.form-actions a.btn{
		width:100%;
	}

	.form-group-box .header-right-top{
		font-size:18px;
	}

	.inventory-tabs .nav-link,
	.app-tabs .nav-link{
		width:100%;
		text-align:center;
	}

	.pic-box{
		min-height:180px;
	}

	#navbarNavDropdown{
		align-items: stretch;
		gap: 0.5rem;
	}

	#navbarNavDropdown > .text-white{
		padding: 0.5rem 0;
	}

	#ulMenu.user-profile-menu{
		flex-wrap: wrap;
		align-items: stretch;
		gap: 0;
	}

	#ulMenu.user-profile-menu > .nav-item > .nav-link,
	#ulMenu.user-profile-menu > li > a{
		min-height: auto;
		padding: 0.85rem 0;
		justify-content: space-between;
	}

	#ulMenu.user-profile-menu .dropdown-menu,
	#ulMenu.user-profile-menu > .nav-item:last-child .dropdown-menu,
	#ulMenu.user-profile-menu > li:last-child .dropdown-menu{
		position: static;
		min-width: 100%;
		box-shadow: none;
	}
}

@media (max-width: 991.98px){
	.login-page-shell{
		padding-top:1rem;
	}

	.login-visual-panel,
	.login-form-panel{
		min-height:auto;
	}

	.login-form-wrap{
		padding:2rem 1.5rem;
	}
}

@media (max-width: 767.98px){
	.login-visual-panel{
		min-height:220px;
	}

	.login-visual-content{
		min-height:220px;
	}

	.login-form-wrap{
		padding:1.5rem 1.25rem;
	}
}