<style>
.img-fluid {
    max-width: 65%;
    height: auto;
}

@media only screen and (max-width: 768px) {
    .img-fluid {
        max-width: 30%;
    }
}

</style>
<div class="header header-one">
				<a href="#"  class="d-inline-flex d-sm-inline-flex align-items-center d-md-inline-flex d-lg-none align-items-center device-logo">
					 <img src="assets/img/lotus_logo.png" class="img-fluid logo2" alt="Logo">
				</a>
				<div class="main-logo d-inline float-start d-lg-flex align-items-center d-none d-sm-none d-md-none">
					<div class="logo-white">
						<a href="#">
							<img src="assets/img/lotus_logo.png" class="img-fluid logo-blue" alt="Logo">
						</a>
						<a href="#">
							<img src="assets/img/lotus_logo.png" class="img-fluid logo-small" alt="Logo">
						</a>
					</div>
					<div class="logo-color">
						<a href="#">
							<img src="assets/img/lotus_logo.png" class="img-fluid logo-blue" alt="Logo">
						</a>
						<a href="#">
							<img src="assets/img/lotus_logo.png" class="img-fluid logo-small" alt="Logo">
						</a>
					</div>
				</div>
				<!-- Sidebar Toggle -->
				<a href="javascript:void(0);" id="toggle_btn">
					<span class="toggle-bars">
						<span class="bar-icons"></span>
						<span class="bar-icons"></span>
						<span class="bar-icons"></span>
						<span class="bar-icons"></span>
					</span>
				</a>
				<!-- /Sidebar Toggle -->
				
				<!-- Search -->
				<div class="top-nav-search">
					<form>
						<input type="text" class="form-control" placeholder="Search here">
						<button class="btn" type="submit"><img src="assets/img/icons/search.svg" alt="img"></button>
					</form>
				</div>
				<!-- /Search -->
				
				<!-- Mobile Menu Toggle -->
				<a class="mobile_btn" id="mobile_btn">
					<i class="fas fa-bars"></i>
				</a>
				<!-- /Mobile Menu Toggle -->
				
				<!-- Header Menu -->
				<ul class="nav nav-tabs user-menu">
					<!-- Flag -->
				
				
				
					
					<!-- User Menu -->
					<li class="nav-item dropdown">
                        <a href="javascript:void(0)" class="user-link  nav-link" data-bs-toggle="dropdown">
                            <span class="user-img">
                                <img src="assets/img/admin_vector.jpg" alt="img" class="profilesidebar">
                                <span class="animate-circle"></span>
                            </span>
                            <span class="user-content">
                                <span class="user-details"><?= ($user_role == 'Employee') ? 'Employee' : 'Other' ?></span>
								<span class="user-name"><?php echo $employee_name; ?></span>
                            </span>
                        </a>
                        <div class="dropdown-menu menu-drop-user">
                            <div class="profilemenu">
                                <!--<div class="subscription-menu">-->
                                <!--    <ul>-->
                                <!--        <li>-->
                                <!--            <a class="dropdown-item" href="profile.html">Profile</a>-->
                                <!--        </li>-->
                                <!--        <li>-->
                                <!--            <a class="dropdown-item" href="settings.html">Settings</a>-->
                                <!--        </li>-->
                                <!--    </ul>-->
                                <!--</div>-->
                                <div class="subscription-logout">
                                    <ul>
                                        <li class="pb-0">
											<a class="dropdown-item" href="logout.php">Log Out</a>
										</li>
									</ul>
                                </div>
                            </div>
                        </div>
                    </li>
					<!-- /User Menu -->
					
				</ul>
				
				<!-- /Header Menu -->
				
			</div>