.shop_container
{
display: flex;
width: 94%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #fff;
}
ul.products-wrp {
	list-style: none;
	padding: 0;
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;  
	color: #777;  
	text-align: center;
}
ul.products-wrp li{
	display: inline-block;
	border: 1px solid #ECECEC;
	margin: 5px;
	background: #fff;
	text-align: center;
}
ul.products-wrp li h4{
	margin: 0;
	padding: 15px 5px 5px 5px;
	text-align: center;
	border-bottom: 1px solid #FAFAFA;
}
ul.products-wrp li .item-box{
	border: 1px solid #EAEAEA;
	background: #F9F9F9;
	margin: 5px;
	padding: 5px;
	text-align: left;
}
ul.products-wrp li .item-box div{
	margin-bottom:5px;
}
ul.products-wrp li .item-box button{
	margin-left: 5px;
	background: #FA1C5F;
	border: none;
	padding: 3px 8px 3px 8px;
	color: #fff;
}
ul.products-wrp li .item-box button[disabled=disabled]{
	background: #FC84A8;
}

.cart-box {
	color: #fff;
	text-decoration: none;
}
.cart-box:hover{
	background: #FA1C5F url(https://www.ncrpages.in/images/cart-icon.png) no-repeat 20px 5px;
}
.shopping-cart-box {
    position: fixed; /* Use fixed to stay relative to the viewport */
    color: #000000;
    background: #ffffff;
    border-radius: 4px; 
    padding: 10px; right:10px;
    font: small Verdana, Geneva, sans-serif;
    display: none;top: 160px;
    z-index: 99 !important;
    box-shadow: 0px 0px 10px 1px black;
	max-width:50em; min-width:30em;width:35em;
}
.shopping-cart-box a{
	color: #000000;
	text-decoration:none;
}
.shopping-cart-box:after {
	content: '';
	position: absolute;
	bottom: 100%;
	right: 55px;
	margin-left: -8px;
	width: 0; height: 0;
	border-bottom: 8px solid rgb(114 114 114);
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
}
.shopping-cart-box ul.cart-products-loaded{
	margin: 10px auto 10px auto;
	padding: 0;
	list-style: none;overflow-y: auto;
    max-height: 35em;
}
.shopping-cart-box .close-shopping-cart-box{
 position: relative;
    float: right;
    display: flex;
    background: black;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center;
    color: white;
    cursor: pointer;    right: 4px;

}
#shopping-cart-results ul.cart-products-loaded li{
	background: #d3d3d3;
	margin-bottom: 1px;
	padding: 6px 4px 6px 10px;
display: flex;        min-height: 3em;
    max-height: 5.5em;
    height: fit-content;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;

}
.cart-item-count{width:5%;    height: inherit;display: flex; align-items: center;}
.cart-prod-info{display: flex;  flex-direction: column;    justify-content: center;
width: 60%;    height: inherit;
  border-right:2px solid white;
  border-color:white;
  border-left:2px solid white;
  padding:2px 10px;
}
.cart-prod-name-info{font-size: 12px;color:#6c0000;
  font-weight: 600;}
.cart-prod-meta-info{display: flex;
  flex-direction: column;
}
.cart-prod-total-qty  {border-right:2px solid white;
  height: 33px;    font-weight: 700;
  display: flex;width:7%;    height: inherit;
  align-items: center;justify-content: center;
  padding:0px 0px 0px 0px;}

.cart-prod-total-price {border-right:2px solid white;
  height: 33px;    font-weight: 700;
  display: flex;width: 20%;    height: inherit;
  align-items: center;
  padding:0px 10px 0px 5px}
.cart-prod-remove-prod{    width:7%;padding: 0px 0px 0px 0px;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;}


.shopping-cart-box .remove-item{
	float:right;
	text-decoration:none;
}
.shopping-cart-box .cart-products-total{
    font-weight: bold;
    text-align: right;    
    padding: 5px 0px 0px 5px;
    display: flex;
    justify-content: end;
    column-gap: 2em;
    align-items: center;
}
.cart-products-total span{background:black;
  height: 20px;
  color: white;
  border-radius:10px;
  padding:2px 10px 1px 15px;
  text-decoration:none;
  display: flex;
  column-gap: 1em;
  width: fit-content;
  font-size: 12px;
  justify-content: center;
font-weight: normal;
}

.shopping-cart-box h3{
	margin: 0;
	padding: 0px 0px 5px 0px;
}

ul.view-cart {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  padding: 15px 15px 15px 25px;
  list-style: none;
}

ul.view-cart {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  padding: 15px 15px 15px 25px;
  list-style: none;
  border: 1px solid #ECECEC;
  border-radius: 4px;
}
ul.view-cart li span{
    float: right;
}
ul.view-cart li.view-cart-total{
  border-top: 1px solid #ddd;
  padding-top: 5px;
  margin-top: 5px;
  text-align: right;
}
hr{
	border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}



 /* Style the tab */
.tabb {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tabb button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tabb button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
} 
.cart_bar
{
	position:relative; float:left; margin:1em; width:97%;
}

#clear-cart{text-decoration:none; }
#clear-cart a {    color: black;
    text-decoration: none;
    padding: 2px 8px 1px 8px;
    border-radius: 8px;
    border: 1px solid #818181;
}
.cart_top_bar{position:relative; display: flex; width:100%; margin-bottom: 0.5em;}
#cart-info1{width: 14em; position:relative; float:left; width:60%;}
#cart-info1{font-size:12px;}
#clear-cart{position:relative;     width: 36%;
    display: flex;
    justify-content: end;}
#close-cart{ position:relative;     width: 10%;
    display: flex;
    justify-content: end;}
#cart_bottom_bar{padding:1em; position:relative; float:left;}
#shopping-cart-results{width: 100%; position:relative; float:left;}
.view-cart>li{padding: 0.5em; border-bottom: 1px solid #c4c4c4;}

 @media (max-width: 768px) {
.shopping-cart-box{min-width:96%;max-width:96%;}
}