/* ==========================
   Global Mobile Font Fixes
   ========================== */

@media (max-width: 768px) {

    body {
        font-size: 16px !important;
        line-height: 1.7 !important;
    }

    h1 {
        font-size: 28px !important;
    }

    h2 {
        font-size: 24px !important;
    }

    h3 {
        font-size: 20px !important;
    }

    p, a, span, li, input, button {
        font-size: 16px !important;
    }

    .btn, button {
        font-size: 16px !important;
        padding: 12px 20px !important;
    }

    nav a, .navbar a {
        font-size: 17px !important;
    }

    .product-title,
    .product-price,
    .product-description {
        font-size: 17px !important;
    }

    .cart-item,
    .cart-details,
    .checkout-summary {
        font-size: 16px !important;
    }

    footer, footer a, footer p {
        font-size: 15px !important;
    }
}