img {
        width: 100%;
    }

    .food_banner img {
        height: 450px;
        object-fit: cover;
    }

    body {
        padding: 0;
        margin: 0;
    }

    .menu_body {
        width: 70%;
        margin: 0 auto;
        padding: 50px 0;
    }

    .menu_tabs {
        width: 100%;
        text-align: center;
    }

    .menu_tabs nav {
        align-items: center;
        margin: 0 auto;
        display: inline-block;
    }

    .tabs_flex {
        display: flex;
    }

    .nav-tabs {
        border-bottom: none !important;
    }

    .tab_content {
        position: relative;
        /* border: 1px solid; */
        text-align: center;
        overflow: hidden;
        padding: 25px;
        display: inline-block;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        margin: 5px;
        border-radius: 10px;
        /* width: 100%; */
    }

    .menu_content_img {
        /* width: 70%; */
        text-align: center;
        margin: 0 auto;
    }

    .menu_ttl {
        position: relative;
        z-index: 2;
        /* padding: 15px 0; */
        height: 60px;
        overflow: hidden;
        display: grid;
        place-items: center;
        margin: 10px 0;
    }

    .menu_ttl h3 {
        font-size: 18px;
        margin: 0;
    }

    .menu_content_img img {
        /* height: 200px; */
        object-fit: cover;
        border-radius: 25px;
    }

    .menu_content_upper {
        position: relative;
    }

    .menu_price {
        background: #000;
        color: #fff;
        padding: 10px 29px;
        border-radius: 10px;
        font-size: 12px;
        /* position: absolute; */
        top: 0;
        left: 0;
        /* display: inline-block; */
    }

    .menu_tabs_content {
        overflow: hidden;
        height: 150px;
    }

    .nav-link {
        color: #000;
        border: 1px solid !important;
        border-radius: 20px !important;
        margin: 0px 10px;
    }

    .nav-tabs .nav-link.active {
        background: #72061b;
        color: #fff;
        border-radius: 23px;
        padding: .5rem 1rem;
        display: inline-block;
    }

    .tab-content {
        margin-top: 40px;
    }

    /* Footer
    --------------------------- */
    .footer_logo_body {
        width: 25%;
        align-items: center;
        margin: 0 auto;
    }

    .footer_logo {
        width: 100%;
        display: flex;
    }

    .footer_logo h4 {
        color: #72061b;
        width: 85%;
        padding-left: 15px;
    }

    .footer_logo_img {
        width: 15%;
    }

    .footer {
        background: #000;
        /* background-image: url(./images/footer_bg2.png); */
        background-repeat: no-repeat;
        background-size: cover;
    }

    .footer_body {
        width: 70%;
        margin: 0 auto;
        padding: 100px 0;
    }

    .footer_contact_body {
        color: #fff;
        text-align: center;
        padding-top: 50px;
    }

    .footer_contact_body .col-lg-4 {
        border: 1px solid #720617;
        padding: 25px 0;
    }

    .ratio::before {
        padding: 0 !important;
    }

    #scrollTopBtn {
        position: fixed;
        bottom: 40px;
        right: 40px;
        display: none;
        /* hidden by default */
        z-index: 1000;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        font-size: 20px;
    }

    .btn-primary:focus {
        box-shadow: none;
    }

    .btn-primary:active:focus {
        box-shadow: none;
    }


    .main-element {
        /* position: absolute; */
        top: 1%;
        left: 1%;
        display: block;
        height: 98%;
        width: 98%;
        margin: auto;
        align-self: center;
        background: #fff;
        z-index: 1;
    }

    .tab_content:hover .border {
        position: absolute;
        display: block;
        top: -30%;
        left: -50%;
        z-index: 1;
        display: block;
        height: 200%;
        width: 220%;
        transform: rotate(-45deg);
        overflow: hidden;

        background: linear-gradient(to right, rgba(255, 255, 255, 0.2) 20%, #fff 40%, rgba(160, 92, 105, 0.5) 50%, rgba(190, 157, 164, 0.1) 55%, #fff 70%, #fff 100%);
        background-size: 200% auto;

        animation: shine 3s linear infinite;
        opacity: 0.3;
    }

    .border {
        border: none !important;
    }

    /*Begin shimmer code*/

    @keyframes shine {
        to {
            background-position: 200% center;
        }
    }

    .menu_btn {
        background-color: #72061b;
        border-color: #72061b;
        color: #fff;
        display: inline-block;
        width: 100%;
        border-radius: 5px;
    }

    .menu_btn span {
        width: 85%;
        display: inline-block;
        padding-left: 15px;
        text-align: center;
    }

    /* Mobile Sizes 
    ----------------------------- */

    @media (min-width: 350px) and (max-width: 500px) {
        .food_banner img {
            height: unset;
        }

        .footer_logo h4 {
            text-align: center;
        }

        .footer_logo_body {
            width: 100%;
        }

        .menu_body {
            position: relative;
            width: 95%;
            padding: 0;
            margin-top: 35px;
        }

        .menu_tabs {
            position: absolute;
            z-index: 1;
        }

        .menu_tabs nav {
            width: 100%;
        }

        .menu_tabs .nav {
            display: unset;
        }

        .nav-link {
            background: #000 !important;
            color: #fff;
            border-radius: 0 !important;
            border: none !important;
            margin: 0;
        }

        .nav-tabs .nav-link.active {
            background: #72061b !important;
            width: 100%;
            padding: .5rem 1rem;
        }

        .tab-content {
            margin-top: 15px;
        }

        #tabList {
            display: none;
            flex-direction: column;
            border-top: 1px solid #fff;
        }

        #tabList.show {
            display: flex;
        }

        .footer_body {
            width: 90%;
        }
    }