*{box-sizing: border-box;}

body{font-family: Poppins, sans-serif; margin:0; padding:12px 0; min-height:100vh; background-color:rgba(1, 115, 55, 0.04);  -webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;}
.up-icon{position:absolute; top:10px; right:10px; width:40px; height:40px; line-height:40px; text-align: center; border-radius:50%; background-color:#5a3827; padding-top:6px;}
.up-icon:hover, .up-icon:focus{background-color:#000; color:#fff;}
.max-wd{max-width:700px; margin:0 auto; padding:0 12px;}

.web-detail{background-color:#fff; border-radius:12px; padding:20px 120px 20px 20px; display: flex; grid-gap:26px; align-items: center; box-shadow:0 4px 30px 0 rgba(0,0,0,0.05); margin-bottom:25px; position: relative;}
.web-detail address{font-size:15px; line-height:25px; font-weight:300; font-style: normal; margin:0 0 15px;}
.web-detail-title{font-size:25px; color:#3E3E3E; font-weight:500;}
.mid-Vline{width:1px; background-color:rgba(0,0,0,0.12); height:145px;}

.header-social a{display: inline-block; font-size: 16px; color:#3E3E3E; text-decoration: none; background: rgba(0,0,0,.06); width: 36px; height: 36px; text-align: center; line-height: 34px; border-radius: 34px; margin: 0 4px 5px 0; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out}
.header-social a:hover{background: #5a3827; color: #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg)}

.web-menu a{font-size: 18px; font-weight:300; background: #5a3827; color: #fff; padding: 0 20px; border-radius: 12px; margin-top:12px; display: grid; align-items: center; justify-content: space-between; text-decoration: none; min-height: 60px; grid-template-columns: 6% 87% 2%; grid-auto-flow: column; grid-auto-columns: 1fr;  -webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;}
.web-menu a:hover, .web-menu a:focus{background: #000; color: #fff;}



.popup{position: fixed; width:94%; max-width:500px; border-radius: 10px; top: 50%; left: 50%; transform: translate(-50%,-50%); background:#fff; visibility: hidden; opacity: 0; z-index:106;
  /* "delay" the visibility transition */
  -webkit-transition: opacity .5s, visibility 0s linear .5s;
  transition: opacity .5s, visibility 0s linear .5s;
}
.popup:target{visibility: visible; opacity: 1;
  /* cancel visibility transition delay */
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.popup-close{position: absolute; padding: 10px; max-width: 500px; border-radius: 10px; top: 50%; left: 50%; transform: translate(-50%,-50%); background: rgba(255,255,255,.9);}
.popup .close{position: absolute; right: 10px; top: 5px; padding: 5px; color: #000; transition: color .3s; font-size: 2em; line-height: .6em; font-weight: bold;}
.popup .close:hover{color: #00E5EE;}
.close-popup{background: rgba(0,0,0,.7); cursor: default; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index:105; opacity: 0; visibility: hidden;
  /* "delay" the visibility transition */
  -webkit-transition: opacity .5s, visibility 0s linear .5s;
  transition: opacity .5s, visibility 0s linear .5s;
}
.popup:target + .close-popup{opacity: 1; visibility: visible;
  /* cancel visibility transition delay */
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

.popup-head{border-bottom:1px solid #d9d9d9; padding:12px 20px;}
.popup-body{padding:20px;}
.copy-link-div{padding-top: 16px; position: relative; display: flex;}
.share-content-wrapper{display: flex; grid-gap:20px; justify-content: space-between;}
.dnl-btn{background-color: #5a3827; color:#fff; border-radius: 4px; padding:8px 15px; transition: all .3s ease; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); border:0; outline: none; box-shadow: none; cursor: pointer;}

.flip-card{background-color: transparent; width:185px; height:185px; perspective: 1000px;}
.flip-card-inner{position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d;}
.flip-card:hover .flip-card-inner{transform: rotateY(180deg);}
.flip-card-front, .flip-card-back{position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-shadow:0 5px 12px 0 rgba(0,0,0,0.1); padding:10px; background-color:#fff; border-radius:10px;}
.flip-card-front img, .flip-card-back img, .flip-card-front svg, .flip-card-back svg{width:100%; height:100%;}
.flip-card-back{transform: rotateY(180deg); background-color:rgba(0,0,0,0.15);}
.flip-card-back img{opacity:0.6}

.copy-link-div .input-area{height: 45px; border-radius: 8px 0 0 8px; border: 1px solid #d9d9d9; padding: 10px 16px; font-weight: normal; width: 100%; background: #fff;}
.copy-link-div .share-copy{width: 100px; border: 0; background: #5a3827; color: #fff; font-size: 16px; border-radius: 0 8px 8px 0; cursor: pointer;}
.whatsapp-icon{color: #25D366;font-size: 20px;}
.share-item {border-radius: 6px; padding:10px 15px; width: 100%;  border:1px solid transparent;}
/*.share-url{border:1px solid  transparent; cursor: pointer;}
.share-url:hover{color:#000; border-color:#f0f0f0;}*/
.share-item, .share-links {align-items: center;color: inherit;display: flex;font-weight: 500;justify-content: space-between;text-decoration: none;}
.share-item:hover{border-color:#5a382736; background: #fffbfa; color: #5a3827;}
.text-14{font-size: 14px;}
.share-item:hover .share-svg-arrow svg path{stroke: #5a3827;}
.item-center{display: flex; align-items: center;}
.item-center .ml-8{margin-left: 8px; font-size: 14px;}
.share-items-wrapper{width:100%;}
.share-svg{margin: 0 0 -3px; min-width: 25px; text-align: center;}
.share-items-wrapper .st-btn{width:100%; display: block !important; margin:5px 0 0;}
#st-1.st-has-labels .st-btn.st-remove-label > span{display:inline-block !important; font-size: 15px;}


/*Menu Page*/
.container{max-width:1320px; margin:0 auto; padding:0 12px;}
.menu-banner{padding:30px; background-repeat: no-repeat; background-position:center; background-size: cover; min-height:436px; display: flex; align-items: end; justify-content: space-between; margin-bottom:35px;}

.menu-banner-title{max-width:70%; font-size:44px; line-height:54px; font-weight:600; color:#000; text-shadow:1px 0 #fff, -1px 0 #fff, 0 1px #fff, 0 -1px #fff, 0px 0px #fff, 0px 0px #fff, 0px 0px #fff, 0px 0px #fff;}
.banner-number{background: rgba(250, 250, 250, 0.78); border:1px solid rgba(250, 250, 250, 0.78); color: #5A3827; text-decoration: none; font-size: 22px; letter-spacing: 2px; padding: 10px 25px; border-radius: 30px; display: inline-block; min-width:310px;}
.banner-number svg{display: inline-block; vertical-align: middle; width:34px; height:34px;}
.banner-number svg path{stroke:#5A3827;}
.banner-number:hover, .banner-number:focus{background:#5A3827; color: #fff; text-decoration: none;}
.banner-number:hover svg path, .banner-number:focus svg path{stroke: #fff;}

.row-div{display: flex; flex-wrap: wrap; margin-right:-12px; margin-left:-12px;}
.row-div > div{flex: 0 0 auto; padding:0 12px;}
.col-3-div, .col-4-div, .col-6-div, .col-8-div, .col-9-div, .col-12-div{width:100%;}

@media (min-width:320px){
  .col-sx-3-div{width: 25%;}
  .col-sx-4-div{width: 33.33%;}
  .col-sx-6-div{width: 50%;}
  .col-sx-8-div{width: 66.67%;}
  .col-sx-9-div{width: 75%;}
  .col-sx-12-div{width: 100%;}
}
@media (min-width:600px){
  .col-sm-3-div{width: 25%;}
  .col-sm-4-div{width: 33.33%;}
  .col-sm-6-div{width: 50%;}
  .col-sm-8-div{width: 66.67%;}
  .col-sm-9-div{width: 75%;}
}
@media (min-width:768px){
  .col-md-3-div{width: 25%;}
  .col-md-4-div{width: 33.33%;}
  .col-md-6-div{width: 50%;}
  .col-md-8-div{width: 66.67%;}
  .col-md-9-div{width: 75%;}
}
@media (min-width:992px){
  .col-lg-3-div{width: 25%;}
  .col-lg-4-div{width: 33.33%;}
  .col-lg-6-div{width: 50%;}
  .col-lg-8-div{width: 66.67%;}
  .col-lg-9-div{width: 75%;}

}
@media (min-width:1200px){
  .col-3-div{width: 25%;}
  .col-4-div{width: 33.33%;}
  .col-6-div{width: 50%;}
  .col-8-div{width: 66.67%;}
  .col-9-div{width: 75%;}

}

@media (min-width: 1200px) and (max-width: 1349px) {
  .CustomColMenu{width:32%;}
  .adtocart-body .CustomColMenu{width: 40%;}
  .CustomColMenuItems{width:68%;}
  .adtocart-body .CustomColMenuItems{width: 60%;}
  .CustomColMenuItems .col-4-div{width: 50%;}
  .adtocart-body .CustomColMenuItems .col-4-div{width:100%;}
}

@media (min-width: 1350px) and (max-width: 1500px) {
  .CustomColMenu{width:27%;}
  .adtocart-body .CustomColMenu{width: 35%;}
  .CustomColMenuItems{width: 73%;}
  .adtocart-body .CustomColMenuItems{width: 65%;}
  .adtocart-body .CustomColMenuItems .col-4-div{width: 50%;}
}


.razorpay-div{display: none;}

.map-div{position: relative; width:100%; height:132px; border-radius:5px; overflow: hidden; box-shadow:0 20px 34px 0 rgba(0,0,0,0.04); border:1px solid #e5e5e5;}
.map-div img{width:100%; height:100%; object-fit: cover;}
.map-div a{white-space: nowrap; position: absolute; top:50%; left:50%; background: #5A3827; color: #fff; text-decoration: none; font-size: 16px; padding: 8px 26px; border-radius: 20px; font-weight: 500;
  -webkit-transform:translate(-50%, -50%);
  -ms-transform:translate(-50%, -50%);
  -o-transform:translate(-50%, -50%);
  -moz-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
}

.tabcontent{display: none;}
.modal{display: none; position: fixed;   z-index: 1;   padding-top: 100px;   left: 0;   top: 0;   width: 100%;   height: 100%;   overflow: auto;   background-color: rgb(0,0,0);   background-color: rgba(0,0,0,0.4);}
.modal-content{background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%;}
.close{color: #aaaaaa; float: right; font-size: 28px; font-weight: bold;}
.close:hover, .close:focus{color: #000; text-decoration: none; cursor: pointer;}

.establ-type-box{height:calc(100vh - 160px); overflow-y: auto; padding: 14px 14px 14px; background: #fff; box-shadow: 0 20px 54px 0 rgba(0,0,0,0.07); margin-top: 10px; border: 1px solid #EFEBEB;}
.establ-type-box::-webkit-scrollbar{-webkit-appearance:none}
.establ-type-box::-webkit-scrollbar:vertical{width:6px}
.establ-type-box::-webkit-scrollbar:horizontal{height:6px}
.establ-type-box::-webkit-scrollbar-thumb{border-radius:6px;border:1px solid rgba(255,255,255,.25);background-color:#ddd;}

.scrollpositionDiv{z-index:104;}
.scrollpositionDiv.divfixed{position: fixed; top:0px; bottom:0; width:306px;}

.menus{min-height: 98vh;}

.establ-type-title{font-weight:600; font-size: 20px; color: #000; margin-bottom: 5px;}

.tablinks{width:100%; padding:10px; box-sizing: border-box; text-align: left; font-size:16px; background:rgba(90, 56, 39, 0.08); border:0; margin-bottom:10px; outline: none; cursor: pointer; border-radius:6px; display: flex; grid-gap:15px; align-items:center;  -webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;}
.tablinks.active, .tablinks:hover{background:#5A3827; color:#fff;}

.menu-main-title{font-size: 24px; font-weight: 600; margin-bottom: 10px;}
.menu-title{font-size: 20px; font-weight: 500; margin-bottom:12px;}
.order-box{background:url(../img/menu-bg.png) no-repeat 0 top; background-size: cover; border: 1px solid rgba(239, 235, 235, 1); border-radius:10px; overflow: hidden; min-height: calc(100% - 20px); margin-bottom:20px;  position: relative;  padding:20px 20px 70px; border:1px solid #fff;}
.orange-bg{background:url(../img/menu-bg2.png) no-repeat 0 top; background-size: cover;}


.order-box-img{height: 70px; min-width: 70px; overflow: hidden; display: block; border-radius: 12px;  border: 1px solid #ffffff6b;}
.order-box-img img{width: 100%; height: 100%; object-fit: cover;}
.order-box-flex {display: flex; grid-gap: 12px;}

.SpecialMenuLink {
    border: 1px dashed #e54c00;
    background: #fff;
    text-transform: uppercase;
    font-weight: 600;
    color: #e54c00;
}
 
.SpecialMenuLink.active, .SpecialMenuLink:hover {
    background: #5a3827;
    color: #fff;
    border-color: #5a3827;
} 

/*.order-box-inner {padding: 11px 15px 0;}*/
.order-name{font-size: 18px; line-height:22px; color: #5A3827; font-weight:500; text-decoration: none; display: inline-block; }
.order-box p{font-size: 14px; font-weight: normal; color:rgba(0, 0, 0, 0.49); margin:0;}
.rs-action{display: flex; justify-content: space-between; align-items: center; direction: rtl; font-size: 18px; font-weight: 600; position: absolute; bottom:20px; left: 20px; right:20px;}
.rs-action span{color: #5A3827; font-size:22px;}
.ad-btn{text-decoration: none; color: #5a3827; min-width: 110px; height: 35px; background: #DFE1CE; line-height: 35px; font-size: 14px; text-align: center; border-radius: 30px;}
.ad-btn.added-to-cart, .orange-bg .ad-btn.added-to-cart{background:#5A3827; color:#fff;}
.orange-bg .ad-btn{background:rgba(90, 56, 39, 0.06); color:#5A3827;}


.location-popup{max-width: 90%;}
.location-popup iframe{height:75vh; display: block;}


.popup .select-room-btn button {
  border: 1px solid #d9d9d9 !important;
  height: 46px;
  border-radius: 25px;
  padding-left: 25px;
  color: #666;
}

.popup .select-room-btn .ms-options-wrap > button:focus, .popup .select-room-btn .ms-options-wrap > button {
  padding-left: 25px;
  color: #666;
}
.popup .ms-options-wrap > .ms-options{border-radius: 12px; padding: 10px 0;}
.popup .ms-options-wrap > .ms-options > ul label{
  padding: 3px 4px 6px 24px;
  margin: 2px 0;
  border: none;
  color: #666;
  font-size: 14px;
}


/*Add to Cart*/
.openbtn{ cursor: pointer; position: fixed; right: 24px; top: 20px; z-index: 9999; width: 40px; height: 40px; padding:0; text-align: center; background: #fff; border-radius: 20px; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);}
.openbtn span{height: 2px;  width:20px;  background-color: #5a3827;  border-radius: 10px;  margin:5px auto;  transition: 0.7s; display: block;}
.openbtn span{height: 2px;  width:20px;  background-color: #5a3827;  border-radius: 10px;  margin:5px auto;  transition: 0.7s; display: block;}
.openedSide-nav .openbtn span:nth-child(2){opacity:0;}
.openedSide-nav .openbtn span:nth-child(1){transform: translate(0, 7px) rotate(46deg); }
.openedSide-nav .openbtn span:nth-child(3){transform: translate(0, -7px) rotate(-46deg); }

.openbtn svg{width: 30px; height:30px; margin-top: 5px;}
.CartMenuClose{display: none;}
.adtocart-body .CartMenuClose{display:block; margin:5px auto 0; max-width: 25px;}
.adtocart-body .CartMenu{display:none;}

.addtocart-sidebar{background: #f7f7f7; position: fixed; top:12px; bottom:12px; width: 322px; height:calc(100vh - 24px); overflow-y: auto; z-index: 104; right:-346px; box-shadow: 0 10px 50px 0 rgba(0,0,0,0.1); border-radius:12px;  -webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;}
.addtocart-sidebar::-webkit-scrollbar{-webkit-appearance:none}
.addtocart-sidebar::-webkit-scrollbar:vertical{width:6px}
.addtocart-sidebar::-webkit-scrollbar:horizontal{height:6px}
.addtocart-sidebar::-webkit-scrollbar-thumb{border-radius:6px;border:1px solid rgba(255,255,255,.25);background-color:#d9d9d9;}

.adtocart-body{padding-right:346px;}
.adtocart-body .addtocart-sidebar{right:12px;}
.addtocart-header{padding: 16px 16px 24px; color: #4A4A4A; background: linear-gradient(to right,  rgba(219,156,42,0.06) 0%,rgba(219,156,42,0.06) 1%,rgba(221,158,45,0.41) 100%); position: relative;}
.addtocart-close{cursor: pointer; font-size: 30px;  color: #000; font-weight: 300; position: absolute; right:12px; top:0;}
.header__cart{font-weight: 500; color:#000; font-size: 24px; line-height:24px;}
.header__count{font-size:14px; line-height: normal; color:rgba(0,0,0,0.49); }

.addtocart-listing{padding:0 20px 0 20px;}
.addtocart-list{border-bottom:1px solid #d9d9d9; padding:20px 0; display:grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; align-items: start; grid-gap:2px; justify-items: right;}
.addtocart-addmin{background-color:#fff; min-width:110px; max-width:110px; height:35px; border-radius:18px; border:1px solid #5A3827; display: flex; grid-gap:2px; padding:3px; }
.addtocart-addmin button{min-width:27px; max-width:27px; height:27px; line-height:27px; border-radius:50%; background-color:#f1f1f1; color:#000; border:0; cursor: pointer; padding:0; font-weight: 400; font-size: 20px;}
.addtocart-addmin button:hover, .addtocart-addmin button:focus{background-color:#5A3827; color:#fff;}
.addtocart-addmin .qty{border:0; outline: none; box-shadow: none; width:100%; text-align: center; font-weight:500; font-size:15px;}

.addtocart-list-name{font-size: 16px; line-height: 22px; color: #000; font-weight: 600; margin: 0;}
.addtocart-des{justify-self: start;}
.addtocart-des p{font-size: 12px; line-height: 18px; color: rgb(0 0 0 / 50%); margin: 0 0 5px; overflow-wrap: break-word;}
.amount-action{padding-top:5px; width:100%; display: flex; -ms-grid-column: 1; grid-column-start: 3; grid-column-end: 1; justify-content: space-between; align-items: end;}
.amount-action > div{line-height:16px;}
.amount-action big, .addtocart-des big{font-size: 16px; line-height:16px; font-weight:600; color: #5A3827; display:inline-block;}
.amount-action s, .addtocart-des s{font-size:14px; line-height:14px; font-weight:400; color:#a3a3a3; display:inline-block; margin-left:10px;}
.amount-action a{font-size: 14px; line-height:14px; color: #5a3827; text-decoration: none;}
.amount-action a:hover, .amount-action a:focus{color: #f00; text-decoration: none;}

.primary-btn{font-size:18px; color:#fff; background-color:#5A3827; padding:10px 30px; display: inline-block; margin-top:30px; border-radius:30px; text-decoration: none; text-align: center;}
.primary-btn:hover, .primary-btn:focus{color:#fff; background-color:#333;}

.btn-gap{margin:0px 0 30px;}
.added-to-cart{color:#228d30;}
/*Menu Page*/

/*Place order Page*/
.shadow-cl{box-shadow: 0 10px 50px 0 rgba(0,0,0,0.1);}
.radius-cl{border-radius:12px;}
.bg-white-cl{background:#fff;}
.padd44-cl{padding:30px 44px;}

.addtocart-order-box{background: #fff; max-height:600px; overflow-y: auto; margin-bottom:24px;}
.invoice-box{padding:20px; background: #fff; box-shadow: 0 10px 50px 0 rgba(0,0,0,0.1); border-radius:12px;}
.invoice-box-title{font-size:20px; color:#000; font-weight:600; display: flex; grid-gap:8px; align-items: center; margin-bottom:20px;}
.invoice-list{border-top:1px solid #d9d9d9; padding:14px 0; display: flex; justify-content: space-between;font-size:16px; font-weight:600; color:rgba(0,0,0,0.8);}
.invoice-list strong{font-weight:600; color:#000;}
.invoice-list small{font-size:12px; line-height:16px;}
.inv-discount{color:#017337;}
.inv-delivery-fee{color:#5A3827;}
.inv-pay strong{color:#000;}

.box-title{font-size:24px; line-height:26px; color:#000; font-weight:600; margin:0 0 10px;}
.place-order-acc p{font-size:17px; line-height:26px; color:rgba(0,0,0,0.5); margin-top:0; font-weight:500;}
.place-order-acc .primary-btn{min-width:182px; margin-top:6px;}
.place-order-acc .primary-btn{min-width:182px; margin-top:6px;}
.text-end{text-align: right;}
.input-design{height:46px; border-radius:25px; border:1px solid #d9d9d9; outline: none; box-shadow: none; width:100%; padding:6px 25px;}
.verify-div .text-end .primary-btn{margin-top:0;}
.label-design{font-size: 14px; font-weight:600; margin-bottom: 6px; color:#353535; display: block; text-transform: capitalize;}
.mb-3{margin-bottom:24px;}

.disabled-des .input-design{border-color:#d9d9d9; background-color:#d9d9d9; color:#000;}
.verify-customer, .check-div{background: #f1f1f1; padding:20px 30px; margin:0; border-radius:15px; margin-top:30px;}
.verify-customer dt{width:180px; float: left; margin:0; border-top:1px solid #d9d9d9; padding:12px 0; font-size:14px; color:#333; font-weight: 600; clear: both;}
.verify-customer dt:nth-child(1), .verify-customer dd:nth-child(2){border-top:0;}
.verify-customer dd{overflow: hidden; display: block; margin:0; border-top:1px solid #d9d9d9; padding:12px 0; font-size:14px; font-weight:500; color:#222; }
.verify-customer dd .room_number_list{margin:0 5px 5px 0;}

.check-div{background-color:#fff; box-shadow: 0 10px 40px 0 rgba(0,0,0,0.10);}
.check-div input[type="checkbox"], .check-div input[type="radio"]{width:18px; height:18px; display: inline-block; vertical-align: middle; margin:3px 0 0;}
.check-div-list{display: flex; grid-gap:20px;  margin:15px 0;}
.check-div-left{font-size:16px; font-weight:400; color:#000; cursor: pointer; display: flex; gap: 8px; align-items: start;}
.check-div-left p{font-size:12px; font-weight:normal; color:#868686; margin:0;}
.razorpay-div{margin:30px 0 0;}
.item-total, .total-tax, .final-total-amount{font-weight:600; color:#333;}
/*Place order Page*/

/*Thanks Page */
.thanks-box{width:100%; min-height:100vh; display: flex; align-items: center; justify-content: center;}
.thanks-box p{font-size:14px; line-height:24px; max-width:80%;}
.thanks-box-inner{background-color:#fff; border-radius:15px; padding:60px; box-shadow:0 20px 50px 0 rgba(0,0,0,0.08);}
.thanks-box-title{font-size:42px; line-height:52px; font-weight:600; color:#000; margin-bottom:20px;}
.thanks-box-subtitle{font-size:22px; line-height:30px; font-weight:600; color:#000; margin:20px 0 5px;}
.thanks-customer{background-color:transparent; padding:0; margin:0;     display: grid;
  grid-template-columns: 1fr 2fr;
  row-gap: 20px;
  gap: 10px;}
.thanks-customer dt, .thanks-customer dd{border-top:0; padding:4px 0;}

.order-summery{background-color:#f5f5f5; background-image:url(../img/shape-design.png); background-repeat: repeat-x; background-position:0 bottom; padding:30px; position: relative; z-index:1; margin:-15px 15px 0;}
.tophead-bg{height:30px; background-color:#ebebeb; border-radius:30px; z-index:0;}
.order-summery .addtocart-listing{padding: 0; margin-bottom:30px; max-height: 292px; overflow-y: auto;}
.order-summery .addtocart-listing::-webkit-scrollbar{-webkit-appearance:none}
.order-summery .addtocart-listing::-webkit-scrollbar:vertical{width:6px}
.order-summery .addtocart-listing::-webkit-scrollbar:horizontal{height:6px}
.order-summery .addtocart-listing::-webkit-scrollbar-thumb{border-radius:6px;border:1px solid rgba(255,255,255,.25);background-color:#ddd}


.order-summery .addtocart-listing .addtocart-list{display: flex; justify-content: space-between;}
.order-summery .addtocart-listing .addtocart-des{width:100%;}
.order-summery .addtocart-listing .amount-action{width:auto;}
.order-summery .addtocart-list{background:#fff; margin-bottom:5px; border:0; padding-left:15px; padding-right:15px; border-radius:12px;}
.order-summery-title{font-size: 22px; font-weight: 600; margin: 0 0 10px;}
.align-items-center{align-items: center;}
/*.order-summery .invoice-listing{background:#fff; padding:20px; border-radius:15px;}*/
/*Thanks Page */

.nonveg_egg{border: 0; height: 29px; width:100%; line-height: 24px; font-size: 11px; border-radius: 5px; background:#e4ebc9; color:#637715; padding: 2px 8px; text-transform: uppercase; font-weight: 600; cursor: pointer; display: inline-block; vertical-align: top; }
.nonveg_egg.active{width:30px; font-size:15px;}
.nonveg_egg .fa-times{display: none;}
.MoreCategory{display: flex; justify-content:space-between; position: relative;  height:0;}
.MoreCategory.active{height: auto;}
.nonveg_egg.active .fa-ellipsis-v{display:none;}
.nonveg_egg.active .fa-times{display:inline-block;}

.nonveg_eggDiv{display: none;}
.filterbtnDiv{border-top: 1px solid #e7e7e7; margin-top: 12px; display: flex; justify-content: space-between; align-items: center;}
.filterbtnDiv *{margin:15px 0;}
.filterbtn {color:#637715; background: #e1e8c7; border-radius: 6px; border: 0; padding: 8px 15px; font-weight:600;  cursor:pointer;}

.select-tablinks{display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; max-width: 36px; padding: 0; background: #5a3827; border-radius: 5px;}
.select-tablinks img{max-width: 23px; height: auto;}

.MoreCategory.active .nonveg_eggDiv{width: 100%; grid-gap: 7px; padding-right: 35px; display: grid; grid-template-columns: repeat(2,1fr);  row-gap:7px; gap:7px; }

.food-type{margin:17px 0 7px; display: flex; justify-content: space-around; grid-gap: 7px;}
.food-type label, .MoreCategory label{font-size:14px; cursor: pointer; margin:0; display:block; vertical-align: top; width:100%;}
.food-type input[type="radio"], .MoreCategory input[type="radio"]{margin:0 4px 0 0;}

.food-type label input[type="radio"], .MoreCategory label input[type="radio"]{display: none;}
.food-type label span, .MoreCategory label span{padding: 5px 8px; font-size: 12px; font-weight: 500; color: #4f4f4f; background: #fff; display:block; text-align:center; border-radius:5px; border: 1px solid #cdcdcd;}
.food-type label input[type="radio"]:checked + span, .MoreCategory label input[type="radio"]:checked + span{color: #fff; background: #5a3827; border-color: #5a3827;}


.food-type-label{margin-top:5px; font-size: 15px; padding: 4px; background:url(../img/menu-bg2.png) no-repeat 0 top; background-size: cover; display: flex; justify-content: center; }
.popup button{border:none !important; cursor: pointer;}
.text-center{text-align: center;}

.room_number_list{background: #5a3827; color: #fff; padding: 2px 10px; display: inline-block; border-radius: 5px;}
.padd-0{padding:0;}
.bg-white{background-color:#fff; padding:0; display: block;}

@media (max-width:1450px){
  .container{max-width:none; width:100%; box-sizing: border-box;}
  .adtocart-body{padding-right: 356px;}
  .addtocart-sidebar{top: 12px; bottom: 12px; width: 312px; height: calc(100vh - 24px);}
  .adtocart-body{padding-right: 330px;}
  .adtocart-body .addtocart-sidebar{right: 12px;}
  .order-name{font-size:20px;}
  .establ-type-box{padding: 10px 14px 14px;}
  .scrollpositionDiv.divfixed{width:25.5%;}
  .menu-banner-title{max-width: 80%;}
}

@media (max-width:1199px){
  .menu-banner{min-height:340px;}
  .menu-banner-title{max-width:90%;}

  .addtocart-sidebar{box-shadow: 0 0px 70px 0 rgba(0,0,0,0.35);}
  .adtocart-body{padding-right:0;}
  .place-order-acc .primary-btn{font-size:16px;}

  .scrollpositionDiv.divfixed{width: 31%;}
}

@media (max-width:991px){
  .menu-banner{min-height:240px; border-radius:12px;}
  .menu-banner-title{font-size: 30px; line-height: 40px; max-width: 100%;}
  .establ-type-box{margin-bottom:30px;}

  .tab-design{display: flex; grid-gap:10px; overflow-x: auto;}
  .tablinks{justify-content: center; min-width:80px; min-height:80px;}
  .tablinks span{display: none;}

  .establ-type-box{max-height:none; overflow-y:inherit;}
  .thanks-box-inner{border-radius: 10px; padding: 24px; margin:5px 0;}
  .tophead-bg{margin-top:30px;}
  .place-order-acc{margin-bottom:30px;}
  .padd44-cl{padding: 20px 20px;}
  .establ-type-box{height: auto;}
  .scrollpositionDiv.divfixed{width:100%; position: static;}
  .menus{min-height:1px;}
}

@media (max-width:767px){
  .web-menu a{grid-template-columns: 7% 86% 3%;}
  .menu-banner{min-height:220px;}
  .banner-number{font-size:16px;}
  .banner-number svg{width:24px; height:24px;}
}
@media (max-width:600px){
  .mid-Vline{height:1px; width:100%; margin:15px 0;}
  .web-detail{display: block; padding:10px; text-align: center;}
  .web-detail-title{font-size:20px;}
  .web-detail address{font-size: 14px; line-height: 22px;}
  .web-menu-list-img{max-width:30px; max-height:30px;}
  .web-menu a{grid-template-columns:12% 81% 5%; font-size: 15px; min-height:44px; border-radius:10px; padding:0 10px;}
  .share-content-wrapper{display: block;}
  .popup-body{text-align: center;}
  .flip-card{margin: 0 auto 20px;}

  .order-box{border-radius:6px;}
  .menu-banner{padding:10px 60px 10px 10px; display: block; min-height:140px;}
  .menu-main-title{font-size:18px;}
  .menu-banner-title{font-size:26px; line-height:26px; margin-bottom:10px;}
  .banner-number{min-width:1px; width: 100%;}

  .thanks-box-title{font-size: 24px; line-height: 32px; margin-bottom: 5px;}
  .thanks-box-subtitle{font-size:18px;}
  .thanks-box-inner{padding:14px;}
  .verify-customer dt{float: none; width:100%;padding:0; border:0;}
  .verify-customer dd{border:0; padding:0; margin-bottom:10px;}
  .thanks-customer dd{clear: both; padding:0; margin-bottom:10px;}
  .order-summery{padding:15px; margin: -10px 10px 0;}
  .tophead-bg{height: 18px;}
  .order-summery-title{font-size: 18px;}
  .verify-div .text-end .primary-btn{margin-top: 20px;}
  .verify-customer, .check-div{padding:15px; border-radius:6px;}

  .check-div-list{display: block;}
  .check-div-list label{display: block;}
  .check-div .check-div-list input[type="checkbox"], .check-div .check-div-list input[type="radio"]{margin-top:-2px;}
  .verify-customer.thanks-customer{padding:10px 0; display:block;}

  .thanks-box .primary-btn{font-size: 14px; padding:8px 14px; margin-top:10px;}
  .invoice-list{font-size:14px; padding:8px 0;}
  .addtocart-list-name{font-size:14px; padding-right: 20px;}
  .order-summery .addtocart-listing{margin-bottom:15px;}
  .verify-customer dd{font-weight: normal;}
  .check-div-list{margin:6px 0;}
}