.fix-menu-desktop .main-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    transform: translateY(0);
    transition: transform 0.3s ease-in-out;
}

.fix-menu-desktop .main-nav.show-main-nav {
    transform: translateY(0%);
}

.logo-stick img {
    max-width: 200px;
    max-height: 30px;
}

.topbar-mobile li {
    margin-top: 5px;
    
}

.center-search {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto; /* Center the element horizontally */
    width: 50%; /* You can adjust the width as needed */
    max-width: 400px; /* Optional: set a max-width */
    box-sizing: border-box;
}

/* Ensure sticky behavior */
.sticky-header {
    position: sticky;
    top: 0;
    z-index: 1000; /* Ensure it's above other elements */
    background-color: white; /* Optional: Set a background to avoid overlap issues */
    width: 100%; /* Ensure it spans the full width */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Optional: Add a shadow for better visibility */
}

.hamburger-box{
    margin-right: 40px;
    width: 50px;
    height: 40px;
}

/* Adjust for mobile view */
@media only screen and (max-width: 768px) {
    .sticky-header {
        position: fixed; /* Ensures that it stays at the top in mobile view */
        top: 0;
        left: 0;
        right: 0;
        height: auto; /* Adjust height as needed */
    }
    .logo-mobile img {
        max-width: 100px; /* Adjust the logo size to fit the mobile screen */
        height: auto; /* Ensure the height scales with width */
    }
    .mob-hide{display: none;}

    .btn-show-menu-mobile{
        margin-left: -65px;
    }
    .topbar-mobile{
        margin-top:90px;
    }
}

@media only screen and (min-width: 769px) {
    .mob-ad{
        display:none !important;
    }

}