/* iPhone (including iPhone Pro Max) */
@media only screen and (min-width: 320px) and (max-width: 500px) {
    /* Styles for iPhone */
    
}

/* iPad (including iPad Pro) */
@media only screen and (min-width: 501px) and (max-width: 1024px) {
    /* Styles for iPad */
}

/* Overlapping range for larger iPhones and smaller iPads */
@media only screen and (min-width: 480px) and (max-width: 550px) {
    /* Styles for the overlapping range */
}