<style>
.setqty.cart_events a, .setqty.cart_events span {
    display: none !important;
}
div#divoffer {
    z-index: 99999999999999999;
}
.offerpop span.waitloading {
    color: red;
    margin: 5px 0px;
    display: block;
}
.offerpop.popupright  img.single-img {
    padding: 0;
    width: 100%;
}
.offerpop.popupleft {width: 450px !important; float:left;}

.offerpop.popupright {width: 400px !important;float:right;}
		div#divoffer .clsContent.clsFoodStoreCard.exclude-calc { width:870px;}
		.textmepopupmodel .poprightwrapper {
   padding: 20px 50px 0px 50px !important;
}
div#divoffer .grooptextme {
    margin-top: 7px;
    margin-bottom: 7px;
    border: 1px solid #ddd;
	border-radius: 4px;
}
div#divoffer input {
    width: 85%;
    border: none;
    outline: none;
    padding: 10px 12px;
    border-radius: 4px;
    font-weight: 500;
    transition: 0.2s ease-out;
}
div#divoffer .poprightwrapper h3 {
    text-align: left;
    /* letter-spacing: 0px; */
    color: #000000;
    text-transform: capitalize;
    font-size: 40px;
    font-weight: 700;
}
div#divoffer p.bolddesc {
    text-align: left;
    font: normal normal 600 20px/23px Montserrat;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
	margin: 10px 0;
}
div#divoffer p.lightdesc {
    text-align: left;
    font: normal normal 500 14px/20px Montserrat;
    letter-spacing: 0px;
    color: #000000;
}
div#divoffer .textmepopupmodel .grooptextme {
    margin-top: 7px;
    margin-bottom: 7px;
    border: 1px solid #ddd;
	border-radius: 4px;
}
div#divoffer .grooptextme input {
    width: 85%;
    border: none;
    outline: none;
    padding: 10px 12px;
    border-radius: 4px;
    font-weight: 500;
    transition: 0.2s ease-out;
}

div#divoffer button#submitmsg {
    width: 170px;
    height: 40px;
    background: #000;
    color: #fff;
    display: block;
      margin: 15px 0 0px 0;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    background: #EC2044 0% 0% no-repeat padding-box;
    border-radius: 4px;
}
div#divoffer .popup-bottom-content input[type=text]:focus {
	border: none;
    transition: 0.2s ease-in;
}
div#divoffer .grooptextme span {
    /* width: 40px; */
    /* height: 40px; */
    background: #f1f0f0;
    padding: 10px 10px;
}
div#divoffer .popup-bottom-content {
    margin-top: 18px;
    text-align: left;
}
div#divoffer .popup-bottom-content label {
    font-weight: 500;
    color: #000000;
}
div#divoffer .offerpop.popupright  img.single-img {
    padding:0;
}
div#divoffer .popup-bottom-content {
    margin-top: 18px;
    text-align: left;
}





.clsCompleteCartshef .clsHead.basket.tempcarthead p {
    position: relative;
}


.clsCompleteCartshef .clsHead.basket.tempcarthead label {
    position: absolute;
    right: 10px;
    top: -17px;
    font-weight: 500;
    color: #000;
}
.clsCompleteCartshef .clsHead.basket.tempcarthead label img {
      position:relative;
      top:8px;
      width:25px;
       
}
.clsCompleteCartshef a.setqtyplus {background: #F5F5F5 0% 0% no-repeat padding-box;border: 1px solid #E4E4E4;border-radius: 4px 0px 0px 4px;width: 40px;height: 25px;text-align: center;color: #000000;line-height: 20px;font-size: 14px;font-weight: 500;}

.clsCompleteCartshef a.setqtyminus {background: #F5F5F5 0% 0% no-repeat padding-box;border: 1px solid #E4E4E4;border-radius: 0px 4px 4px 0px;width: 40px;height: 25px;text-align: center;color: #000000;font-size: 14px;line-height: 20px;font-weight: 500;}

.clsCompleteCartshef span.setqty{
    width:100%;
    display: flex;
}

.clsCompleteCartshef span.qty {
    width: 100%;
    text-align: center;
    border: 1px solid #E4E4E4;
    line-height: 22px;
    color: #000000;
}

.clsCompleteCartshef .qtyDetails.flex-child {
    margin-top: 5px;
}


.clsCompleteCartshef .clsHead.basket.tempcarthead p {
    position: relative;
}
.clsHead.basket.tempcarthead label {
    position: absolute;
    right: 10px;
    top: -17px;
    font-weight: 500;
    color: #000;
}
.clsHead.basket.tempcarthead label img {
      position:relative;
      top:8px;
      width:25px;
       
}

.clsshefCartProdslist.clsProd {
    width: 140px !important;
    margin: 0px 8px 8px 8px;
    border: 0;
}
.clsshefCartProdslist.clsProd img {
    max-width: 100%;

}
.clsCompleteCartshef .clsInnerCart .clsContent .clsCartStore {
	padding: 3px 0;

}
.clsCompleteCartshef .slick-arrow.right {
	right: 3px;
}
.clsCompleteCartshef .slick-arrow.left {
	left: 3px;
}
.clsshefCartProds {
    padding: 0px 20px;
}
.clsshefCartProds span.price.priceVal {
    font-size: 12px;
}
.clsshefCartProdslist.clsProd p.prodName {
    text-align: left;
    letter-spacing: 0px;
    color: #000;
    opacity: 1;
    font-weight: 500;
    font-size: 11px;
    line-height: 14px;
    height: 31px;
	overflow:hidden;
}
.clsCompleteCartshef p.totalorderamountbystore {
    padding: 5px 0 !important;
    font-size:12px;
}

.clsCompleteCartshef .clsCartStores {
    padding: 3px 0px !important;
}

.clsCompleteCartshef .clsCartStores img.storeimg { width:54px;}
.clsshefCartProdslist.clsProd .clsDetails {
	display:block;
	margin-top: 4px;
}
.allcartwrapper {
	overflow-y: auto;
    max-height: calc(100% - 107px);
}
.allcartwrapper.active {

    max-height: calc(100% - 50px);
}



.clsInnerCart p {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1;    
}
	
.clsMinOrderAmt{
	font-weight: 600;
 color: #000;
	font-size: 14px;
}

.border-bottom {
  -webkit-box-shadow: 0 4px 6px -6px #222;
  -moz-box-shadow: 0 4px 6px -6px #222;
  box-shadow: 0 6px 6px -6px #A6A6A6;
  padding-top:15px;
}


p.clsMinOrderAmt.minicart-min-delivery-msg {
	color:#fff;
}

.clsCartStore .price{
	float: right;
	font-size: 14px;
	font-weight: 600;
    color: #000;
}

.clsInnerCart .clsContent{
	padding: 0px 0px;
}

.clsInnerCart .clsContent #cartStoreProd{
	background-color: #FFF;
	border-top: 3px solid #F3F3F3;
	margin-top: 5px;
	border-bottom: 3px solid #F3F3F3;
}
	
.clsInnerCart .clsContent .clsCartProds{
	padding: 10px 0px;
	border-bottom: 1px solid #ddd;
}


.clsInnerCart .clsContent .clsCartStores {
    /*display: flex;
		align-items: flex-start;*/
		padding: 7px 0px;
		border-bottom: 2px solid #F3F3F3;
}	
.clsInnerCart .clsContent .clsCartStore {
    display: flex;
    align-items: flex-start;
    padding: 7px 0;
}

.clsInnerCart .clsContent .clsCartStore .clsStoreData {
    margin-left: 10px;
    flex: 1;
}

.clsInnerCart .clsContent .clsCartProd:not(:last-child) {
    border-bottom: none;
}

.clsInnerCart .clsHead .clsCart3{
		color: #000;
		padding: 0 10px 10px 15px;
		margin-bottom: 0px;
}

.clsInnerCart .clsHead{
	background-color:#FFFFFF;
	border-bottom: 2px solid #E6E6E6;
}

.clsInnerCart .clsCompleteCart{
	background-color: #FAFAFA;
	    /* overflow-y: auto; */
    /* max-height: calc(100% - 107px); */

}


.clsInnerCart .clsContent .clsCartProd .clsDetails .qtyDetails p:first-child .setqty a{
	    display: inline-block;
    color: #000;
		width: 26px;
    text-align: center;
    background-color: #F5F5F5;
    border: 1px solid #EDEDED;
    font-size: 20px;
}

.clsInnerCart .clsContent .clsCartProd .clsDetails .qtyDetails p:first-child .setqty span{
	background-color: #fff;
	width: 24px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	font-size: 14px;
	text-align: center;
    color: #000;
	font-weight:500;
}

.clsInnerCart .clsContent .clsCartProd .clsDetails p:nth-child(3) {
    font-size: 11px;
    margin-top:10px;
}

.clsInnerCart .clsContent .clsCartProd .clsDetails p:nth-child(4), .clsInnerCart .clsContent .clsCartProd .clsDetails p:nth-child(5) {
    font-size: 11px;
    margin-top: 5px;
}

.btn-margin{
	margin-left:15px;
	margin-right:15px;
}

.clsInnerCart .clsContent .clsCartProd .clsDetails {
    display: flex;
}

.flex-child {
    flex: 1;
}

.flex-child:first-child {
    margin-right:0px;
}

 @media (max-width: 768px) {
				div#divoffer .clsContent.clsFoodStoreCard.exclude-calc {width: 100%;
    min-width: 100%;}
		.offerpop.popupleft {
    width: 100% !important;
    float: none;
}
div#divoffer .poprightwrapper {
    padding: 20px 30px 0px 30px !important;
}
.offerpop.popupright {
    width: 100% !important;
    float: none;
	padding-top:20px;
}
 }
  @media only screen and (min-width: 800px)  and (max-width: 900px) { 
	  div#divoffer .clsContent.clsFoodStoreCard.exclude-calc {
    width: 800px;
}
 div#divoffer .clsContent.clsFoodStoreCard.exclude-calc .offerpop.popupleft {
    width: 410px !important;
}
 div#divoffer .clsContent.clsFoodStoreCard.exclude-calc .offerpop.popupright {
    width: 389px !important;
    float: right;
}
.clsCompleteCartshef p.totalorderamountbystore {
    padding: 5px 0 !important;
    font-size: 10px;
}
  }
  .clsMinOrderAmt-you-might{
	  font: normal normal 500 16px Poppins!important;
letter-spacing: 0px;
color: #000000;
opacity: 1;
text-shadow: 0 0 #000000;
  }
  .clsSearchPg-mini .clsContent-mini{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 0;
	padding-left: 28px;
    padding-right:0px;
	
}

.clsProd-mini {
    width: 130px!important;
    display: inline-block;
    outline: 0;
}
.clsProdImg{
	width: 130px;
    height: 130px;
}
.clsTitle_mini {
    text-align: left;
    font: normal normal 500 12.5px/17px Poppins!important;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    text-transform: capitalize;
   
}
.clsProdImg-mini {
    width: 100px;
   height:80px;
}
.clsPrice_mini{
	text-align: left;
font: normal normal 500 12px/22px Poppins!important;
letter-spacing: 0px;
color: #333333;
opacity: 1;
text-shadow: 0 0 BLACK;
}
.img-mini{
padding-top: 15px;
    padding-bottom:0px;	
	height: 113px;
}
.clsaddbtn {
       background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    border-radius: 100%;
    width: 28px;
    height: 28px;
    color: #333333;
    cursor: pointer;
    z-index: 1!important;
    position: relative;
    top: -24px;
    left: 78px;
}

</style>
<style>
@media only screen  and (max-width: 550px) {
  .clsSearchPg-mini .clsContent-mini {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 0;
    padding-left: 28px;
    padding-right: 0px;
}
.clsProd-mini {
    width:100%!important;
    display: inline-block;
    outline: 0;
}
}
</style>
<div class="clsMiniCart" id="minicart">
    <div class="clsInnerCart">
        <div class="clsHead basket">
            <p class="clsCart3">
                <carttype class="maincarthead">Quicklly Cart</carttype> <a href="javascript:void(0);" onClick="toggleInnerCart();"><span style="font-size: 20px; padding-right: 13px;color: #000;padding-bottom: 10px;">x</span></a>
            </p>

            <div class="clsSlider" style="display:none;">
                <a href="#" class="active">Fresh Farms</a>
            </div>
        </div>

        <div class="clsContent">
		               
					   <div class="allcartwrapper">
					   <div class="clsCompleteCartshef" style="background-color:#FAFAFA">
					   </div>
					   
					 
					   <div class="btn-margin shefbtnproee">
							<input type="hidden" id="netamtshef" value="0">
							<a href="javascript:void(0)" class="clsBtn" id="lnkshefcheckout"  style="display: none;" onclick="return proceedtoshefcheckout();">Checkout with Shef $[NETAMOUNTSHEF]</a></div>
						<div class="clsHead basket tempcarthead" style="display:none">
            <p class="clsCart3">
                <carttype>Quicklly Cart</carttype> <label><img src="images/kimbala/delivery-icon.svg" width="27" alt="Delivery Van"> 
							Free Delivery Over $30	</label>
            </p>

            <div class="clsSlider" style="display:none;">
                <a href="#" class="active">Fresh Farms</a>
				
            </div>
        </div>
						
						<div class="clsCompleteCart" style="background-color:#FAFAFA"></div>
						
						
					
						
						<div class="clsTemplate">
                <div id="tempQtymini">
                   <!-- <span class="clsQty" style="position: relative;
    bottom: 8px;">
                        <span class="cqty"> - </span>
                        <select onchange="ddlQty_onChange_mini(this);" id="val">
                            <option value="0">0</option>
                            <option value="1" selected="">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="4">4</option>
                            <option value="5">5</option>
                            <option value="6">6</option>
                            <option value="7">7</option>
                            <option value="8">8</option>
                            <option value="9">9</option>
                            <option value="10">10</option>
                            <option value="11">11</option>
                            <option value="12">12</option>
                            <option value="13">13</option>
                            <option value="14">14</option>
                            <option value="15">15</option>
                            <option value="16">16</option>
                            <option value="17">17</option>
                            <option value="18">18</option>
                            <option value="19">19</option>
                            <option value="20">20</option>
                        </select>
                        <span onclick="getplus(1)"> + </span>
                    </span>-->
                </div>
            </div>
						
                       </div>
          
           
			
			
            <p class="clsCartEmpty btn-margin" id="lblCartEmpty" style="display: none;">Your cart is empty </p>		
						<p class="minicart-min-delivery-msg btn-margin" id="fdBtn">
							<img src="images/delivery_van.png" width="27" alt="Delivery Van" loading="lazy"/> 
							Free Delivery Over <?php if($_SESSION['value_packaging_fee']==1){?>$0<?php } else {?>$30<?php } ?>
						</p>
            <div class="btn-margin">
							<input type="hidden" id="netamt" value="0">
							
							<a href="javascript:void(0)" class="clsBtn" id="lnkProceedToCheckout"  style="display: none; color:#fff;" onclick="savephonecart();">Save Cart $[NETAMOUNT]</a></div>
						
							
        </div>
        
    </div>
</div>

<input type="hidden" id="browsername">
<div class="clsTemplate">
<div id="sheftmpChkOutBtn">Checkout with Shef $[NETAMOUNTSHEF]</div>
<div id="sheftempStoreProd">
		 <div id="shefcartStoreProd">
			<div id="cartStoreProd" >
				<div class="clsCartStores"></div>
											 
				<div class="clsshefCartProds clsSlider"></div>
			</div>
			</div>
         </div>
		 
		 
		   <div id="sheftempMiniCart-Stores"> 
			<div class="clsCartStoreTemp">
				<div class="clsCartStore">
						<img src="images/no-img.jpg" class="storeimg" loading="lazy"/> 
					
						<div class="clsStoreData">	
							<p class="clsMinOrderAmt"> Shef
								
							</p>
							<p class="totalorderamountbystore"> Minimum Order Value: $25</p>	
<p class="totalorderamountbystore freedelaboveshef"> Delivery Charge: <strong>$4.25</strong> I Free Delivery Above <strong>$25</strong></p>							
						</div>
				</div>
			</div>	
		 </div>	
		 
		     <div id="sheftempMiniCart-Prod">
				
        <div class="clsshefCartProdslist clsProd">
            <img src="images/quicly-logo-black.png" alt="[Name1]" />
            
            <div class="clsDetails">
                <div class="flex-child" style="flex:2.5">
									<p class="prodName" >	[Name2] </p>
                <p>
										<span class="price priceVal">$[UnitPrice]</span> </p> 
										
                </div>
                <div  class="qtyDetails flex-child">
                   <p> 
										
                    <span class="setqty" id="qty_cart_[pid]">
                        <a class="setqtyplus" href="javascript:void(0)" onclick="removeQtyMiniCart([i1],'[Key1]','[pid2]')">-</a>
                        <span class="qty">[qty]</span>
                        <a class="setqtyminus" href="javascript:void(0)" onclick="addQtyMiniCart([i2],'[Key2]')">+</a>
                    </span>
                </p>
                </div>
				
            </div>
        </div>
    </div>
		 
		
		
		<div id="tmpChkOutBtn">Save Cart $[NETAMOUNT]</div>
		
		
		<div id="tempStoreProd">
			<div id="cartStoreProd" >
				<div class="clsCartStores"></div>
											 
				<div class="clsCartProds"></div>
			</div>
</div>

    <div id="tempMiniCart-Store">
        <a href="javascript:void(0);" onclick="selectMiniStore(this);" style="display:none;" data-sid="[SID]">[Name]</a>
    </div>
    
    <div id="tempMiniCart-Stores"> 
			<div class="clsCartStoreTemp">
				<div class="clsCartStore">
						<img src="images/no-img.jpg" class="storeimg" loading="lazy"/> 
					
						<div class="clsStoreData">	
							<p class="clsMinOrderAmt">[TotalOrderAmount]
								<span class="price">$[TotalPrice]</span>
							</p>
							<p class="totalorderamountbystore"> Minimum Order Value: $[MinOrderAmt]</p>						
						</div>
				</div>
				[WarnMsg]
			</div>	
		</div>	
		
    <div id="tempMiniCart-Prod">
				
        <div class="clsCartProd">
            <img src="images/quicly-logo-black.png" alt="[Name1]" />
            
            <div class="clsDetails">
                <div class="flex-child" style="flex:2.5">
									<p class="prodName" >	[Name2] </p>
                <p>
										<span class="price priceVal">$[UnitPrice]</span> </p> 
										<p> 
											<a href="javascript:void(0)" id="lnk_cart_[pid]" onclick="removeMiniCartProd([i],'[Key]')" title="Remove">
											<img src="images/trash_icon.png" title="Remove" style="width:16px;height:16px" />
											</a>
											<a href="javascript:void(0)" id="lnk_cart_[pid]" onclick="removeMiniCartProd([k],'[KeyR]')" title="Remove">Remove</a>
                  </p>  
									<p class="subs_type">[sub]</p>
									<p>[Remarks]</p>
                </div>
                <div  class="qtyDetails flex-child">
                   <p> 
										<span class="price priceVal1">$[Price]</span>
                    <span class="setqty [Key3]" id="qty_cart_[pid]">
                        <a href="javascript:void(0)" id="mi[pid]" onclick="removeQtyMiniCart([i1],'[Key1]','[pid2]')">-</a>
                        <span class="qty">[qty]</span>
                        <a href="javascript:void(0)" id="add[pid]"  onclick="addQtyMiniCart([i2],'[Key2]')">+</a>
                    </span>
                </p>
                </div>
				
            </div>
        </div>
    </div>
</div>

<script>

function getplus(a)
{
   var val= $("#val"+a).val();
   var b = parseInt(val)+parseInt(1);
   if(b<21)
   {
    console.log(b);
   $("#val"+a).val(b);
   $("#add"+a).click();
   // $("#val"+a).click();
   }

}

function getminus(a)
{
    var val= $("#val"+a).val();
   var b = parseInt(val)-parseInt(1);
   console.log(b);
   $("#mi"+a).click();
    if(b>0)
    {
         console.log('if');
        //$("#box"+a).hide();
        //$("#clsaddbtn"+a).show();
        $("#val"+a).val(b);
       // $("#val"+a).click();
    }
    else
    {
        console.log('else');
         $("#box"+a).hide();
        $("#clsaddbtn"+a).show();
   $("#val"+a).val(b);
//$("#val"+a).click();
     $("#val"+a).val(1);
    }
    
}
function open_box(boxid)
{
    $("#"+boxid).show();
}


 
fnBrowserDetect();									


  function openDialogoffer(id) {
                                            $('#' + id).fadeIn('fast', function () {
                                                $(this).find('.clsDialog-Box').slideDown('normal');
                                                $(this).find('.clsDialog-Box').css({'pointer-events': 'auto'});
                                            });
                                        }

                                        function closeDialogoffer(id) {
                                            $('#' + id).find('.clsDialog-Box').slideUp('fast', function () {
                                                $('#' + id).fadeOut('fast');
                                                $('#' + id).find('.clsDialog-Box').css({'pointer-events': 'none'});
                                            });
                                        }
document.querySelector("#textmephonenumer").addEventListener("keypress", function (evt) {
    if (evt.which != 8 && evt.which != 0 && evt.which < 48 || evt.which > 57)
    {
        evt.preventDefault();
    }
});
function fnBrowserDetect(){
                 
         var userAgent = navigator.userAgent;
         var browserName;
         
         if(userAgent.match(/chrome|chromium|crios/i)){
             browserName = "chrome";
           }else if(userAgent.match(/firefox|fxios/i)){
             browserName = "firefox";
           }  else if(userAgent.match(/safari/i)){
             browserName = "safari";
           }else if(userAgent.match(/opr\//i)){
             browserName = "opera";
           } else if(userAgent.match(/edg/i)){
             browserName = "edge";
           }else{
             browserName="No browser detection";
           }
        // document.getElementById('browsername')
         document.querySelector("#browsername").value=browserName;
         
		 }										
</script>