.logo-container {
    display: flex;
    align-items: center; /* Align logo and navigation elements vertically */
}

.logo-container .navbar-brand {
    width: 190px; /* Fixed width for desktop */
}

.logo-container .nav-item {
    margin-left: 175px; /* Margin between logo and navigation elements */
}

/* Tablet styles (adjust as needed) */
@media only screen and (max-width: 1180px) {
    .logo-container {
	display:block;
       justify-content: center; /* Center items horizontally on tablets */
    }

    .logo-container .navbar-brand {
        width: 100%; /* Allow the logo to scale on tablets */
        max-width: 190px; /* Limit the maximum width */
    }

    .logo-container .nav-item {
        margin: 5px 10px; /* Adjust margins for tablet styling */
    }
}


.svg-logo{
	width: 190px;
	height: auto;  /* Maintain the aspect ratio */
}

@media only screen and (max-width: 1024px) {
    .svg-logo {
        width: 100%; /* Allow the logo to scale on tablets */
        max-width: 190px; /* Limit the maximum width */
        height: auto; /* Maintain the aspect ratio */
    }
}