<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
   
<style>
   .nav-item {
            position: relative;
            display: inline-block;
        }

        .nav-link {
            padding: 10px;
            text-decoration: none;
            color: #333;
            display: block;
        }

        .nav-item .dropdown-menu {
            display: none;
            position: absolute;
            background-color: #fff;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        }

        .nav-item:hover .dropdown-menu {
            display: block;
        }

        .dropdown-item {
            padding: 10px;
            display: block;
            color: #333;
            text-decoration: none;
        }
  
.mean-container .mean-nav .navbar-nav{
    height:100vh;
}
.mean-container .mean-nav ul li li a{
    padding: 4px 10%;
}

</style>
  
<div class="topbar">
    <div class="container">
    <div class="row">
    <div class="col-lg-9">
    <div class="topbar-left-side">
    <ul>
    <!-- <li><i class="fas fa-phone-alt"></i> <a href="tel:+13454567877">+1-3454-5678-77</a></li> -->
        <li><i class="fas fa-phone-alt"></i> <a href="tel:07424964585">07424964585</a></li>
    <li><i class="fas fa-clock"></i> Mon To Sun 9:00 To 19:00</li>
    <!-- <li><i class="fas fa-map-marker-alt"></i> <a href="#">2976 Sunrise Avenue, Las Vegas, USA</a></li> -->
    </ul>
    </div>
    </div>
    
    </div>
    </div>
    </div>
    </div>
    </div>
    
    <style>
    .main-nav {
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(133,133,133,1) 100%);
}
@media only screen and (max-width: 1199px){
.main-responsive-nav {
   
    height: 127px !important;
}
.mean-container .mean-nav{
        margin-top: 127px;
}
}
    </style>
    <div class="header-area">
    <div class="navbar-area">
    
    <div class="main-responsive-nav">
    <div class="container">
    <div class="mobile-nav">
    <a href="index.php" class="logo">
    <img class="black-logo" src="assets/images/logo-mob.png" style="width: 280px;"  alt="logo" />
    <img class="white-logo" src="assets/images/white-logo.png"alt="logo" />
    </a>
    <!-- <ul class="menu-sidebar menu-small-device">
    <li><button class="popup-button"><i class="fas fa-search" style="color:white"></i></button></li>
    </ul> -->
    </div>
    </div>
    </div>
    
    <div class="main-nav">
    <div class="container">
    <nav class="navbar navbar-expand-md navbar-light">
    <a class="navbar-brand" href="index.php">
    <img class="black-logo" src="assets/images/logo.png"  alt="logo" />
    <img class="white-logo" src="assets/images/white-logo.png" alt="logo" />
    </a>
    <div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent">
    <ul class="navbar-nav">
    <li class="nav-item plus-icon">
    <a href="index.php" class="nav-link active">Home </i></a>
    
    </li>
    <li class="nav-item">
    <a href="services-2.php" class="nav-link ">Services </i></a>
    
    </li>
    <li class="nav-item"><a  href="about.php" class="nav-link">About Us</a></li>
    
    <li class="nav-item"><a href="gallery.php" class="nav-link">Gallery</a></li>
    
    
    
    
    <li class="nav-item"><a href="contact.php" class="nav-link">Contact Us</a></li>
    <li class="nav-item">
                <a href="#" class="nav-link">Social Links</a>
                <ul class="dropdown-menu">
                    <li><a href="https://www.facebook.com/profile.php?id=61550290383937&mibextid=ZbWKwL">Facebook</a></li>
                    <li><a href="https://www.linkedin.com/in/essential-cleaning-solutions-2b6ab9288">Linkedin</a></li>
                    <li><a href="https://www.tiktok.com/@essential_cleaning">TikTok</a></li>
                    <li><a href="https://www.instagram.com/essentialcleaning_solution?utm_source=qr&r=nametag">Instagram</a></li>
                    <li><a href="https://www.youtube.com/@EssentialCleaningSolutions">Youtube</a></li>

                    <!-- Add more social links as needed -->
                </ul>
    </li>

    </ul>
    <div class="menu-sidebar menu-sidebar-1">
    <ul>
    <li><button class="popup-button"><i class="fas fa-search"style="color:white"></i></button></li>
    <li><a class="default-button default-button-3" href="contact.php"><span>Get Started</span></a></li>
    </ul>
    </div>
    </div>
    </nav>
    </div>
    </div>
    </div>
    </div>