@media screen and (max-width: 1024px) {
    .ordertableflex table tbody tr td {
        width: 100%;
        /*background:#f7f7f7 !important;*/
        padding: 0;
    }

    .ordertableflex table tbody tr td .bt-content {
        vertical-align: middle;
        padding: 5px 20px;
    }

    .ordertableflex table tbody tr {
        margin: 0 0 45px;
    }

    .ordertableflex table.bt tbody td::before {
        width: 50%;
        text-align: left;
        padding: 5px 20px;
    }

    .ordertableflex table tbody tr:nth-child(even) td {
        background: #ddd;
    }

    .contentclass1 {
        width: 75%;
    }
}

@media screen and (max-width: 500px) {
    .ordertableflex table.bt tbody td::before {
        width: 35%;
        text-align: left;
        padding: 10px 10px;
        font-size: 12px;
    }

    .ordertableflex table tbody tr td .bt-content {
        font-size: 12px;
    }

    .ordertable-section {
        padding: 10% 0;
    }

    .contentclass1 {
        width: 100%;
        padding: 30px 20px !important;
    }

    .orderpopuptable table tbody tr td {
        font-size: 12px;
        line-height: 20px;
        padding: 5px 10px;
    }
}

@media screen and (max-width: 600px) {
    .addanchor {
        width: auto;
        left: 38%;
        padding: 10px;
    }
}

@media screen and (min-width: 1200px) {
    .menuthumbbox {
        min-width: 277px;
        min-height: 278px;
    }
}

@media screen and (max-width: 400px) {

    .nameflex a.addthis {
        font-size: 12px;
        line-height: 15px;
        margin: 0 0 0 10px;
    }

    .nameflex h4 {
        font-size: 12px;
        line-height: 22px;
    }

    .menuflex a h4 {
        font-size: 14px;
        line-height: 20px;
    }

    /*  .menuflex a{
        padding:10px 0 5px;
    }*/

    .fanfavourite-inner {
        width: 100%;
        padding: 20px 0;
    }

    .closethis {
        width: 20px;
        position: absolute;
        top: 14px;
        left: 35px;
        cursor: pointer;
    }

    .bottommenulistin {
        width: 100%;
        border-radius: 35px 35px 0 0;
    }

    .tophead {
        width: 100%;
        padding: 10px 0;
        text-align: center;
        position: relative;
    }

    .allmenus ul li a {
        width: 100%;
        padding: 15px 0;
        display: block;
        font-size: 16px;
        line-height: 24px;
    }

    .allmenus {
        width: 100%;
        /* padding: 10px 30px; */
    }

    .bottommenulist.slide {
        bottom: 5px;
        transition: 0.5s all ease;
    }

    .menudetails h4 {
        font-size: 14px;
    }

    .menudetails h1 {
        font-size: 14px;
    }

    .menudetails {
        width: 75%;
        padding: 0 5px 0 15px;
    }

    .cartmenudetails h4 {
        font-size: 12px;
        line-height: 18px;
    }
    .cartmenudetails h1 {
        font-size: 12px;
        line-height: 18px;
    }

    .cartmenudetails p {
        margin: 3px 0;
    }

    a.custorder {
        font-size: 12px;
        line-height: 17px;
    }

    .cartmenudetails {
        width: 64%;
    }

    /*.cartpriceflex {
        width: 45%;
    }*/

    .cartpriceflex .btn {
        padding: 3px 12px;
    }

    /* .cartdetailsbox{
        height:88%;
    } */

    .closedeals,
    .closecustom {
        width: 20px;
        position: absolute;
        top: 14px;
    }

    .dealsoccation h3,
    .dealsoccation p {
        font-size: 14px;
    }

    .offerheading h5 {
        font-size: 18px;
        line-height: 25px;
    }

    .couponcodebox a,
    .couponcode h4 {
        font-size: 14px;
    }

    .alloffers {
        width: 100%;
        padding: 0px 0px 15px 0px;
        height: 40%;
        overflow-y: auto;
    }

    .dealsrow {
        padding: 10px 20px 10px;
    }

    .offerheading {
        width: 100%;
        padding: 10px 20px 0px;
    }

    .customizeboxin h3 {
        font-size: 14px;
        line-height: 22px;
    }

    .totalflex {
        padding: 10px 25px 0px;
    }

    .closecart {
        width: 20px;
        top: 20px;
    }

    .closecall,
    .closeorderdetails {
        width: 20px;
        top: 16px;
    }

    .bottombox .orderidbox {
        width: 100% !important;
        margin: 0 0 10px;
        text-align: left;
    }

    .orderaction {
        width: 100% !important;
    }
}

@media screen and (min-width: 1100px) {
    .banner-section {
        width: 100%;
        position: relative;
        margin: 58px 0 0;
        /* height: 78vh; */
    }

    .banner-section .slick-slide {
        height: 100%;
    }

    .bannerslide {
        height: auto !important;
    }

    /* .bannerimg{
	    height: 78vh;
	} */

    .bannerslide img.mainbannerimg {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .menulist-header {
        margin: 20px 0 0;
    }

    .menu-row .col-md-4 {
        width: 16%;
        padding-bottom: 15px;
        max-width: unset;
        flex: unset;
    }

    .addanchor {
        width: 15%;
        bottom: auto;
        left: 50%;
        top: 85%;
        transform: translate(-50%, 0%);
    }

    .menudetails .detailpara p.active {
        max-height: unset;
        overflow: visible;
        text-overflow: unset;
        display: block;
    }

    .menudetails .detailpara p {
        font-size: 12px;
        line-height: 22px;
    }

    .customizelistflex {
        width: 1000px;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-wrap: wrap;
        margin: 0 auto 15px;
    }

    .customizelistflex label {
        width: 20%;
        padding: 10px 10px;
        text-align: center;
        margin: 0 0 10px;
    }

    .totalflex {
        width: 40%;
        margin: 0 auto;
        padding: 15px;
    }

    .customizelist .addtocart,
    .placeoderbtn {
        width: 180px;
    }

    .cartmenurow {
        width: 800px;
        margin: 0 auto 15px;
        position: relative;
    }

    .youliketoaddflex {
        width: 800px;
        margin: 20px auto 30px;
    }

    .cartmenudetails {
        width: 76%;
    }

    .cartpriceflex {
        width: 19%;
    }

    .cartofferflex,
    .billbox,
    .dealsrow,
    .offerheading {
        width: 800px;
        margin: 0px auto;
    }

    .cartdetailsboxin {
        padding: 15px 15px 55px;
    }

    .clearflex {
        right: 45px;
    }

    .callpopupflex a.callnow {
        width: 200px;
    }
}