@media (max-width: 992px) {
    .sm-hide {
        display: none !important;
    }
    .sm-show {
        display: block !important;
    }
    .sm-show-flex {
        display: flex !important;
    }
    .small-image {
        width: 120px;
        height: 120px;
    }

    html {
        font-size: 32px;
    }

    #logo {
        width: 400px;
    }

    #banner {
        flex-direction: column !important;
        justify-content: space-around !important;
        min-height: 45vh !important;
    }
    #banner-image {
        width: 200px !important;
        height: 200px !important;
    }
    #banner-text-container {
        width: 100% !important;
        min-height: 200px !important;
    }
    #banner-text-wrapper {
        width: 50% !important;
        text-align: center;
        justify-content: center !important;
    }
    #banner-text-name {
        font-size: 1.4rem !important;
        text-align: center;
    }
    #banner-text-address {
        text-align: center;
        font-size: 1rem !important;
    }

    .category-header {
        height: 100px;
    }
    .category-header-title {
        font-size: 1.8rem;
    }
    .category-products-container {
        padding: 0.5rem;
    }

    .product-card {
        max-width: 100% !important;
        width: 100% !important;
        padding: 0.5rem;
        margin: 0 0 1rem 0;
    }
    .product-card.mini {
        padding: 0.3rem 0.5rem;
    }
    .product-card-image-container {
        width: 350px !important;
        order: 1;
    }
    .product-card-image {
        border-radius: 10px;
    }
    .product-card-body {
        width: 50%;
        padding: 0.3rem;
    }
    .product-card-footer {
        padding: 0.3rem;
        margin-top: 0.3rem;
    }
    .product-card-title {
        font-weight: bold;
    }
    .product-option-price {
    }
    .product-card-buttons {
        width: 230px;
    }

    .cart-btn {
        border-radius: 10px;
        width: 70px;
        height: 70px;
        font-size: 1.5rem;
    }
    .cart-quantity {
        font-size: 1.5rem;
    }

    #bottom-bar-cart-counter {
        width: 40px;
        height: 40px;
        font-size: 30px;
        top: -25px;
        right: -13px;
        color: black !important;
    }

    #search-input {
        height: 100px;
    }

    .app-modal {
        width: 80%;
        height: 80%;
    }
    .app-modal-body {
        padding: 0.5rem;
    }
}