.page_menu .nav_header{ padding: 0px 10% !important;}
.page_menu .nav_header .header{ padding: 0px!important;}
.page_menu .contentResturant{padding:0px !important}
.page_menu .openShop1{background: #01c805;color:white}
.page_menu .openShop1.closeShop1{background: #c81401;color:white}
#modalpop .tab-pane{  display: block !important;opacity: 1 !important;padding:0px 15px !important}
#modalpop #Reviews{display:none !important}
#modalpop{transform: translateY(100%)!important;transition: .6s all}
#modalpop.in{transform: translateY(0%)!important;padding:0px !important}
#modalpop .modal-dialog{
    margin:0px !important;
    position: fixed;
    left:0;
    right:0px;
    height:90% !important;
    background: white;
    border-radius: 28px 28px 0px 0px;
    overflow:hidden;
    width:100% !important;
    bottom:0px !important;
}
#modalpop:before{background:white;content:url(/assets/images/close.svg);cursor:pointer;position: absolute;right:20px !important;top:20px !important;width:37px;height:37px;padding:10px;overflow: hidden; border-radius:100% !important;z-index:111;box-shadow: 0px 0px 10px rgba(0,0,0,.6);}
#modalpop .modal-body{padding:0px !important}
#modalpop .mCSB_inside > .mCSB_container{margin-right:0px !important}
#modalpop .galleryRes{width:100% !important;}
#modalpop .opLeft ul li.activeHo .liStatHo{width:100% !important;margin-top:10px !important}
#modalpop .opLeft ul li .liDiv{width:100% !important}
#modalpop .opLeft ul li{display: block !important;}
#modalpop .delInf {
    width: 100% !important;
    padding-left: 27px;
}
#modalpop .galleryRes{display: block!important;white-space: nowrap}
#modalpop .galleryRes .img_contin{width:300px !important;max-width:300px !important;padding-top:200px !important;display: inline-block !important}
#modalpop .contMapRes{margin:0px -12px !important}
#modalpop .contMapRes h5{display: none !important}
#modalpop .mapShRes{width:100% !important;padding:0px !important;margin-top: 0px !important}
#modalpop .mapShRes .d-flex.a-center.mt-10{padding-left:20px !important}


#modalpop .galleryRes .img_contin.viewimg{max-width:100% !important;width:100% !important;padding-top: 0px !important;}
/* HEADER */
.ipt-h-serch {
    float: left;
    position: relative;
    top: 4px;
}

.asnav{
    display: flex;
}

.input-header-serch{
    font-family: Roboto;
    font-weight:300;
    font-size: 14px;
    margin-left: 75px;
    background: #F3F3F3;
    border: none;
    padding: 10px 14px;
    border-radius: 6px;
    width: 347px;
}

.menu-header ul:first-child li:first-child::before{
    display: none;
}



/* ContentResturan */
.contentResturant .s3{
    display: flex;
    justify-content: space-between;
}

.leftContRes{
    width: 72%;
}

.rightContRes{
    width: 28%;
    padding-top: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.brodc{
    margin-top: 14px;
}

.brodc ul{
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
}

.brodc ul li{
    margin-right: 10px;
}

.brodc ul svg {
    margin-right: 10px;
}

.brodc ul li a{
    font-family: Roboto;
    font-weight:400;
    font-size: 14px;
    color: #058EF0;
    cursor: pointer;
}

.brodc ul li:last-child a{
    color: #393636;
    font-family: Roboto;
    font-weight:300;
    font-size: 12px;
}

.statusRes{
    display: flex;
    width: 100%;
    align-items: center;
    margin-top: 24px;
}
.statusRes .openShop1{padding:6px 10px!important;margin-right: 8px !important}

.statusRes > div{
    color:#393636;
    font-family: Roboto;
    font-weight:400;
    font-size: 14px;
}

.leftContRes .titleRest{
    font-family: Quicksand;
    font-size: 37px;
}

.catFood{
    font-family: Roboto;
    font-weight:300;
    font-size: 14px;
    color: #434343;
    display: flex;
    align-items: center;
    width: 100%;
}


.catFood span{
    width: 3px;
    height: 3px;
    background: #AAAAAA;
    display: inline-block;
    margin: 0 5px;
}
.catFood >div:last-child .dottt{display: none !important}

.rateAndFav{
    margin-top: 40px;
    display: flex;
    align-items: center;
}
.ratcontainimg{width:45px;height:45px;position: relative;display: inline-block}
.ratcontainimg img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-width: 200%;
    z-index: -1;
}
.qwer11{
    font-family: Roboto;
    font-weight:300;
    font-size: 25px;
    margin-left: 10px;
}



.rateRes span:last-child{
    font-family: Roboto;
    font-weight:300;
    font-size: 13px;
    margin-left: 12px;
    color: #393636;
}

.rateRes{
    display: flex;
    align-items: center;
}


.favRes{
    display: flex;
    align-items: center;
    margin-left: 28px;
    padding: 5px 9px;
    border-radius: 9px;
    border: 1px solid #39363645;
    cursor: pointer;
}


.xps:hover svg{
    animation: anim 0.3s 0s linear ;
}

@keyframes anim {
    0% {transform: scale(1);}
    25% {transform: scale(1.5);}
    50%{transform: scale(1.7);}
    75%{transform: scale(1.5);}
    100%{transform: scale(1);}
}

.favRes svg{
    width: 20px;
    height: 20px;
}

.favRes:last-child{
    margin-left: 10px;
}

.favRes p{
    margin-bottom: 0px;
    margin-left: 10px;
    font-family: Roboto;
    font-weight:400;
    font-size: 14px;
    color: #393636;
}

.contLeftRes{
    width: 90%;
    border-bottom: 2px solid #70707021;
    padding-bottom: 53px;
}

.headRes .container{
    display: flex;
    justify-content: space-between;
}

.footRes{
    background: #FCFCFC;
    margin-top: 10px;
    padding-bottom: 50px;
}
.footRes .tabsLeftRes .nav.nav-tabs{margin-top:-50px !important}
.footRes .tabsLeftRes{
    width: 72%;
}

.footRes .tabRightResFoot{
    width: 28%;
}

.footRes .container{
    display: flex;
}


/* TABS_RESTURAN */
.tabsLeftRes .nav-tabs{
    border-bottom: none;
}

.tabsLeftRes .nav-tabs > li.active > a,.tabsLeftRes .nav-tabs > li.active > a:focus,.tabsLeftRes .nav-tabs > li.active > a:hover{
    border: none;
    color: #058EF0;
    font-family: Roboto;
    font-weight:400;
}

.tabsLeftRes .nav-tabs > li > a{
    font-family: Roboto;
    font-weight:400;
    font-size: 14px;
    color: #393636;
    border: none;
}

.tabsLeftRes .nav-tabs > li > a:hover{
    background: transparent;
    border: none;
}

/* Home-Tab */
.menuContents {
    display: flex;
    justify-content: flex-start;
    margin-top: 21px;
    padding-top: 26px;
}

.leftMenuConte{
    padding-left: 10px;
    width: 21%;
}

.leftMenuConte ul{
    list-style: none;
    padding: 0;
}

.leftMenuConte ul li{
    cursor: pointer;
    position: relative;
}

.leftMenuConte ul li a{
    color: #393636;
    font-family: Roboto;
    font-weight:400;
    font-size: 16px;
    text-decoration: none;
    transition: 0.3s all;
}

.leftMenuConte ul li:hover,.leftMenuConte ul li.activem{
    transform: scale(1.05) !important;
    transition: 0.3s all !important;
    font-size: 15px;
    color: #058ef0;
}

.actMenu{
    color: #058EF0!important;

}

.disMen{
    opacity:1 !important;
}

.rightMenuConte h3{
    font-family: Roboto;
    font-weight:500;
    font-size: 18px;
    margin-bottom: 4px;
    width: 100%;
}

.rightMenuConte{
    width: 80%;
    position: relative;
    padding-right: 30px;
}

.contCardRes{
    background: #fff;
    display: flex;
    justify-content: space-between;
    padding: 12px;
    padding-left: 12px;
    border-radius: 8px;
    box-shadow: 0px 16px 17px #ecebeb;
    padding-left: 25px;
    align-items: center;
    margin-top: 20px;
    /*flex-wrap: wrap;*/
    width: 100%;
    padding-bottom: 21px;
    cursor: pointer;
    transition: 0.3s all;
    transform: translateY(0%);
}
.menu-2 .prod-price {
    cursor: pointer;
    position: absolute;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: 1;
    top: 0px;
}
.contCardRes:hover{
    box-shadow: 0px 16px 17px #f5f3f3!important;
    transform: translateY(5%)!important;
}

.contCardResLeft h4{
    font-family: Roboto;
    font-weight:500;
    font-size: 16px;
}

.contCardResLeft p{
    font-family: Roboto;
    font-weight:400;
    font-size: 14px;
    color:#AAAAAA;
    width: 70%;
}

.priceAsli{
    font-family: Roboto;
    font-weight:500;
    font-size: 14px;
    color: #058EF0;
    margin-right: 10px;
}

.priceGhabli{
    font-family: Roboto;
    font-weight:300;
    font-size: 14px;
    margin-right: 10px;
    text-decoration: line-through;
}

.offRes{
    font-family: Roboto;
    font-weight:400;
    font-size: 13px;
    background: #058EF0;
    padding:5px;
    border-radius: 7px;
    color: #fff;
    margin-right: 10px;
}

.Popul{
    font-family: Roboto;
    font-weight:500;
    font-size: 13px;
    background: #F3F3F3;
    padding:5px;
    border-radius: 7px;
    color: #393636;
    margin-right: 10px;
}

.cardsRes .categorycont{
    margin-bottom: 70px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.cardsRes .cuRes{
    width: 48%;

}

.cuRes .priceGhabli{
    font-family: Roboto;
    font-weight:500;
    font-size: 14px;
    text-decoration: none;
}

/* RightCol */
.imgRightRes{
    min-height: 211px;
    min-width: 100%;
    border-radius: 23px;
}

.cardRightColRes{
    background-color: #F26363 ;
    background-size: 100% 100%!important;
    width: 100%;
    margin-top: 14px;
    color: #fff;
    padding: 18px 14px;;
    border-radius: 11px;
    cursor: pointer;
    transition: .5s all;
}
.cardRightColRes{
    background-color: #F26363 !important;
}
.cardRightColRes:nth-child(2n),.owl-item:nth-child(2n) .cardRightColRes{
    background-color: #63b4f2 !important;
}
.cardRightColRes:nth-child(3n),.owl-item:nth-child(3n) .cardRightColRes{
    background-color: #f2a663 !important;
}
.cardRightColRes h3{
    margin-top: 0px;
    font-family: Roboto;
    font-weight:700;
    font-size: 16px;
    margin-bottom: 3px;
}

.cardRightColRes p{
    font-family: Roboto;
    font-weight:400;
    font-size: 10px;
    line-height: 21px !important;
    transition: .5s all;
}
.applyed.cardRightColRes p{line-height: 16px !important;}
.offertype.cardRightColRes p{line-height: 17px !important}
.offertype.cardRightColRes{cursor: default !important}
.spanLeftColRes{
    background: #fff;
    color: #393636;
    padding: 6px 10px;
    border-radius: 10px;
    margin-top: 0px;
    display: none !important;
    font-family: Roboto;
    font-weight:500;
    font-size: 12px;
    position: absolute;
    bottom:10px;
}
.applyed .spanLeftColRes{display: inline-block !important}



/* CARDSIDEBAR */
.cardSideBar{
    width: 100%;
    padding: 25px 15px !important;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0px 0px 48px #e1d8d8;
}

.tabRightResFoot.stickycart{
    padding-top: 39px;
}

.headCardSide{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.headCardSide p{
    font-family: Roboto;
    font-weight:400;
    font-size: 14px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0px;
}

.statSide{
    width: 100%;
    height: 4px;
    border-radius: 5px;
    margin-top: 10px;
    background: #F8F8F8;
    overflow: hidden;
}

.statSide span{
    width: 1%;
    height: 100%;
    background: #2DC400;
    display: block;
}
.list_promo .owl-stage-outer{margin-left:-26px !important}
.deliverySide {
    padding: 15px;
    background: #F8F8F8;
    width: 100%;
    margin-top: 16px;
    border-radius: 18px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

.deliverySide p{
    width: 100%;
    font-family: Roboto;
    font-weight:400;
    font-size: 16px;
    color: #393636;
}

.deliverySide h3{
    margin-top: 4px;
    display: inline-block;
    margin-bottom: 0px;
    color: #393636;
    font-family: Roboto;
    font-weight:500;
    font-size: 18px;
    max-width:200px
}

.deliverySide button{
    font-family: Roboto;
    font-weight:500;
    font-size: 14px;
    color: #0A99FF;
    background: transparent;
    box-shadow: none;
    border:none;
    margin-top: 4px;
}

.deliveryStatus{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 2px;
    margin-bottom: 4px;

}


.deliveryStatus p{
    display: inline-block;
}

.deliveryStatus p:first-child{
    font-family: Roboto;
    font-weight:300;
    font-size: 14px;
}

.deliveryStatus p:last-child{
    font-family: Roboto;
    font-weight:400;
    font-size: 15px;
}

.horisRow{
    width: 100%;
    height: 2px;
    border-radius: 5px;
    margin-top: 17px;
    background: #F8F8F8;
    overflow: hidden;
}

.itemsResBas{
    display: flex;
    align-items: center;
    margin-top: 16px;
    flex-wrap: wrap;
}

.addRemoveItem{
    display: flex;
    font-family: Roboto;
    font-weight:400;
    font-size: 15px;
    justify-content: space-between;
    min-width: 68px;
    align-items: center;
    margin-top:7px !important
}


.addRemoveItem .incdcs {
    background: #0A99FF0F;
    border: 2px solid #0A99FF;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #0A99FF;
}

.addRemoveItem .incdcs:hover{
    cursor: pointer;
    transition: 0.3s all;
    transform: scale(1.1);
}
.w65px{width:73px !important;margin-right: 10px !important}
.itemsResBas .po12 {
    margin-left: 10px;
    margin-bottom: 0px;
    font-family: Roboto;
    font-weight:400;
    font-size: 14px;
    color: #393636;
    margin-right: 0px;
    padding-left: 5px;
    width: 48%;
}
.delInf{padding-left:34px !important}
.priceeditItem{
    text-align: right;
    width: 22%;
}

.priceeditItem p:first-child{
    font-size: 15px;
    font-family: Roboto;
    font-weight:400;
    width: 100%;
}

.priceeditItem p:last-child{
    font-size: 14px;
    font-family: Roboto;
    font-weight:500;
    color: #058EF0;
    width: 100%;
}

.iptListRes{
    width: 100%;
    background: #F8F8F8;
    border: none;
    border-radius: 5px;
    padding: 5px 10px;
    margin-top: 12px;
}

.iptListRes::placeholder{
    font-family: Roboto;
    font-weight:300;
    font-size: 12px;
}

.qw145{
    color: #AAAAAA;
    width: 100%;
    text-align: center;
    position: relative;
    left: -11px;
}

.hr2{
    margin-top: 20px;
    margin-bottom: 20px;
}

.totalStatu p {
    font-family: Roboto !important;
    font-weight:700 !important;
    font-size: 14px!important;
}

.tst{
    margin-top: 10px;
}

.deliCollec{
    width: 100%;
    display: flex;
    justify-content: space-around;
    text-align: center;
    background: #f8f8f8;
    padding: 7px 3px;
    border-radius: 15px;
    margin-top: 20px;
}

.wtyu{
    padding: 10px;
    border-radius: 15px;
    cursor: pointer;
    color: #393636;
    width: 48%;
}

.activItem{
    background: #393636;
    color: #fff;
    transition: 0.5s all;
}

.wtyu span{
    font-family: Roboto;
    font-weight:400;
    font-size: 14px;
}

.wtyu p{
    font-family: Roboto;
    font-weight:500;
    font-size: 14px;
    display: block;
    margin-right: 0px !important;
}

.gtch{
    font-size: 16px;
    font-family: Roboto;
    font-weight:500;
    color: #fff;
    background: #058EF0;
    border-radius: 12px;
    margin-top: 15px;
    width: 100%;
    padding: 10px 10px;
    border: none;
    cursor: pointer;
}

/* OPENING-TAB */

.opening{
    display: flex;
    flex-wrap: wrap;

}

.opening .opTitle{
    font-family: Roboto;
    font-weight:500;
    font-size: 18px;
    margin-top: 35px;
    display: flex;
    align-items: center;
    width: 100%;
}

.opLeft{
    width: 100%;
}



.opLeft ul{
    list-style: none;
    padding-left: 34px;
    margin-top: 10px;
    width: 100%;
}

.opLeft ul li .liDiv{
    display: flex;
    align-items: center;
    width: 50%;
    min-width:475px;
    border: none;
    position: relative;
    padding: 6px 12px;
    border-radius: 9px;
    justify-content: space-around;
}

.opLeft ul li{
    display: flex;
    margin-bottom: 25px;
    align-items: center;
}

.stss{
    background: #59CB2F!important;
    color: #fff!important;
    padding: 6px 9px!important;
    border-radius: 10px!important;
    font-family: Roboto !important;
    font-weight:500 !important;
    font-size: 13px!important;
    text-transform: uppercase!important;
}

.liStatHo{
    display: none;
}

.opLeft ul li.activeHo .liStatHo{
    display: flex;
    align-items: center;
    padding-left: 15px!important;
}

.liStatHo p{
    width: 100%!important;
    font-family: Roboto !important;
    font-weight:300!important;
    font-size: 13px!important;
    padding-left: 10px;
}

.opLeft ul li .liDiv > svg{
    position: absolute;
    left: -15px;
    display: none;
}

.opLeft ul li .divdash{
    border-bottom: 2px dashed #707070;
    width: 49%;
}

.opLeft ul li p{
    margin-bottom: 0px;
    font-family: Roboto;
    font-weight:400;
    font-size: 14px;
    color: #393636;
    width: 12%;
}

.opLeft ul li:nth-child(3) .liDiv p{
    width: 19%;
}

.opLeft ul li:nth-child(3) .liDiv .divdash{
    width: 42%;
}

.opLeft ul li span{
    font-family: Roboto;
    font-weight:500;
    font-size: 14px;
    color: #393636;
    white-space: nowrap;
}

.opLeft ul li.activeHo .liDiv{
    background: #F3F3F3;
}

.opLeft ul li.activeHo .liDiv > svg{
    display: block;
}

.opLeft ul li.activeHo .liDiv p{
    color: #0a99ff;
}


/* Reviews */
.imgCardRev{width:45px;height:45px}
.titleRev{
    margin-top: 36px;
    display: flex;
    align-items: center;
    margin-bottom: 36px;
    align-self: start;
}

.titleRev >span{
    cursor: pointer;
}


.cardRev{
    margin-top: 14px;
    width: 93%;
    padding: 27px 18px;
}

.startsRev{
    position: relative;
    top: -10px;
    align-self: start;
}
.startsRev p{margin-left:5px}
.contCardRev{
    min-width: 78%;
}
.wReview .mCSB_inside > .mCSB_container{margin:0px !important}
.reply-wrap{
    width: 100%;
    padding: 5px 15px;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 7px;
    margin-top: 16px;
    margin-right: 16px;
    font-weight:bold
}

.reply-wrap .reply-from{color:red;font-size: 10px;font-weight: 500;margin-top:10px}
/* MAP */
.mapShRes{
    width: 94%;
    padding: 12px;
}

#map{
    height: 500px;
}

/* Gallery */
.galleryRes{
    justify-content: space-between;
    width: 88%;
}
.galleryRes .img_contin{padding-top:30% !important;max-width: 48%;margin:1%}
.galleryRes img{
    margin-bottom: 18px;
    filter: grayscale(1);
    width: auto!important;
    max-width: 150% !important;
    min-width: 100%!important;
    min-height: 100%!important;
    transition: 1s all;
    cursor: zoom-in;
    position: absolute;
    left:50%!important;
    top:0px !important;
    transform: translateX(-50%)!important;

}

.galleryRes img:hover{
    filter: grayscale(0);
}
.galleryRes .viewimg{cursor: zoom-out;border-radius:0px !important;position: fixed;left:0px;top:0px;width:100%;z-index:9999;background: rgba(0,0,0,.6);height:100%;max-width: 100% !important;margin: 0px !important;padding: 0px !important;}
.galleryRes .viewimg img{cursor: zoom-out !important}
.viewimg img{filter:none !important;ax-width:80% !important;max-height:90%!important;border:4px solid white;box-shadow: 0px 0px 10px rgba(0,0,0,.6);transform: translate(-50%,-50%)!important;height:auto !important;width:auto!important;top:50% !important;border-radius: 0px !important;min-width:auto !important;min-height: auto !important}
/* information */
#information{
    width: 92%;
}

#information .dashed{
    border-bottom: 2px dashed #707070;
    width: 100%;
    position: absolute;
}

.delInf{
    width: 60%;
}

.delInf li{
    justify-content: space-between;
    position: relative;
    margin-bottom: 15px;
}

.delInf li p{
    background: #fcfcfc;
    z-index: 5;
}

.delInf li span{
    background: #fcfcfc;
    z-index: 5;
    padding-left: 13px;
}

.favRes.activeFav{
    background: #393636;
    transition: 0.4s all;
    color: #fff;
}

.favRes.activeFav path{
    fill: gold;
}

.favRes.activeFav p{
    color: #fff;
}

.dottt1{
    display: none;
}



.searchFood{
    width: 200px;
    margin: auto;
    align-items: center;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 5px;
    float:right !important;
    max-width: 100%;
    z-index: 10;
    position: relative;
}

.searchFood span{
    position: absolute;
    right: 13px;
    width: 20px;
    height: 20px;
    top: 8px;
    cursor: pointer;
}

.highlight_error{animation: highlight_error 1000ms ease-out;animation-iteration-count:3}
body:not(.showresultsearch) .reportsearch *{display:none}
/*.sticky_menubar .reportsearch{left:0px !important;right: inherit !important;top:100%}
*/
.reviewcontent{overflow: visible !important}
.reportsearch .control-label{margin-right: 20px;font-weight: normal;font-size: 13px;line-height: 18px;}
.showresultsearch .reportsearch{opacity: 1}
.prevsearch button,.nextsearch button ,.closesarch button{border-radius: 0px !important;background:transparent !important;margin:0px 3px;font-size: 19px;padding: 0px 10px;border:none !important;}
.highlight_search{background: transparent !important;border-bottom:2px solid gold;color:black !important;font-width: bold !important;padding:2px;transition: .4s all}
.focussearch{background: gold !important;}
.iptSearchFood{
    width: 100%;
    height: 100%;
    background: #F3F3F3;
    border: none;
    padding: 8px 10px;
}


.basketMob{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    width: 90%;
    margin: auto;
    border-radius: 10px;
    padding: 6px 9px;
    cursor: pointer;
}

.forMobileViewBasket{
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 999;
    padding: 13px 21px;
    box-shadow: 0px 1px 4px #908f8f;
    display: none;
}

.contItem{
    padding: 6px 18px;
    background: #0C7CCC;
    border-radius: 11px;
    height:35px;
}
.contItem:empty{opacity: 0;
    visibility: hidden;
    width: 1px !important;
    padding: 0;}
.showcardMob{
    display: flex!important;
    position: absolute!important;
    z-index: 999!important;
    border-radius: 0!important;
    transition: 1s all;
    transform: translateY(0%)!important;
    height: 100%!important;
    /* animation: bottotop 1s linear; */
}

.headMobi{
    justify-content: space-between;
    width: 94%;
    margin-top: 0px;
    margin-bottom: 19px;
    display: none!important;
}

.headMobi >p{
    font-family: Roboto;
    font-weight:500;
    font-size: 18px;
}

.headMobi span{
    padding: 10px;
    background: #F3F3F3;
    border-radius: 86%;
    display: flex;
    cursor: pointer;
}

.viewMoreMobile{
    width: 100%;
    background: #484343c7;
    position: fixed;
    z-index: 999;
    bottom: 0;
    height: 100%;
    transform: translateY(100%);
}

.showMoreMob{
    transform: translateY(0)!important;
    transition: 0.7s all!important;
    position: absolute!important;
    top: 0px!important;
}

.contMobileViewMore{
    background: #fff;
    margin-top: 64px;
    border-radius: 30px;
    overflow: hidden;
}

.viewMoreMobile .closeCardRes1 svg{
    background: #F3F3F3;
    width: 37px;
    height: 37px;
    padding: 8px;
    border-radius: 50%;
    position: absolute;
    right: 26px;
    top: 12px;
    cursor: pointer;
}


#Mapt h5{
    display: none;
}

#map1{
    height: 351px;
}

#Mapt .mapShRes {
    width: 100%;
    padding: 0;
    margin-top: 0;
}


.contMobileViewMore .titmobmap{
    flex-wrap: wrap;
    padding: 0 20px;
}

.contMobileViewMore .titmobmap h6{
    width: 100%;
    margin-bottom: 4px;
}

.contMobileViewMore .titmobmap p{
    width: 100%;
}

.contMobileViewMore #information > h5{
    padding: 0 20px;
}

.contMobileViewMore .delInf{
    width: 100%;
    padding: 0 20px;
}

.contMobileViewMore .delInf ul{
    padding-left: 0px;
}

.contMobileViewMore .tu5{
    padding: 0 20px;
}

.contMobileViewMore .opLeft ul li.activeHo .liStatHo{
    display: none;
}

.contMobileViewMore .opLeft ul li .liDiv{
    width: 100%;
}

.contMobileViewMore .opLeft ul{
    padding: 0 20px;
}

.contMobileViewMore .opTitle{
    padding: 0 20px;
}

.contMobileViewMore #Photos > h5{
    padding: 0 20px;
}

.contMobileViewMore .galleryRes{
    width: 100%;
    padding: 0 20px;
    overflow: auto;
}

.contMobileViewMore .galleryRes img{
    height: 162px;
    margin-right: 10px;
}

.ItemViewAddToCard {
    position: fixed;
    top: 0;
    z-index: 1000;
    background: #000000a3;
    width: 100%;
    direction: rtl;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transform: translateX(100%);
    transition: 0.3s all;
}
.ItemViewAddToCard .closeItemCard{display: flex !important}
.closeItemCard{
    background: #fff;
    padding: 13px;
    border-radius: 100%;
    display: none;
    margin-right: 1%;
    cursor: pointer;
    right:31%;
    top:50%;
    transform: translateY(-50%);
}
.applyed .closeItemCard{display: flex !important}
.closeItCard{
    transform: translateX(0%)!important;
    transition: 0.3s all;
}

.cardItemContA{
    background: #fff;
    width: 31%;
    height: 100%;
    overflow: hidden;
}
.cardItemContA .mCSB_inside > .mCSB_container{margin:0px !important}
.cardItemContA {
    background: #fff;
    width: 31%;
    direction: ltr;
}

.randClas{
    padding: 0 20px;
}

.tgy12{
    padding: 5px 10px;
    background: #058EF01C;
    display: inline-block;
    border-radius: 12px;
}

.st1{
    padding-top: 6px;
    padding-bottom: 15px;
    border-bottom: 2px solid #f2f2f2;
}

.st2 > span{
    margin-right: 10px;
    padding: 9px 12px;
    background: #F3F3F3;
    font-family: robotoreg;
    font-size: 14px;
    border-radius: 10px;
    color: #393636;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.activeIte{
    background: #058EF0!important;
    color: #fff!important;
}

.st3{
    width: 20px;
    height: 20px;
    display: inline-block;
    background: #fff;
    border-radius: 100%;
    border: 2px solid #89A5B9;
    margin-right: 7px;
}

.activeIte .st3{
    background: #058EF0!important;
    border: 4px solid #fff!important;
}

.st4{
    margin-bottom: 25px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.twoCard .d-flex > span{
    margin-right: 10px;
    padding: 7px 10px;
    background: #f3f3f3;
    border-radius: 12px;
    font-family: robotoreg;
    font-size: 14px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.twoCard .d-flex > span svg{
    margin-right: 6px;
}

.activeTwoCard{
    background: #058EF0!important;
    color: #fff;
}

.activeTwoCard svg{
    filter: invert(133%);
    transform: rotate(43deg);
    transition: 0.3s all;
}

.st6{
    display: inline-flex;
}

.twoCard > div{
    padding-top: 5px;
}

.st8{
    color: #393636;
}

.itemSet{
    width: 21px;
    height: 21px;
    display: inline-block;
    border: 2px solid #89A5B9;
    border-radius: 7px;
    margin-right: 9px;
    cursor: pointer;
}

.st10{
    color: #393636b8;
}

.threeCard > div{
    margin-top: 15px;
}

.activeExtra{
    background: #058ef0!important;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none!important;
}

.activeDrink{
    border: 6px solid #058EF0!important;
}

.st11{
    padding: 7px 10px;
    justify-content: center;
    display: flex;
}

.st12{
    background: #F3F3F3;
    display: flex;
    align-items: center;
    padding: 9px 7px;
}

.st14{
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 10px;
}

.st14 img{
    height: 32px;
}

.fourCard{
    margin-bottom: 0px;
}

.fourCard .st14:nth-child(2) .st11{
    background: red;
}

.fourCard .st14:nth-child(3) .st11{
    background: #2151A1;
}

.fourCard .st14:nth-child(4) .st11{
    background: #04593C;
}

.fourCard .st14:nth-child(5) .st11{
    background: #F7941D;
}

.fourCard .st14:nth-child(6) .st11{
    background: #00A950;
}

.fourCard .st14:nth-child(7) .st11{
    background: #EB6A11;
}

.fourCard .st14:nth-child(8) .st11{
    background: #00452A;
}

.fourCard .st14:nth-child(9) .st11{
    background: #FC934A;
}

.fourCard .st14:nth-child(10) .st11{
    background: #393636;
}

.fourCard .st14:nth-child(11) .st11{
    background: #D9D9D9;
}

.iptPre{
    width: 100%;
    padding: 15px;
    border: none;
    background: #F3F3F3;
    border-radius: 10px;
    margin-bottom: 16px;
    min-height: 100px;
    text-align: left;
}

.st15{
    padding: 2px 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F3F3F3;
    border-radius: 100%;
    margin-left: 5px;
    font-size: 12px;
}

.tabsLeftRes .nav-tabs > li > a{
    display: flex;
}

.tabsLeftRes .nav-tabs > li > a:hover {
    color: #89A5B9;
}

.cardRightColRes{
    position: relative;
    height:150px !important
}

.cardRightColRes .closeItemCard{
    position: absolute;
    top: 10px;
    right: 8px;
    padding: 5px;
    transform: none !important;
}

.cardRightColRes .closeItemCard svg{
    width: 12px;
    height: 12px;
}






/* SingUp */
.viewSingUpPage{
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000000b5;
    z-index: 998;
    top: 0px;
    display: flex;
    align-items: center;
}

.contSing{
    width: 27%;
    margin: auto;
    background: #fff;
    border-radius: 20px;
    position: relative;
    text-align: center;
    height: 80%;
}

.contSing .closeSing{
    padding: 10px;
    background: #F3F3F3;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
    border: 1px solid transparent;
}

.contSing .closeSing:hover{
    border: 1px solid #707070!important;
}



.logoSing{
    width: 70px;
    height: 70px;
    margin: auto;
    position: relative;
    top: -40px;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 0px 20px #3c3b3b42;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.headSing > h3{
    margin-top: -15px
}

.headSing > p{
    margin-bottom: 25px;
}

.itemSing {
    padding: 12px;
    border-radius: 11px;
    border: 1px solid #393636;
    width: 80%;
    margin: auto;
    margin-bottom: auto;
    margin-bottom: 13px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    position: relative;
}

.itemSing:hover{
    cursor: pointer;
}

.itemSing:nth-child(1):hover , .itemSing:nth-child(3):hover{
    border: 1px solid #393636;
    cursor: pointer;
    color: #393636de;
}

.itemSing span{
    position: absolute;
    left: 21px;
    top: 9px;
}

.appleSing{
    background: #000;
    color: #fff;
}

.footSing{
    background: #F8F8F8;
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.footSing > span{
    position: absolute;
    margin: auto;
    display: block;
    padding: 10px;
    background: #fff;
    border-radius: 100%;
    top: -19px;
    box-shadow: 1px 5px 26px #cccccc7a;
    font-family: robotolight;
    font-size: 14px;
    letter-spacing: 1px;
}

.footSing input{
    width: 80%;
    padding: 14px 17px;
    border: none;
    background: #E8E8E8;
    border-radius: 8px;
    font-family: robotolight;
    font-size: 12px;
    margin-top: 38px;
}

.footSing p{
    width: 80%;
    margin: auto;
    margin-top: auto;
    margin-top: 18px;
    font-family: robotolight;
    font-size: 12px;
}

.footSing p a{
    cursor: pointer;
}

.btnContEmail{
    width: 80%;
    display: flex;
    margin: auto;
    margin-top: auto;
    margin-top: 10px;
    align-items: center;
    justify-content: center;
    padding: 12px;
    background: #0A99FF70;
    color: #fff;
    border-radius: 11px;
    position: relative;
    border: none;
}

.btnContEmail:hover{
    cursor: pointer;
    background: #0A99FF!important;
    transition: 0.2s all;
}



.btnContEmail span{
    position: absolute;
    left: 21px;
    top: 9px;
}

.buttSing{
    margin-bottom: 38px;
}








/* Form Singup PAge */
.formSingUp{
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000000ba;
    z-index: 998;
    top: 0px;
    display: none;
    align-items: center;
}



.contFormSingUp{
    width: 27%;
    background: #fff;
    height: 90%;
    margin: auto;
    padding: 13px;
    border-radius: 24px;
    overflow: auto;
}



.fSing{
    display: flex;
    justify-content: space-between;
    padding: 0 17px;
    flex-wrap: wrap;
    margin-top: 20px;
}

.itemForm p{
    padding-left: 10px;
    margin-bottom: 3px;
}

.itemForm input{
    padding: 13px 10px;
    border: none;
    font-family: robotoreg;
    font-size: 14px;
    border: 2px solid #d6d6d6;
    border-radius: 7px;
    width: 100%;
    background: #fafafa;
}

.itemForm{
    margin-bottom: 25px;
    width: 100%;
}

.itemForm:nth-child(1) {
    width: 45%;
}

.itemForm:nth-child(2) {
    width: 45%;
}

.itemForm:nth-child(7) {
    width: 45%;
}

.itemForm:nth-child(8) {
    width: 45%;
}

.juk{
    margin: 4px 0;
    margin-bottom: 4px;
    margin-bottom: 18px;
}

.juk .backspan{
    padding: 10px 20px;
    background: #F3F3F3;
    border-radius: 12px;
    cursor: pointer;
}

.juk .clsSing{
    padding: 10px;
    background: #f3f3f3;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.editEm{
    position: absolute;
    right: 4px;
    height: 93%;
    background: #fafafa;
    padding-right: 10px;
    padding-left: 10px;
}

.numField{
    border: 2px solid #d6d6d6;
    border-radius: 7px;
    background: #fafafa;
    overflow: hidden;
}


.numField input{
    border: none!important;
    border-radius: 0px!important;
}

.numField input:focus-visible{
    border-radius: 0px;
}

.numField > div{
    justify-content: space-evenly;
    width: 40%;
    height: 47px;
    border-right: 2px solid #d6d6d6;
}


.activeTick{
    background: #1a9fff!important;
    border: 2px solid #1a9fff!important;
}


.kom12 > p{
    width: 80%;
}

.btnSubSing{
    width: 100%;
    padding: 12px 0px;
    margin: 10px 0;
    background: #1a9fff;
    border: none;
    border-radius: 16px;
    color: #fff;
    cursor: pointer;
}



/* SendVCode */

.sendVCode{
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000000ba;
    z-index: 998;
    top: 0px;
    /* display: flex; */
    display: none;
    align-items: center;
}

.contSendVCode{
    width: 27%;
    background: #fff;
    height: 75%;
    margin: auto;
    padding: 13px;
    border-radius: 24px;

}
.iptVer{
    background: #F3F3F3;
    width: 80%;
    margin: auto;
    border-radius: 5px;
    height: 65px;
    border: 1px solid #d8d8d8;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.iptVer .code-input{
    width: 10%;
    border: none;
    border-bottom: 1px solid #AAAAAA;
    width: 17%;
    height: 70%;
    background: transparent;
    text-align: center;
    font-family: robotoreg;
    font-size: 32px;

}

.iptVer .code-input:first-child{
    color: #FC5454;
    border-color: #FC5454;
}

.rsend{
    color: #058EF08F;
}

.btnVerOk{
    width: 82%;
    padding: 12px 0px;
    margin: 10px 0;
    background: #1a9fff;
    border: none;
    border-radius: 16px;
    color: #fff;
    cursor: pointer;
}

.addToCardMobDiv{
    background: #fff;
    position: fixed;
    bottom: 0px;
    width: 100%;
    display: none;
    justify-content: space-evenly;
    align-items: center;
    margin: auto;
    box-shadow: 0px 0px 5px #ccc;
    flex-wrap: wrap;
    padding-top: 20px;
    padding-bottom: 7px;
}

.addToCardMobDiv > div > span{
    background: #0A99FF0F;
    border: 3px solid #058EF0;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #058EF0;
    width: 35px;
    height: 35px;
    cursor: pointer;
}

.addToCardMobDiv .st40{
    display: flex;
    width: 45%;
    justify-content: space-around;
    align-items: center;

}

.btnAddToCardMobi{
    width: 80%;
    padding: 12px 18px;
    justify-content: space-between;
    background: #0b90f0;
    align-items: center;
    border-radius: 14px;
    margin: 10px 0;
    cursor: pointer;
}

.btnAddToCardMobi p{
    margin-bottom: 0px;
}


.gtch a{
    color: inherit;
    text-decoration: none;
}

.gtch a:hover{
    color: inherit;
    text-decoration: none;
}

.gtch a:focus{
    color: inherit;
    text-decoration: none;
}
/** MENU Category **/
.spm-menu-category-container {
    position: relative;
    z-index: 2;
}
.spm-nav-cat {
    display: none !important;
    z-index: 2;
    cursor: pointer;
    background: white;
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    border-radius: 40px;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(0,0,0,.1);
    padding: 8px;
    text-align: center;
}
.spm-nav-cat.fa-angle-left {
    left: -16px;
}
.spm-nav-cat.fa-angle-right {
    right: -16px;
}
.spm-content-cat {
    width: 100%;
    position: relative;
}
.reportsearch {
    z-index:10;
    opacity: 0;
    position: fixed;
    padding: 5px;
    white-space: nowrap;
    background: white;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0,0,0,.4);
    bottom: 10px;
}
body:not(.showresultsearch) .reportsearch * {
    display: none;
}
.reportsearch .control-label {
    margin-right: 20px;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
}
body:not(.showresultsearch) .reportsearch * {
    display: none;
}
.prevsearch button, .nextsearch button, .closesarch button {
    border-radius: 0px !important;
    background: transparent !important;
    margin: 0 3px;
    font-size: 19px;
    padding: 0 10px;
    border: none !important;
}
.spm-menu-category li {
    position: relative;
    cursor: pointer;
    list-style: none;
    padding: 8px 0px;
    transition: .2s all;
}

/*** CART **/

.item-order-list{
    padding-bottom:5px;
    padding-top:5px;
    border-bottom:1px solid #E4E7EA;
}

.item-row .a,
.item-row .b,
.item-row .c,
.item-row .d,
.summary-wrap .a
{
    float:left;
}

.item-row .manage, .summary-wrap .manage{
    float:left;
}


.item-row .a{
    width:25px;
    text-indent:5px;
}

.item-row .c{
    margin-right:4px;
}

.item-row .d, .summary-wrap .b{
    width:80px;
    text-align:right;
}

.item-row .b{
    margin-right:5px;
    width:150px;
    word-break: normal;
}

.item-row a{
    font-size:20px;
    margin-right:5px;
    color:#9A9A93;
}

.item-row a:hover{
    color:#CB202D;
    text-decoration:none;
}

.item-row .base-price {
    color: #bbb !important;
    font-size: 11px !important
}
.small, small {
    font-size: 85%;
}
.colcart1,.colcart2,.colcart3,.colcart4{min-height: 1px;}
.colcart1{width:35px;float: left;}
.colcart3,.colcart4{float: right;}
.colcart3{width:50px}
.colcart4{width:43px;z-index:2;position: relative;}
.productname_div{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;cursor: pointer;background: transparent;line-height: 32px;}
.productname_div:hover,.productname_div:not(.collapsed){background-color: #cfeffc;}
.item-row .base-price{margin-left:10px}
.rowflexed{float:none;display:table-cell;vertical-align: middle;display:flex;align-items:center;font-size:11px;border-bottom:2px solid #ccc}
.rowflexed:last-child{border:none !important}
.list_of_addons_cat{width:100%}
.whtspc{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.catname_addon{width:100px}
.rowflexed .colcart1{width:28px;}
.list_of_addons_cat .addonitm ,.list_of_addons_cat .productname_div {border-top: 1px solid #ccc;line-height: 24px;}
.details_item_div {padding-top:7px;padding-left:7px}
.addonitm .base-price{margin-left:2px}
.productname_div .colcart3 {font-weight: bold;line-height: 25px ;white-space: normal !important}
.list_of_addons_cat .addonitm:first-child,.list_of_addons_cat .productname_div:first-child{border:none !important}
.numprodqty{background: #fff;color: #000;width: 23px;height: 23px;display: inline-block;	border-radius: 40px;font-weight: bold;line-height: 23px;	font-size: 12px;margin-top: 4px;}
.productname_div.collapsed .numprodqty{background-color:#10174d ;color:white}
.catname_addon.pk_product{width:65px !important}
.details_product_div{padding-top:0px}
.item-order-wrap{width:100%}
.productnamedet{display: inline-block !important;display: contents !important;display: inline !important;line-height: 23px !important}
.productnamedet .cart_catname{display: block}
.tlabelname,.cart_total_wrap .text-right:not(.cart_total){text-align: left !important;}
.proplabelval,.cart_total_wrap{margin-top:13px !important}
.summary-wrap,.padtop15{margin-top:20px !important}



.contCardResRight .img_contin{min-width: 140px !important;height:105px !important}
.tagprices:empty{display:none !important}

@keyframes highlight_error {
    0% {
        color:black;
        text-shadow: none;
    }
    100% {
        color:red;
        text-shadow: 0px 0px 10px red;
    }
}

.offerimg{
    position: absolute;
    right: 0;
    top: 50%;
    height: auto;
    width: 100%;
    transform: translateY(-50%);
}
.max120w {
    max-width: 60%;
    position: relative;
    display: block;
}
.itmcat_span{display:inline-block;position: relative}
.itmcat_span img{float:right !important;margin-left:5px !important}
@media(max-width:767px){
    .itmcat_span img{float:none !important;margin-left:0px !important;margin-right:5px !important}
    .list_promo .owl-stage .owl-item:first-child .cardRightColRes,.list_promo .owl-stage .owl-item:first-child{margin:0px !important}
    #modalpop .opLeft ul li .liDiv{min-width:inherit !important}
    .searchFood{width:96% !important;margin:2% !important;border-radius: 0px !important;line-height: 22px !important}
    .showresultsearch .reportsearch{display: block !important;bottom: 80px;
        left: 5px;
        right: 5px;
        padding-top: 10px;
        padding-left: 12px !important;}
    .leftMenuConte ul li:hover, .leftMenuConte ul li.activem{color:white !important}
    .basketMob{width:100%}
    .hasNextItem .fa-angle-right.spm-nav-cat, .hasPrevItem .fa-angle-left.spm-nav-cat {
        display: inline-block !important;
    }
    .spm-menu-category li.active, .spm-menu-category li:hover {
        color: white;
    }
    .spm-menu-category-container {
        transition: 1s all;
        background: white;
        border-top: 1px solid rgb(238,238,238);
        border-bottom: 1px solid rgb(238,238,238);
    }
    .spm-nav-cat {
        padding-top: 20px !important;
        border-radius: 0px !important;
        height: 100%;
    }
    .spm-nav-cat.fa-angle-left {
        left: 0px !important;
    }
    .spm-content-cat {
        height: 57px;
        box-shadow: 0 0 10px rgba(0,0,0,.04) inset;
        overflow: hidden;
    }
    .spm-nav-cat.fa-angle-right {
        right: 0px !important;
    }
    .reportsearch {
        display: none;
    }

    .spm-menu-category {
        box-shadow: 0 0 5px rgba(0,0,0,.1);
        left: 0;
        top: 0;
        white-space: nowrap;
        position: absolute;
    }
    .spm-menu-category li { display: inline-block;padding: 18px 15px;z-index:0;position: relative;}

    .spm-menu-category li:hover::before, .spm-menu-category li.active::before {
        content: " ";
        position: absolute;
        border-radius: 20px;
        right: 3px;
        left: 3px;
        top: 10px;
        bottom: 10px;
        background: rgb(10, 153, 255);
        z-index: -1;
    }
    .sticky_menubar .sticky_menu_bar {
        width: 100% !important;
        max-width: 1170px !important;
        background-color: white;
        position: fixed !important;
        padding: 0;
        top: 0px !important;
        border-bottom: 2px solid #cfeffc;
        z-index: 100;
    }


    .page_menu .contentResturant{padding:0px !important;}
    .rightContRes .img_contin{border-radius:0px !important}
    .headMobi{display: flex!important;}
    .cardSideBar{ display: flex;position: fixed;bottom: 0px!important;z-index: 1001!important;
        border-radius: 0!important;transform: translateY(100%);transition: 1s all!important;}
    /* HEADER-767 */
    .input-header-serch{margin-left: 6px!important;width: 94%!important;margin: auto;padding-left: 40px;}
    .se-icon {position: absolute;right: inherit;top: 7px;left: 15px;}
    .ipt-h-serch{width: 100%!important;position: relative!important;top: -2px!important;left: 8px!important;}
    .header-home .container{padding-left: 15px!important;}
    #logo {left: inherit!important;transform: scale(0.8);}
    .navbar-default .navbar-toggle {position: static;right: 60px!important;}
    button.navbar-toggle{margin-right: 0!important;}
    .web-v {display: none!important;}
    .container{width: 90%!important;margin: auto!important;}
    .header-home .container{padding-left: 0px!important;}
    .navbar-header{border-bottom: 2px solid #f3f3f3;}
    #logo p{display: none;}
    .btn-navdiv{width: 14%!important;}
    .horiz{display: none!important;}


    /* content */
    .headRes .container{width: 100%!important;flex-wrap: wrap-reverse;padding-left: 0px;padding-right: 0px; }
    .brodc{display: none}
    .leftContRes{width: 100%;}
    .rightContRes{width: 100%;padding-top: 0px;position: relative;z-index: 998;margin-top: 0px;}
    .imgRightRes{border-radius: 0!important;}
    /* inn */
    .cardRightColRes{display: none;}
    .contLeftRes{width: 100%;padding-bottom: 23px !important}
    .statusRes{padding: 0 20px;justify-content: space-between;position: relative;}
    .mails{display: flex!important;}

    .leftContRes .titleRest{font-size: 19px;padding: 0 20px;}
    .tyu{display: none;}
    .catFood{margin-top: 50px;padding: 0 20px;flex-wrap: wrap;}
    .statusRes > div{font-size: 12px;}
    .mobResR{position: absolute;padding: 0 20px;top: 84px;flex-wrap: wrap;width: 100%;left: 0px;left: -11px;justify-content: flex-start;}
    .dottt1{width: 4px;height: 4px;background: #AAAAAA;display: inline-block;margin: 0 5px;position: relative;top: 6px;left: 6px;}
    .catFood > div{font-size: 12px;}
    .footRes .container{width: 100%;}
    .footRes .tabsLeftRes{margin-top: 30px;}
    .mInfo{display: flex!important;padding: 0 20px;cursor: pointer;}
    .xps > p{display: none;}
    .forMob{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
    .rateAndFav{padding: 0 20px;justify-content: space-between;}
    .favRes p{font-size: 12px;}
    .rateRes span:last-child{font-size: 12px;width: 100%;}
    .qwer11{width: 100%;}
    .forMob{margin-left: -11px;width: 80px;}
    .favRes{margin-left: 0px;}
    .contLeftRes{position: relative;top: 0px !important;z-index: 999;}
    .cardRightColRes {display: block;margin: 0 20px;}
    .contLeftRes{border-bottom: none!important;}
    .contentResturant .s3{margin-bottom: 0px !important;}
    .footRes .tabsLeftRes{width: 100%!important;}
    .footRes .container{width: 100%!important;}
    .footRes .tabRightResFoot{width: 100%!important;}
    .footRes .container{flex-wrap: wrap;padding: 0px;}
    .tabsLeftRes .nav-tabs{display: none;}
    .menuContents{flex-wrap: wrap;}
    .leftMenuConte{width: 100%;height:59px !important}
    .leftMenuConte ul{display: flex;justify-content: space-between;align-items: center;background: #fff;align-items: center;padding: 9px 0;border-top: 2px solid #F8F8F8;}
    .leftMenuConte ul{white-space: nowrap;padding-left: 12px;}
    .menuContents{margin-top: 0px;padding-top: 0px;}
    .footRes .tabsLeftRes{margin-top: 0px;}
    .leftMenuConte{padding-left: 0px;}
    .rightMenuConte{width: 100%;padding-right: 0px;}
    .contCardResLeft h4{font-size: 14px;}
    .contCardResLeft p{font-size: 10px;}
    .contCardRes{flex-wrap: nowrap;box-shadow: none;border-radius: 0px;margin-top: 0px;}
    .rightMenuConte h3{margin-bottom: 15px;padding: 0 20px;}
    .cardsRes .categorycont{margin-bottom: 8px;}
    .cardsRes .cuRes{width: 100%;}
    .Footer{margin-top: 293px;}
    .searchFood{display: flex;}
    .forMobileViewBasket{display: block;}
    .contCardResRight{width: 50%;}
    .contCardResLeft p{width: 100%;margin-bottom: 0;display: inline-block;}
    .priceAsli{font-size: 11px;margin-top: 5px;display: inline-block;}
    .priceGhabli{font-size: 11px;margin-top: 5px;display: inline-block;}
    .offRes{font-size: 11px;margin-top: 5px;display: inline-block;}
    .Popul{font-size: 11px;margin-top: 5px;display: inline-block;}
    .cardItemContA{width: 100%!important;}
    .closeItemCard{position: absolute!important;top: 21px!important;right: 24px!important;}
    .twoCard > div{flex-wrap: wrap!important;}
    .twoCard .d-flex > span{margin-bottom: 10px;}
    .st2{flex-wrap: wrap;}
    .st2 > span{margin-bottom: 10px;}
    .closeItemCard{box-shadow: 0px 0px 3px #33333338;}
    .st4:last-child{margin-bottom: 133px;}
    .showcardMob{overflow: auto;position: fixed!important;}
    .gtch{margin-bottom: 10px;}
    .plk445{width: 100%;height: 5px;}
    .cardAddress{width: 100%;padding-top: 40px;}
    .showAddress > span{position: absolute;top: 12px;right: 35px;box-shadow: 0px 0px 5px #5d5c5c33;}
    .addToCardMobDiv{display: flex;}
    .conAddAddress2{width: 100%!important;}
    .footAddItem2{width: 100%;}
    .footAddItem2 button{font-size: 12px!important;}
    .ItemViewAddToCard .closeItemCard{top:55px !important}
}


@media(min-width:767px) and (max-width:996px){
    .input-header-serch{margin-left: 0px;width: 94%;margin: auto;padding-left: 12px;}
    .se-icon {position: absolute;right: inherit;top: 7px;left: 15px;}
    .ipt-h-serch{width: 100%;position: relative;top: -2px;}
    .header-home .container{padding-left: 15px!important;}
    #logo {left: inherit!important;transform: scale(0.8);}
    .navbar-default .navbar-toggle {position: static;right: 60px!important;}
    button.navbar-toggle{margin-right: 0!important;}
    .web-v {display: none!important;}
    .container{width: 90%!important;margin: auto!important;}
    .header-home .container{padding-left: 0px!important;width: 95%!important;}
    .navbar-header{border-bottom: 2px solid #f3f3f3;}
    .horiz{display: none!important;}
    .btn-navdiv{width: 33%;}
    .mob-v {display: flex;position: absolute;width: 41%;top: 101px;}
    #bs-example-navbar-collapse-1{position: fixed;transform: translateX(100%);}
    .mob-v{display: none;}
    #logo {transform: scale(0.8);position: absolute;left: 0!important;}
    .cardRightColRes{display: none;}
    .headRes .container{flex-wrap: wrap-reverse;width: 100%!important;padding-left: 0px;}
    .leftContRes{width: 70%;left: -26% !important;position: relative;}
    .rightContRes{width: 100%;padding-top: 0px;margin-top: -7px;z-index: 999;direction: rtl;}
    .imgRightRes{border-radius: 0px;height: 236px;object-fit: cover;width: 72%;min-height: inherit;min-width: inherit;}
    .footRes .tabRightResFoot {width: 28%;position: absolute;top: 0px;right: 0;z-index: 999;height: 100%;}
    .cardSideBar{border-radius: 0;margin-top: 0px;box-shadow: 0px 0px 48px #2a24241f;}
    .footRes .tabRightResFoot{width: 33%;}
    .tabsLeftRes .nav-tabs{display: none;}
    .menuContents{flex-wrap: wrap;}
    .leftMenuConte{width: 100%;}
    .leftMenuConte ul{display: flex;justify-content: space-between;align-items: center;background: #fff;align-items: center;padding: 9px 0;border-top: 2px solid #F8F8F8;}
    .leftMenuConte ul li{margin-right: 27px;}
    .leftMenuConte ul{overflow: auto;white-space: nowrap;padding-left: 12px;}
    .footRes .container {display: flex;width: 100% !important;padding-left: 0;}
    .leftMenuConte{padding-left: 0px;}
    .contLeftRes{border-bottom: none;}
    .menuContents{width: 95%;}
    .rightMenuConte{width: 100%;padding-left: 55px;}
    .contCardResLeft{width: 63%;}
    .showAddress{z-index: 1002;}
    .cardAddress{width: 33%;}
    .conAddAddress2{width: 33%;}
    .footAddItem2{width: 33%;}
    .footAddItem2 button{font-size: 12px;padding: 10px 30px;}
    .cardItemContA{width: 48%;}
    .mInfo{display: flex!important;}

}
#disablemenumoal .modal-header{border:none !important;}
#disablemenumoal .modal-body{padding:15px 30px 20px 30px}
#disablemenumoal .gtch{line-height:32px;border-radius: 40px !important;}
#disablemenumoal .modal-header .f-24{font-size:16px !important}
.spm-alergybox .gifticon.circlebutn {
    margin-right: 15px;
    font-size: 18px;
    color: white;
    background: rgb(13, 154, 255);
    padding-top: 7px;
    text-align: center;
}
.spm-alergybox {
    font-size: 12px;
    margin-bottom: 15px;
    margin-top: 0px
}

.spm-alergybox p {
    width: 100%;
}
.circlebutn {
	width: 32px;
	height: 32px;
	text-align: center;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 40px;
}
@media(min-width:767px){
    /* HEADER */
    .navbar-nav{float: right!important;}

    .leftMenuConte ul li:hover:before{
        opacity: 1;
    }

    .leftMenuConte ul li:before{
        width: 8px;
        height: 2px;
        background: #89A5B9;
        position: absolute;
        top: 20px;
        left: -19px;
        display: inline-block;
        opacity: 0;
        content:" ";
    }
}

@media(min-width:996px){

    .changLoc > div{width: 100%;justify-content: space-between;}
    .web-v {display: flex!important;}
    .mob-v {display: none!important;}
    .input-header-serch{width: 310px!important;margin-left: 20px!important;}
    .ipt-h-serch{top: 0px!important;}
    .login-home-header{margin-right: 0px;}
    .singup-home-header{margin-right: 0px;}
    .navbar-right li{margin-right: 0px!important;}
    .navbar-default .container-fluid {border-bottom: 2px solid #eee;padding-right: 0px;padding-left: 0px;}
    #bs-example-navbar-collapse-1 {padding-right: 0px;}

}