@media only screen and (max-width: 992px) {
    #hero {
        display: none
    }

    #header-main {
        padding-bottom: 60px
    }

    .menu-item-img {
        height: 250px
    }

    .menu-item-card {
        max-height: 450px;
        display: flex;
        justify-content: space-between
    }

    .menu-item-content {
        gap: 10px;
        overflow: auto
    }

    .modal-content-custom {
        width: 70%;
        height: 75%
    }

    .modal-content-custom img {
        height: 400px
    }
}

@media only screen and (max-width: 768px) {
    #hero, .cart-payment {
        display: none
    }

    .menu-item-img {
        height: 250px
    }

    .menu-item-card {
        max-height: 450px;
        display: flex;
        justify-content: space-between
    }

    .menu-item-content {
        gap: 10px;
        overflow: auto
    }

    #mobile-cart {
        display: block
    }

    #footer {
        height: 110px;
        align-items: start;
        padding-top: .5rem !important
    }

    #footer small {
        margin-top: 1rem
    }

    .modal-content-custom {
        width: 80%;
        height: 90%
    }

    .modal-content-custom img {
        height: 350px
    }

    .error-bg h1 {
        font-size: 15rem
    }

    .pre_menu_welcome img {
        width: 350px !important
    }

    .pre_menu_time img {
        width: 300px
    }

    .pre_menu_links_bg {
        width: 290px
    }

    .pre_menu_link img {
        width: 50px
    }

    .pre_menu_link_title {
        bottom: -90px
    }
}

@media only screen and (max-width: 576px) {
    #hero, .cart-payment {
        display: none
    }

    .cat-item {
        width: 50px;
        height: 50px
    }

    .cat-item a small {
        text-wrap: nowrap !important;
    }

    .cat-item-img {
        width: 30px;
        height: 30px
    }

    #logo, #logo img {
        width: 100px;
        height: 100px
    }

    #logo a::after {
        height: 66%
    }

    .menu-category {
        gap: 20px
    }

    #header-main {
        padding-bottom: 39px
    }

    .menu-item-img {
        height: 126px
    }

    .menu-item-content {
        min-width: 50% !important;
        gap: 10px;
        overflow: auto
    }

    .menu-item-content .h5 {
        font-size: 16px;
        font-weight: 700;
        margin: 0
    }

    .menu-item-content .h6 {
        font-size: 14px
    }

    .menu-item-card {
        max-height: 320px;
        display: flex;
        justify-content: space-between
    }

    #mobile-cart {
        display: block
    }

    #footer {
        height: 110px;
        align-items: start;
        padding-top: .5rem !important
    }

    .footer-contact {
        height: 40px !important
    }

    #footer small {
        font-size: 10px;
        margin-top: 1rem
    }

    .footer-contact small {
        margin-top: .5rem !important
    }

    .modal-content-custom {
        width: 80%;
        height: 80%
    }

    .modal-content-custom img {
        height: 250px
    }

    .error-bg h1 {
        font-size: 10rem
    }

    .error-bg h1 img {
        width: 150px
    }

    .logo-bar {
        height: 70px;
        padding: 0 4% !important;
        border-radius: 0 !important
    }

    .logo-bar img {
        width: 100px
    }

    .logo-bar a {
        font-size: 12px
    }

    .hero02 {
        height: 40vh !important
    }

    .hero-img-bg img {
        height: 350px
    }

    .contact-us-links {
        margin-right: 20px
    }

    .sharona-map {
        padding-top: 50px !important
    }

    .setting_main_content {
        padding: 0 !important
    }

    .menu {
        margin: 0 !important
    }

    .pre_menu_welcome img {
        width: 270px !important
    }

    .pre_menu_links_bg, .pre_menu_time img {
        width: 250px
    }

    .pre_menu_link img {
        width: 40px
    }

    .pre_menu_link_title {
        font-size: 12px;
        bottom: -70px
    }
}