/* Mobile styles for max 768px */
@media screen and (min-width: 375px) and (max-width: 767px) {
    /* Your mobile styles go here */
    .menubar {
        display: none;
    }
    .shop-now-btn {
        display: none;
    }
    .hero {
        padding: 20px 0;
    }
    .how-it-works-image-img {
        padding: 40px 20px;
    }














    /* Footer */
    .footer-content {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 20px 0;
        text-align: left;
    }
    .footer-menu {
        flex-direction: column;
        align-items: flex-start;
        padding: 32px 0;
    }
    .footer-menu-list {
        padding: 16px 0;
    }
    .footer-menu-list-item {
        padding: 8px 0;
    }
}