/* Pixel 5, IPhone XR, IPhone 12 Pro, Iphone  */
@media screen and (min-width: 415px) and (max-device-width: 480px) {
    .mobileonly {
        display: block;
    }
    .card-withoverflow {
        overflow-x: scroll;
    }

    .dropdown-menu {
        min-width: 0;
    }
}

/* Mobile 480px */
@media screen and (min-width: 431px) and (max-device-width: 480px) {
    .mobileonly {
        display: block;
    }
    .card-withoverflow {
        overflow-x: scroll;
    }

    .dropdown-menu {
        min-width: 0;
    }
}

/* Mobile IPhone 14 Pro */
@media screen and (min-width: 415px) and (max-device-width: 430px) {
    .mobileonly {
        display: block;
    }
    .card-withoverflow {
        overflow-x: scroll;
    }

    .dropdown-menu {
        min-width: 0;
    }
}

/*IPhone XR*/
@media screen and (min-width: 394px) and (max-width: 414px) {
    .mobileonly {
        display: block;
    }
    .card-withoverflow {
        overflow-x: scroll;
    }

    .dropdown-menu {
        min-width: 0;
    }
}

/*  Pixel 5, IPhone 12 Pro */
@media screen and (min-width: 376px) and (max-device-width: 393px) {
    .mobileonly {
        display: block;
    }
    .card-withoverflow {
        overflow-x: scroll;
    }

    .dropdown-menu {
        min-width: 0;
    }
}

/* IPhone SE, Galaxy S8 */
@media screen and (min-width: 359px) and (max-device-width: 375px) {
    .mobileonly {
        display: block;
    }
    .card-withoverflow {
        overflow-x: scroll;
    }

    .dropdown-menu {
        min-width: 0;
    }
}

/* Galaxy S9 */
@media screen and (min-width: 281px) and (max-device-width: 358px) {
    .mobileonly {
        display: block;
    }
    .card-withoverflow {
        overflow-x: scroll;
    }

    .dropdown-menu {
        min-width: 0;
    }
}

/* Galaxy Fold */
@media screen and (max-device-width: 280px) {
    .mobileonly {
        display: block;
    }
    .card-withoverflow {
        overflow-x: scroll;
    }

    .dropdown-menu {
        min-width: 0;
    }
}