/* Custom logo size adjustments */
#logo {
    max-height: 250px !important;
    max-width: 400px !important;
}

/* Logo in menu (sidebar) */
#layout-menu .popover-header #logo {
    max-height: 80px !important;
    max-width: 250px !important;
}

/* Logo on login page */
#layout-content.no-navbar #logo {
    max-height: 280px !important;
    max-width: 450px !important;
}

/* Responsive adjustments for smaller screens */
@media screen and (max-width: 768px) {
    #logo {
        max-height: 200px !important;
        max-width: 320px !important;
    }

    #layout-content.no-navbar #logo {
        max-height: 230px !important;
        max-width: 380px !important;
    }
}

@media screen and (max-width: 480px) {
    #logo {
        max-height: 150px !important;
        max-width: 250px !important;
    }

    #layout-content.no-navbar #logo {
        max-height: 180px !important;
        max-width: 300px !important;
    }
}