/* Target smaller screens in folded mode */
@media screen and (max-width: 720px) and (orientation: portrait) {
    .fixed-sidebar #menu {
        width: 210px;
    }
    body.page-small #menu {
        margin-left: -250px;
    }

    .eventinfomobilenav.visible-xs {
        width: 100%;
        height: 38px;
        margin-bottom: 15px;
        padding-left: 10px;
        padding-right: 10px;
    }

}

/* Target larger screens in unfolded mode */
@media screen and (min-width: 721px) and (orientation: landscape) {
    .small-logo img {
        width: 140px;
    }
}








/* Handle aspect ratio often found in foldables (like Microsoft Surface Duo) */
@media screen and (min-aspect-ratio: 3/2) and (max-width: 900px) {
    .small-logo img {
        width: 140px;
    }
}

/* Extra: Handle high-resolution foldable screens */
@media screen and (min-device-width: 600px) and (max-device-width: 900px) 
       and (orientation: portrait) 
       and (-webkit-min-device-pixel-ratio: 2) {
    .small-logo img {
        width: 140px;
    }
}