@media (max-width: 1199px) {
	.login-box-wrap {
		position: absolute;
		top: 0;
		right: 100px;
	}
}
@media (max-width: 992px){
	.company-header {
		padding-top: 60px;
		padding-left: 15px;
		padding-right: 15px;
		text-align: center;
	}
	.company-info-panel {
		transform: translateY(0px);
		margin-left: 15px;
		width: calc(100% - 30px);
		margin-bottom: 20px;
	}
	.form-step-wrap {
		width: 260px;
	}
	.has-sidemenu {
		padding-left: 300px;
	}
	.form-step-wrap .form-left-menu .menu-item {
		font-size: 14px;
	}
	.login-box-wrap {
		position: absolute;
		top: 0;
		right: 75px;
	}
}
@media (max-width: 767px){
	.sidebar {
		left: -242px;
	}
	.sidebar .sidebar-toggle {
		display: none;
	}
	.sidebar + .w-100 .main-content-area .main-content {
		padding-left: 0.5rem;
	}
	.sidebar + .w-100 .main-content-area .bottom-footer {
		padding-left: 0.5rem;
	}
	.sidebar.open {
		left: 0;
	}
	button.sidebar-btn {
	    width: 44px;
	    height: 44px;
	    border: none;
	    border-radius: 8px;
	    background-color: #ffffff;
	    margin-left: 16px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	.sidebar-btn .fa-times {
		display: none;
	}
	.sidebar-btn.active .fa-times {
		display: block;
	}
	.sidebar-btn.active .fa-bars {
		display: none;
	}
	.sidebar-backdrop {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 899;
		backdrop-filter: blur(20px);
		background-color: rgba(0, 0, 0, 0.5);
		opacity: 0;
		pointer-events: none;
	}
	.sidebar-backdrop.show {
		opacity: 1;
		pointer-events: all;
	}
	.navbar.h-60 {
		height: auto;
	}
	.navbar .icon-box .user-name {
		display: none;
	}
	.form-step-wrap {
		width: 100%;
		position: sticky;
		height: auto;
		margin-bottom: 20px;
	}
	.has-sidemenu {
		padding-left: 12px;
	}
	.form-step-wrap .form-left-menu {
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;

	}
	.form-step-wrap .form-left-menu .menu-item {
		font-size: 14px;
		margin-bottom: 0;
		margin-right: 4px;
		padding: 6px;
		white-space: nowrap;
		overflow: visible;
		text-overflow: unset;
	}
	.form-step-wrap .form-left-menu .menu-item.active {
		padding-right: 40px;
	}
	.form-step-wrap .form-left-menu .menu-item .arrow-box {
		right: 4px;
        border-radius: 8px 8px 0 0;
        transform: rotate(90deg);
        width: 27px;
        top: -4px;
	}
	.form-left-menu::-webkit-scrollbar {
		height: 8px;
	}
	.login-box-wrap {
		position: relative;
		margin: 0 auto;
		right: unset;
	}
	.page-frame .company-logo {
	    position: absolute;
	    top: 30px;
	    z-index: 1;
	    left: 50%;
	    transform: translateX(-50%);
	}
	.page-frame .login-footer {
		color: var(--navy-blue);
		text-shadow: none;
		width: 100%;
		max-width: 340px;
		text-align: center;
		left: 50%;
        transform: translateX(-50%);
	}
	
}

@media (max-width: 420px){
	.main-content-area .main-content {
		padding-left: 0;
		padding-right: 0;
	}
	
	.navbar .popup-wrap {
	    position: absolute;
	    left: 0px;
	    right: 0px;
	    width: 100%;
	}
	.navbar .popup-wrap.box-sm {
		left: unset;
	}
}
@media (max-width: 360px) {
	.small-card .small-card-body:has(.heading-text-sm:first-child) {
		padding-top:0 ;
	}
	.small-card .small-card-body .heading-text-sm {
		display: none;
	}
	.small-card .small-card-body .card-info-line {
		flex-direction: column;
		align-items: start;
	}
	.small-card .small-card-body .card-info-line div:first-child {
		font-size: 14px;
		color: #BDBDBD;
		font-weight: 400;
	}
	.small-card .small-card-body .card-info-line div:last-child {
		font-weight: 500;
	}
}