.custom-appbar-padding {
    padding-top: 0; /* Default padding for larger screens */
}

/* Media query for medium screens (640px to 959px) */
@media (min-width: 640px) and (max-width: 959px) {
    .custom-appbar-padding {
        padding-top: 2%; /* Padding for medium screens */
        padding-bottom: 2%; /* Padding for medium screens */
    }
}

/* Media query for small screens (up to 640px) */
@media (max-width: 640px) {
    .custom-appbar-padding {
        padding-top: 5%; /* Padding for small screens */
        padding-bottom: 5%; /* Padding for small screens */
    }
}