/* Hide language switcher by default */
.language-switcher-mobile {
    display: none;
}

/* CSS Media Query for Mobile Devices */
@media (max-width: 768px) { /* Adjust the max-width as per your breakpoint for mobile */
    .language-switcher-mobile {
        display: block; /* Show language switcher */
        position: fixed; /* Fixed position */
        right: 10px; /* Adjust as needed for right alignment */
        top: 0px; /* Adjust as needed for top alignment */
        z-index: 1000; /* Ensure it's above other elements */
    }
}


/* Media Queries for responsive behavior */
@media (max-width: 1200px) {
    .logo-img {
        max-width: 40%; /* Adjust the width for screens up to 1200px */
    }
}

@media (max-width: 992px) {
    .logo-img {
        max-width: 13%; /* Adjust the width for screens up to 992px */
    }
}

@media (max-width: 768px) {
    .logo-img {
        max-width: 13%; /* Adjust the width for screens up to 768px */
    }

    #mobile_btn {
        display: block; /* Show mobile menu button on smaller screens */
    }
}

@media (max-width: 576px) {
    .logo-img {
        max-width: 13%; /* Adjust the width for screens up to 576px */
    }
}