/* Adjust the container for the logo */
#sp-logo {
    padding: 0; /* Remove excessive padding */
    margin: 0;  /* Remove margin if needed */
}

/* Adjust logo size and positioning */
#sp-logo .logo img {
    max-height: 70px; /* Adjust the height as per your requirement */
    width: auto; /* Keep the aspect ratio */
    display: block; /* Ensure proper display */
    margin: 0 auto; /* Center the logo */
}

/* Fix the alignment of the menu and burger icon */
.d-flex.align-items-center {
    justify-content: space-between; /* Distribute space between logo and menu */
}

.burger-icon {
    margin-left: 15px; /* Adjust the space between the logo and the burger icon */
}

/* Adjust the column structure to handle responsiveness */
.col-lg-3, .col-6 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.col-lg-9, .col-xl-12 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

@media (max-width: 768px) {
    /* Adjust logo size for mobile devices */
    #sp-logo .logo img {
        max-height: 60px; /* Slightly smaller logo for mobile */
    }

    /* Ensure alignment on mobile */
    .col-lg-3, .col-6 {
        justify-content: center;
    }
}