/***************** *** Product Screen ****** *************/
.saleLeftSideDivContent   { height:100%; width: 25%; overflow: hidden; padding: 0rem; background:#f8f8f8; }
.saleCenterSideDivContent { height:100%; width: 50%; overflow: hidden; padding: 0rem;}
.saleRightSideDivContent  { height:100%; width: 25%; overflow: hidden; padding: 0rem; background:#f8f8f8; }

.saleLeftSideDivContent .cardDivContent  	 { height: 94%; padding: 1rem 0rem 0rem 0rem; margin-bottom: 0px; }
.saleLeftSideDivContent .marqueeDivContent   { height:  6%; padding: 1rem 1rem; width:100%; background:#0381b3; }

/******************** 
*** Left Side ***
*********************/ 
/************ * Sale Cart Div Design ***** ****************/
.saleLeftSideDivContent .cardDivContent .topButtonInfo { padding: 0rem 1rem; }
.saleLeftSideDivContent .cardDivContent h3 { margin-top: 0rem; font-size: 2.5rem; } 
.saleLeftSideDivContent .cardDivContent .backButton      { float: right; padding: 0.6rem 1rem; display: none; }
.saleLeftSideDivContent .cardDivContent .cartDelete      { float: right; padding: 0px 3rem 0rem 1rem; font-size: 3rem; }

.saleLeftSideDivContent .cardDivContent .cartItemContent   { height:73%; width:100%; overflow-y: auto; overflow-x: hidden; }
.saleLeftSideDivContent .cardDivContent .billDetailContent { max-height: 23%; overflow: auto; bottom: 0; position: absolute; padding-top: 1rem; }

/* *************** Product Cart ** ******************** */
.saleLeftSideDivContent .cardDivContent .cartDivBreakHr  { border-top: 1px solid #ccc5c5; padding-top: 0.5rem; }
.saleLeftSideDivContent .cardDivContent	.productDelete   { color:red; margin-bottom: 0rem;}
.saleLeftSideDivContent .cardDivContent .productName     { font-size:1.5rem; font-weight:600; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; }
.saleLeftSideDivContent .cardDivContent .productQuantity { font-size:1.5rem;}
.saleLeftSideDivContent .cardDivContent	.productTotal	 { font-size:1.5rem;}
.saleLeftSideDivContent .cardDivContent .productPrice    { font-size:1.5rem; }
.saleLeftSideDivContent .cardDivContent .productDisc     { font-size:1.5rem; text-align: right; }
.saleLeftSideDivContent .cardDivContent .cartProEdit     { background: #fff; }

/**************** Bill Detail ** *********************/

.saleLeftSideDivContent .cardDivContent .billDetailContent .divBreakHr 	   { border-top: 2px solid #ccc5c5; display: block; margin-block-end: 0.5em; }
.saleLeftSideDivContent .cardDivContent .billDetailContent .billHeading    { font-size:1.8rem; text-align: left; }
.saleLeftSideDivContent .cardDivContent .billDetailContent .billHeadingAmt { font-size:1.8rem; text-align: right; color: #6d6d6d;  padding-top: 0.5rem; margin-bottom: 0.5rem;}
.saleLeftSideDivContent .cardDivContent .billDetailContent .couponHeading  { font-size:1.8rem; text-align: left; }

/******************** *** Marquee Content ************************/ 
.saleLeftSideDivContent .marqueeDivContent .footerMarque { color: #fff; font-size: 3rem; line-height: 3rem; }
.saleLeftSideDivContent .marqueeDivContent img { height:3rem ; width:auto;} 


/******************** 
*** Center Side ***
*********************/ 
.saleCenterSideDivContent .itemRetailDiv     { height:100%; width: 100%; }
.saleCenterSideDivContent .itemRetailContent { height:81%;  width: 100%; }
.saleCenterSideDivContent .bottomButtonIcon  { height:19%;  width: 100%; background: #efefef; overflow: overlay; }
.saleCenterSideDivContent .cartItemEditDiv   { display:none;  }

/************** Center Side Content // SearchBox *********************/
.saleCenterSideDivContent .searchDivContent { margin-top: 0rem; }
.saleCenterSideDivContent .searchDivContent .searchbox 		{ font-size: 2rem; padding: 2.5rem 1rem; }  
.saleCenterSideDivContent .searchDivContent .cartProAutoContainer ul { position: absolute; z-index: 9; background: #0381B3; padding:0rem; color: white; font-size: 2rem;  }
.saleCenterSideDivContent .searchDivContent .cartProAutoContainer ul li { padding: 1rem; border-bottom: 1px solid #7ea2d6; }
.saleCenterSideDivContent .searchDivContent .cartProAutoContainer ul li:hover { background: #5cb85b; }
.saleCenterSideDivContent .searchDivContent .cartProAutoContainer .ulselected { background: #4d585d; }

/************** Center Side Content // Breadcrum *********************/
.saleCenterSideDivContent .breadcrumbDiv    { margin-left: 0rem; margin-right: 0rem; padding-top:1rem; padding-bottom: 1rem; }
.saleCenterSideDivContent .breadcrumbDiv .breadCrumbButton { float: left; font-size: 2rem; padding: 1.25rem 2rem; background: #efefef; color: #333; border-color: #efefef;}
.saleCenterSideDivContent .breadcrumbDiv .breadCrumbActive { background: #5cb85c; color: #ffffff; border-color: #4cae4c; }
.saleCenterSideDivContent .breadcrumbDiv .openCartButton   { float:right; font-size: 2rem; padding: 1.25rem 2rem; display: none; margin: 0.4rem; }

/************** Center Side Content // Cate Div Content *********************/
.saleCenterSideDivContent .liveOrderDivContent .borderRadius { height:67%; width:99.5%; overflow-y: auto; position: absolute; margin-left: 0.5rem;  }
.saleCenterSideDivContent .mainCateDivContent  .borderRadius { height:67%; width:99.5%; overflow-y: auto; position: absolute; margin-left: 0.5rem;  } 
.saleCenterSideDivContent .subCateDivContent   .borderRadius { height:67%; width:99.5%; overflow-y: auto; position: absolute; margin-left: 0.5rem;  } 
.saleCenterSideDivContent .productDivContent   .borderRadius { height:67%; width:99.5%; overflow-y: auto; position: absolute; margin-left: 0.5rem;  }

/************** Center Side Content // Cate Div Content // Main-category  /Product ****************/
.saleCenterSideDivContent .mainCateDivContent  .main-cate,
.saleCenterSideDivContent .subCateDivContent   .sub-cate ,
.saleCenterSideDivContent .liveOrderDivContent .order-item   { width: 19%; margin: 0.4rem; display: inline-block; padding:0.5rem; }
.saleCenterSideDivContent .productDivContent   .productItem  { width: 19%; position: relative; display: inline-block; margin: 0.4rem; padding:0.5rem; margin-bottom: 3rem;}

.saleCenterSideDivContent .mainCateDivContent  .main-cate h2,
.saleCenterSideDivContent .subCateDivContent   .sub-cate  h2,
.saleCenterSideDivContent .liveOrderDivContent .order-item h2  { text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 15.5rem; margin-top: 0rem;
    															margin-bottom: 0.5rem; color: #fff; font-size: 2rem; line-height: 2.2rem; }

.saleCenterSideDivContent .mainCateDivContent .main-cate   .nameInitialDiv,
.saleCenterSideDivContent .subCateDivContent  .sub-cate    .nameInitialDiv,
.saleCenterSideDivContent .productDivContent  .productItem .nameInitialDiv  { width:16rem; height:15rem; padding-top:6rem; background: #fff; text-align: center;}

.saleCenterSideDivContent .mainCateDivContent .main-cate   .nameInitial,
.saleCenterSideDivContent .subCateDivContent  .sub-cate    .nameInitial,
.saleCenterSideDivContent .productDivContent  .productItem .nameInitial  { font-size:  5rem; color:#fff; }

.saleCenterSideDivContent .mainCateDivContent .main-cate   img,
.saleCenterSideDivContent .subCateDivContent  .sub-cate    img,
.saleCenterSideDivContent .productDivContent  .productItem img  { width: 15.5rem; height: 15.5rem; background: #fff; }


/************** Center Side Content // Cate Div Content // Product Div *********************/

.saleCenterSideDivContent .productDivContent .productItem .price-tag 
{
	position: absolute; top:1.2rem; color: white; line-height: 2.2rem; font-size: 2rem; background: #333; padding: 0.5rem 0.5rem;
	border-bottom-right-radius: 1rem; 
} 
.saleCenterSideDivContent .productDivContent .productItem .price-tag  span{ padding-right: 0.5rem; }

.saleCenterSideDivContent .productDivContent .productItem .multi-invt-tag 
{
	position: absolute; bottom:2px; color: white; line-height:1rem; font-size: 5px; background: #333; padding: 3px 5px 3px 2px;
	border-bottom-right-radius: 1rem;
}

.saleCenterSideDivContent .productDivContent .product-name 
{ 
	font-size: 1.4rem; line-height: 1.7rem;  position: absolute; font-weight: bold;  text-overflow: ellipsis; overflow: hidden;  white-space: nowrap;
	 max-width: 15.5rem; color: #333;  margin-top: 0.5rem; overflow: visible; white-space: unset;
}
.saleCenterSideDivContent .productDivContent .product-name:hover { overflow: visible; white-space: unset; }


/******************** *** Cart Edit Product Scrren *************************/
.saleCenterSideDivContent .cartItemEditDiv { display:none; }
.saleCenterSideDivContent .cartItemEditDiv .cartItemEditCancel 	  { background: #fff; color: #0381b3; }
.saleCenterSideDivContent .cartItemEditDiv .cartItemEditCancel h3 { margin-top: 0.5rem; font-size: 3rem;}
.saleCenterSideDivContent .cartItemEditDiv .cartItemEditContent   { background:#f1eef7; bottom: 0rem; position: absolute; top: 4rem; width:100%; }

.saleCenterSideDivContent .cartItemEditDiv .cartItemEditContent .itemEditTabs { padding-left:0rem; height:100%}
.saleCenterSideDivContent .cartItemEditDiv .cartItemEditContent .itemEditTabs .nav {  padding-left: 0;  margin-bottom: 0;}
.saleCenterSideDivContent .cartItemEditDiv .cartItemEditContent .itemEditTabs .nav-tabs { border-bottom: none; }
.saleCenterSideDivContent .cartItemEditDiv .cartItemEditContent .itemEditTabs .nav-tabs > li { padding: 0rem; font-size: 2.5rem; }
.saleCenterSideDivContent .cartItemEditDiv .cartItemEditContent .itemEditTabs .nav-tabs > li > a { margin-right: 0rem; color: #428bca; background-color: #f8f8f8; }
.saleCenterSideDivContent .cartItemEditDiv .cartItemEditContent .itemEditTabs .nav-tabs > li.active > a { color: #428bca; cursor: default;  background-color: #f1eef7;}

.saleCenterSideDivContent .cartItemEditDiv .cartItemEditContent .tab-content  { height: 90%; overflow-y: auto;}
.saleCenterSideDivContent .cartItemEditDiv .cartItemEditContent .tab-content .container  { width: 100%;}
.saleCenterSideDivContent .cartItemEditDiv .cartItemEditContent .tab-content .keyPadContent { margin-top: 3rem; width:100% }

/*********************** Edit Cart Heading  ************************/
.saleCenterSideDivContent .cartItemEditContent .editTextBox	 { text-align: center; }
.saleCenterSideDivContent .cartItemEditContent .editTextBox ul { margin:0 !important; text-align:center; padding-inline-start: 0rem; }
.saleCenterSideDivContent .cartItemEditContent .editTextBox ul li { display: inline-block;  margin: 0 -4px 12px 0px; }
.saleCenterSideDivContent .cartItemEditContent .editTextBox .qtylabel   { padding: 4.4rem 2.5rem 3.9rem 1.5rem; font-size: 2.5rem; background: #fff; display: initial; 
												border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.saleCenterSideDivContent .cartItemEditContent .editTextBox .unitlabel  { padding: 4.4rem 2.5rem 3.9rem 1.5rem; font-size: 2.5rem; background: #fff; display: initial; 
												border-top-right-radius: 10px; border-bottom-right-radius: 10px; color: #9d9ea2;}
.saleCenterSideDivContent .cartItemEditContent .editTextBox .pricelabel { padding: 4.4rem 5.0rem 3.9rem 5.0rem; font-size: 2.5rem; background: #fff; display: initial; 
												border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.saleCenterSideDivContent .cartItemEditContent .editTextBox .disclabel  { padding: 4.4rem 3.0rem 3.9rem 3.0rem; font-size: 2.5rem; background: #fff; display: initial;
												border-top-left-radius: 10px; border-bottom-left-radius: 10px; }												
.saleCenterSideDivContent .cartItemEditContent .editTextBox input		  { padding: 1.0rem 1.5rem 1.0rem 1.5rem; font-size: 3.6rem; width: 19rem; height: 11rem; background: #fff; 
												border: none; text-align:right; color: transparent; text-shadow: 0 0 0 #333;}
.saleCenterSideDivContent .cartItemEditContent .editTextBox input:focus{ outline: none;}
.saleCenterSideDivContent .cartItemEditContent .editTextBox .unitlabel .deleteIcon { color:#333; font-size: 4rem; }
.saleCenterSideDivContent .cartItemEditContent .editTextBox .unitlabel .rupeeIcon  { padding-right: 3rem; font-size: 3rem; }

/******************** *** Edit Cart Keypad  ************************/	
.saleCenterSideDivContent .cartItemEditContent .numaricKeyPadGrid { width: 100%; }
.saleCenterSideDivContent .cartItemEditContent .numaricKeyPadGrid ul { margin:0 0 -5px 0; text-align:center; padding-inline-start: 0rem; }
.saleCenterSideDivContent .cartItemEditContent .numaricKeyPadGrid ul li { display: inline-block;  margin: 0 1px 12px 0px; }
.saleCenterSideDivContent .cartItemEditContent .numaricKeyPadGrid ul li a { border-radius: 10px; color: #0381b3; display: block; font-weight: bold; }
.saleCenterSideDivContent .saleCenterSideDivContent .cartItemEditContent .numaricKeyPadGrid ul li a:hover { background: #0381b3; color: #fff; text-decoration: none; }
.saleCenterSideDivContent .cartItemEditContent .numaricKeyPadGrid .key-btn { width: 16rem; height: 8rem; padding: 3rem; font-size: 3rem;background:#fff; color:#0381b3; 
													text-decoration: none; margin: 0rem 0.2rem; }
.saleCenterSideDivContent .cartItemEditContent .numaricKeyPadGrid .key-btn:active { box-shadow: 0 0 rgb(96, 96, 96) !important; top: 2px; }
.saleCenterSideDivContent .cartItemEditContent .numaricKeyPadGrid .key-icon { font-size:2.5rem;}
.saleCenterSideDivContent .cartItemEditContent .numaricKeyPadGrid .disc-btn { background:#2e99db; color:#333; }
.saleCenterSideDivContent .cartItemEditContent .numaricKeyPadGrid .percentageDicount  { display:block; }
.saleCenterSideDivContent .cartItemEditContent .numaricKeyPadGrid .fixedDicount  		{ display:none; }

.saleCenterSideDivContent .cartItemEditContent .cartEditButton { text-align: center; margin-top: 1rem;}
.saleCenterSideDivContent .cartItemEditContent .cartEditButton ul { margin:0; text-align:center; padding-inline-start: 0rem; }
.saleCenterSideDivContent .cartItemEditContent .cartEditButton ul li { display: inline-block; }
.saleCenterSideDivContent .cartItemEditContent .submitButton { font-size: 3rem;  padding: 2.5rem 21rem; color: #ffffff; background: #5cb85c; border-radius:10px; cursor: pointer;  
							  		 display: block; text-decoration: none; }

/******************** *** Toggle Switch  ************************/									 
.saleCenterSideDivContent .cartItemEditContent .switch {position: relative; display: inline-block; width: 60px; height: 3.4rem; top: 1rem; }
.saleCenterSideDivContent .cartItemEditContent .switch input { opacity: 0; width: 0; height: 0; }
.saleCenterSideDivContent .cartItemEditContent .slider {position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#ccc; -webkit-transition:.4s; transition:.4s;}
.saleCenterSideDivContent .cartItemEditContent .slider:before { position: absolute; content: ""; height: 2.6rem; width: 2.6rem; left: 0.4rem; bottom: 0.4rem; background-color: white; -webkit-transition: .4s; transition: .4s; }
.saleCenterSideDivContent .cartItemEditContent input:checked + .slider { background-color: #2196F3; }
.saleCenterSideDivContent .cartItemEditContent input:focus + .slider { box-shadow: 0 0 1px #2196F3; }
.saleCenterSideDivContent .cartItemEditContent input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
.saleCenterSideDivContent .cartItemEditContent .slider.round { border-radius: 3.4rem; }
.saleCenterSideDivContent .cartItemEditContent .slider.round:before { border-radius: 50%; }

/******************* Checkbox Switch  ************************/
.saleCenterSideDivContent .cartItemEditContent .badgeLable  { margin-right:5px; font-size: 2rem; float: left; }
.saleCenterSideDivContent .cartItemEditContent .badge { font-size: 2rem; padding: 0.4rem 2rem 0.5rem 1.6rem; }

/******************** 
*** Right Side ***
*********************/ 
.saleRightSideDivContent .cartPaymentOptionDiv  { height: 93%; top:10px;}  
.saleRightSideDivContent .paymentButtonDiv      { height: 6%;  width:100%; padding: 0rem;  }

.saleRightSideDivContent .cartPaymentOptionDiv .radioLabel { font-size: 1.6rem; padding: 0.8rem 1.7rem; margin-right:5px; margin-bottom: 5px; background: #428bca; color:#ffffff;  }
.saleRightSideDivContent .cartPaymentOptionDiv .badgeLable   		{ font-size: 1.7rem; margin-right:5px; }
.saleRightSideDivContent .cartPaymentOptionDiv .badge 	   			{ font-size: 1.7rem; padding: 0.4rem 2rem 0.5rem 1.6rem; } 
.saleRightSideDivContent .cartPaymentOptionDiv .methodRadioLable 	{ margin-right:5px;font-size: 1.8rem; height: 3rem;  width: 15rem; }
.saleRightSideDivContent .cartPaymentOptionDiv .form-control      	{ height: 4.5rem; font-size: 1.8rem;  }
.saleRightSideDivContent .cartPaymentOptionDiv .form-horizontal .form-group {  margin-right: 0; margin-left: 0; margin-bottom: 10px; }

.saleRightSideDivContent .cartPaymentOptionDiv .specialBtn { font-size: 2rem; padding: 1rem 1.7rem; }

.saleRightSideDivContent .cartPaymentOptionDiv .orderPaymentHistoy 	{ max-height: 26rem; overflow: auto;  margin-bottom: 0; bottom: 0; position: absolute; }
.saleRightSideDivContent .cartPaymentOptionDiv .orderPaymentHistoy .table { margin-top: 0; margin-bottom: 0; background-color: #ccc;  }
.saleRightSideDivContent .cartPaymentOptionDiv .orderPaymentHistoy .delbtn  { font-size: 1.2rem; } 

.saleRightSideDivContent .paymentButtonDiv .payButton { font-size: 3rem; padding: 1.5rem 1.2rem; line-height: 1.33; color: #ffffff; background-color: #5cb85c;
									 border-color: #4cae4c;  margin-bottom: 0; text-align: center; cursor: pointer; display: block; text-decoration: none; }


/******************** 
*** Image Slider  ***
*********************/
.myLiveOrderSlide 	  { height:100%; width:100%;}
.imageSliderLeftIcon  { position: absolute; top: 50%; left: 0%; transform: translate(0%,-50%);  }
.imageSliderRightIcon { position: absolute; top: 50%; right: 0%; transform: translate(0%,-50%); }
.imageSliderButton    { border: none; display: inline-block; padding: 3rem 2rem; color: #fff; background-color: #000; cursor: pointer; font-size: 4rem; }


@media (min-width: 1525px) and (max-width: 1624px) 
{
	.saleLeftSideDivContent   { width: 30%; }
	.saleCenterSideDivContent { width: 45%; }
	.saleRightSideDivContent  { width: 25%; }
	
	/******************** *** Left Side ************************/
	.saleLeftSideDivContent .cardDivContent    { height: 94%; }
	.saleLeftSideDivContent .marqueeDivContent { height:  6%; padding: 1rem 0.5rem; }
	
	.saleLeftSideDivContent .cardDivContent .cartDelete { font-size: 3rem; }
	.saleLeftSideDivContent .cardDivContent h3 { margin-bottom: 10px; }
	.saleLeftSideDivContent .cardDivContent .cartItemContent   { height:68%; }
	.saleLeftSideDivContent .cardDivContent .billDetailContent { max-height: 27%;}
	
	/******************** *** Center Side ************************/
	.saleCenterSideDivContent .searchDivContent .searchbox 	   { font-size: 2rem; padding: 2.5rem 1rem; }
	.saleCenterSideDivContent .breadcrumbDiv .breadCrumbButton { font-size: 2rem; padding: 1rem 1.5rem;}
	
	.saleCenterSideDivContent .mainCateDivContent .main-cate,
	.saleCenterSideDivContent .subCateDivContent  .sub-cate,
	.saleCenterSideDivContent .productDivContent  .productItem  { width: 23%; }
	
	.saleCenterSideDivContent .mainCateDivContent .main-cate   .nameInitialDiv,
	.saleCenterSideDivContent .subCateDivContent  .sub-cate    .nameInitialDiv,
	.saleCenterSideDivContent .productDivContent  .productItem .nameInitialDiv  { width:15rem; height:15rem; }
	
	.saleCenterSideDivContent .mainCateDivContent .main-cate   .nameInitial,
	.saleCenterSideDivContent .subCateDivContent  .sub-cate    .nameInitial,
	.saleCenterSideDivContent .productDivContent  .productItem .nameInitial  { font-size:  3.5rem; color:#fff; }
	
	/******************** *** Right Side ************************/
	.saleRightSideDivContent .cartPaymentOptionDiv { height: 93%; }	
	.saleRightSideDivContent .paymentButtonDiv     { height: 6%;  }
	
	.saleRightSideDivContent .cartPaymentOptionDiv .form-control { height: 4rem; }
	.saleRightSideDivContent .cartPaymentOptionDiv .specialBtn { font-size: 1.8rem; padding: 1rem 1rem; }
	.saleRightSideDivContent .cartPaymentOptionDiv .orderPaymentHistoy { max-height: 22rem; }
		
	.saleRightSideDivContent .paymentButtonDiv .payButton { font-size: 2.5rem; padding: 1rem 1rem; }
	
}

@media (min-width: 1425px) and (max-width: 1524px) 
{
	.saleLeftSideDivContent   { width: 30%; }
	.saleCenterSideDivContent { width: 45%; }
	.saleRightSideDivContent  { width: 25%; }
	
	/******************** *** Left Side ************************/
	.saleLeftSideDivContent .cardDivContent    { height: 94%; }
	.saleLeftSideDivContent .marqueeDivContent { height:  6%; padding: 1rem 0.5rem; }
	
	.saleLeftSideDivContent .cardDivContent .cartDelete { font-size: 3rem; }
	.saleLeftSideDivContent .cardDivContent h3 { margin-bottom: 10px; }
	.saleLeftSideDivContent .cardDivContent .cartItemContent   { height:68%; }
	.saleLeftSideDivContent .cardDivContent .billDetailContent { max-height: 27%;}
	
	/******************** *** Center Side ************************/
	.saleCenterSideDivContent .searchDivContent .searchbox 	   { font-size: 2rem; padding: 2.5rem 1rem; }
	.saleCenterSideDivContent .breadcrumbDiv .breadCrumbButton { font-size: 2rem; padding: 1rem 1.5rem;}
	
	.saleCenterSideDivContent .mainCateDivContent .main-cate,
	.saleCenterSideDivContent .subCateDivContent  .sub-cate,
	.saleCenterSideDivContent .productDivContent  .productItem  { width: 23%; }
	
	.saleCenterSideDivContent .mainCateDivContent .main-cate   .nameInitialDiv,
	.saleCenterSideDivContent .subCateDivContent  .sub-cate    .nameInitialDiv,
	.saleCenterSideDivContent .productDivContent  .productItem .nameInitialDiv  { width:15rem; height:15rem; }
	
	.saleCenterSideDivContent .mainCateDivContent .main-cate   .nameInitial,
	.saleCenterSideDivContent .subCateDivContent  .sub-cate    .nameInitial,
	.saleCenterSideDivContent .productDivContent  .productItem .nameInitial  { font-size:  3.5rem; color:#fff; }
	
	/******************** *** Right Side ************************/
	.saleRightSideDivContent .cartPaymentOptionDiv { height: 93%; }	
	.saleRightSideDivContent .paymentButtonDiv     { height: 6%;  }
	
	.saleRightSideDivContent .cartPaymentOptionDiv .form-control { height: 4rem; }
	.saleRightSideDivContent .cartPaymentOptionDiv .specialBtn { font-size: 1.8rem; padding: 1rem 1rem; }
	.saleRightSideDivContent .cartPaymentOptionDiv .orderPaymentHistoy { max-height: 22rem; }
		
	.saleRightSideDivContent .paymentButtonDiv .payButton { font-size: 2.5rem; padding: 1rem 1rem; }
}

@media (min-width: 1325px) and (max-width: 1424px) 
{
	.saleLeftSideDivContent   { width: 30%; }
	.saleCenterSideDivContent { width: 45%; }
	.saleRightSideDivContent  { width: 25%; }
	
	/******************** *** Left Side ************************/
	.saleLeftSideDivContent .cardDivContent    { height: 94%; }
	.saleLeftSideDivContent .marqueeDivContent { height:  6%; padding: 1rem 0.5rem; }
	
	.saleLeftSideDivContent .cardDivContent .cartDelete { font-size: 3rem; }
	.saleLeftSideDivContent .cardDivContent h3 { margin-bottom: 10px; }
	.saleLeftSideDivContent .cardDivContent .cartItemContent   { height:68%; }
	.saleLeftSideDivContent .cardDivContent .billDetailContent { max-height: 27%;}
	
	/******************** *** Center Side ************************/
	.saleCenterSideDivContent .searchDivContent .searchbox 	   { font-size: 2rem; padding: 2.5rem 1rem; }
	.saleCenterSideDivContent .breadcrumbDiv .breadCrumbButton { font-size: 2rem; padding: 1rem 1.5rem;}
	
	.saleCenterSideDivContent .mainCateDivContent .main-cate,
	.saleCenterSideDivContent .subCateDivContent  .sub-cate,
	.saleCenterSideDivContent .productDivContent  .productItem  { width: 23%; }
	
	.saleCenterSideDivContent .mainCateDivContent .main-cate   .nameInitialDiv,
	.saleCenterSideDivContent .subCateDivContent  .sub-cate    .nameInitialDiv,
	.saleCenterSideDivContent .productDivContent  .productItem .nameInitialDiv  { width:15rem; height:15rem; }
	
	.saleCenterSideDivContent .mainCateDivContent .main-cate   .nameInitial,
	.saleCenterSideDivContent .subCateDivContent  .sub-cate    .nameInitial,
	.saleCenterSideDivContent .productDivContent  .productItem .nameInitial  { font-size:  3.5rem; color:#fff; }
	
	/******************** *** Right Side ************************/
	.saleRightSideDivContent .cartPaymentOptionDiv { height: 93%; }	
	.saleRightSideDivContent .paymentButtonDiv     { height: 6%;  }
	
	.saleRightSideDivContent .cartPaymentOptionDiv .form-control { height: 4rem; }
	.saleRightSideDivContent .cartPaymentOptionDiv .specialBtn { font-size: 1.8rem; padding: 1rem 1rem; }
	.saleRightSideDivContent .cartPaymentOptionDiv .orderPaymentHistoy { max-height: 22rem; }
		
	.saleRightSideDivContent .paymentButtonDiv .payButton { font-size: 2.5rem; padding: 1rem 1rem; }
}

@media (min-width: 1225px) and (max-width: 1324px) 
{
	.saleLeftSideDivContent   { width: 30%; }
	.saleCenterSideDivContent { width: 45%; }
	.saleRightSideDivContent  { width: 25%; }
	
	/******************** *** Left Side ************************/
	.saleLeftSideDivContent .cardDivContent    { height: 95%; }
	.saleLeftSideDivContent .marqueeDivContent { height:  5%; padding: 0.5rem 0.5rem; }
	
	.saleLeftSideDivContent .cardDivContent .cartDelete { font-size: 2.5rem; }
	.saleLeftSideDivContent .cardDivContent h3 { margin-bottom:0; }
	.saleLeftSideDivContent .cardDivContent .cartItemContent   { height:72%; }
	.saleLeftSideDivContent .cardDivContent .billDetailContent { max-height: 23%;}
	
	
	/******************** *** Center Side ************************/
	.saleCenterSideDivContent .searchDivContent .searchbox 	   { font-size: 1.8rem; padding: 2rem 1rem; }
	.saleCenterSideDivContent .breadcrumbDiv .breadCrumbButton { font-size: 1.8rem; padding: 1rem 1.5rem;}
	
	.saleCenterSideDivContent .mainCateDivContent .main-cate,
	.saleCenterSideDivContent .subCateDivContent  .sub-cate,
	.saleCenterSideDivContent .productDivContent  .productItem  { width: 23%; }
	
	.saleCenterSideDivContent .mainCateDivContent .main-cate   .nameInitialDiv,
	.saleCenterSideDivContent .subCateDivContent  .sub-cate    .nameInitialDiv,
	.saleCenterSideDivContent .productDivContent  .productItem .nameInitialDiv  { width:13rem; height:13rem; }
	
	.saleCenterSideDivContent .mainCateDivContent .main-cate   .nameInitial,
	.saleCenterSideDivContent .subCateDivContent  .sub-cate    .nameInitial,
	.saleCenterSideDivContent .productDivContent  .productItem .nameInitial  { font-size:  3.5rem; color:#fff; }
	
	/******************** *** Right Side ************************/
	.saleRightSideDivContent .cartPaymentOptionDiv { height: 93%; }	
	.saleRightSideDivContent .paymentButtonDiv     { height: 6%;  }
	
	.saleRightSideDivContent .cartPaymentOptionDiv .form-control { height: 4rem; }
	.saleRightSideDivContent .cartPaymentOptionDiv .specialBtn { font-size: 1.8rem; padding: 1rem 1rem; }
	.saleRightSideDivContent .cartPaymentOptionDiv .orderPaymentHistoy { max-height: 22rem; }
		
	.saleRightSideDivContent .paymentButtonDiv .payButton { font-size: 2.5rem; padding: 1rem 1rem;}	
	
}

@media (min-width: 1125px) and (max-width: 1224px) 
{
	.saleLeftSideDivContent   { width: 30%; }
	.saleCenterSideDivContent { width: 45%; }
	.saleRightSideDivContent  { width: 25%; }
	
	/******************** *** Left Side ************************/
	.saleLeftSideDivContent .cardDivContent    { height: 95%; }
	.saleLeftSideDivContent .marqueeDivContent { height:  5%; padding: 0.5rem 0.5rem; }
	
	.saleLeftSideDivContent .cardDivContent .cartDelete { font-size: 2.5rem; }
	.saleLeftSideDivContent .cardDivContent h3 { margin-bottom:0; }
	.saleLeftSideDivContent .cardDivContent .cartItemContent   { height:72%; }
	.saleLeftSideDivContent .cardDivContent .billDetailContent { max-height: 23%;}
	
	
	/******************** *** Center Side ************************/
	.saleCenterSideDivContent .searchDivContent .searchbox 	   { font-size: 1.8rem; padding: 2rem 1rem; }
	.saleCenterSideDivContent .breadcrumbDiv .breadCrumbButton { font-size: 1.8rem; padding: 1rem 1.5rem;}
	
	.saleCenterSideDivContent .mainCateDivContent .main-cate,
	.saleCenterSideDivContent .subCateDivContent  .sub-cate,
	.saleCenterSideDivContent .productDivContent  .productItem  { width: 23%; }
	
	.saleCenterSideDivContent .mainCateDivContent .main-cate   .nameInitialDiv,
	.saleCenterSideDivContent .subCateDivContent  .sub-cate    .nameInitialDiv,
	.saleCenterSideDivContent .productDivContent  .productItem .nameInitialDiv  { width:13rem; height:13rem; }
	
	.saleCenterSideDivContent .mainCateDivContent .main-cate   .nameInitial,
	.saleCenterSideDivContent .subCateDivContent  .sub-cate    .nameInitial,
	.saleCenterSideDivContent .productDivContent  .productItem .nameInitial  { font-size:  3.5rem; color:#fff; }
	
	/******************** *** Right Side ************************/
	.saleRightSideDivContent .cartPaymentOptionDiv { height: 93%; }	
	.saleRightSideDivContent .paymentButtonDiv     { height: 6%;  }
	
	.saleRightSideDivContent .cartPaymentOptionDiv .form-control { height: 4rem; }
	.saleRightSideDivContent .cartPaymentOptionDiv .specialBtn { font-size: 1.8rem; padding: 1rem 1rem; }
	.saleRightSideDivContent .cartPaymentOptionDiv .orderPaymentHistoy { max-height: 22rem; }
		
	.saleRightSideDivContent .paymentButtonDiv .payButton { font-size: 2.5rem; padding: 1rem 1rem;}	
}

@media (min-width: 1024px) and (max-width: 1124px) 
{
	.saleLeftSideDivContent   { width: 30%; }
	.saleCenterSideDivContent { width: 45%; }
	.saleRightSideDivContent  { width: 25%; }
	
	/******************** *** Left Side ************************/
	.saleLeftSideDivContent .cardDivContent    { height: 95%; }
	.saleLeftSideDivContent .marqueeDivContent { height:  5%; padding: 0.5rem 0.5rem; }
	
	.saleLeftSideDivContent .cardDivContent .cartDelete { font-size: 2.5rem; }
	.saleLeftSideDivContent .cardDivContent h3 { margin-bottom:0; }
	.saleLeftSideDivContent .cardDivContent .cartItemContent   { height:72%; }
	.saleLeftSideDivContent .cardDivContent .billDetailContent { max-height: 23%;}
	
	
	/******************** *** Center Side ************************/
	.saleCenterSideDivContent .searchDivContent .searchbox 	   { font-size: 1.8rem; padding: 2rem 1rem; }
	.saleCenterSideDivContent .breadcrumbDiv .breadCrumbButton { font-size: 1.8rem; padding: 1rem 1.5rem;}
	
	.saleCenterSideDivContent .mainCateDivContent .main-cate,
	.saleCenterSideDivContent .subCateDivContent  .sub-cate,
	.saleCenterSideDivContent .productDivContent  .productItem  { width: 23%; }
	
	.saleCenterSideDivContent .mainCateDivContent .main-cate   .nameInitialDiv,
	.saleCenterSideDivContent .subCateDivContent  .sub-cate    .nameInitialDiv,
	.saleCenterSideDivContent .productDivContent  .productItem .nameInitialDiv  { width:13rem; height:13rem; }
	
	.saleCenterSideDivContent .mainCateDivContent .main-cate   .nameInitial,
	.saleCenterSideDivContent .subCateDivContent  .sub-cate    .nameInitial,
	.saleCenterSideDivContent .productDivContent  .productItem .nameInitial  { font-size:  3.5rem; color:#fff; }
	
	/******************** *** Right Side ************************/
	.saleRightSideDivContent .cartPaymentOptionDiv { height: 93%; }	
	.saleRightSideDivContent .paymentButtonDiv     { height: 6%;  }
	
	.saleRightSideDivContent .cartPaymentOptionDiv .form-control { height: 4rem; }
	.saleRightSideDivContent .cartPaymentOptionDiv .specialBtn { font-size: 1.8rem; padding: 1rem 1rem; }
	.saleRightSideDivContent .cartPaymentOptionDiv .orderPaymentHistoy { max-height: 22rem; }
		
	.saleRightSideDivContent .paymentButtonDiv .payButton { font-size: 2.5rem; padding: 1rem 1rem;}	
}

/* **************** Ipad Pro ******************/
@media (min-width: 891px) and (max-width: 1024px)
{
	.saleLeftSideDivContent   { width: 30%; }
	.saleCenterSideDivContent { width: 45%; }
	.saleRightSideDivContent  { width: 25%; }
	
	/******************** *** Left Side ************************/
	.saleLeftSideDivContent .cardDivContent    { height: 95%; }
	.saleLeftSideDivContent .marqueeDivContent { height:  5%; padding: 0.5rem 0.5rem; }
	
	.saleLeftSideDivContent .cardDivContent .cartDelete { font-size: 2.5rem; }
	.saleLeftSideDivContent .cardDivContent h3 { margin-bottom:0; }
	.saleLeftSideDivContent .cardDivContent .cartItemContent   { height:72%; }
	.saleLeftSideDivContent .cardDivContent .billDetailContent { max-height: 23%;}
	
	
	/******************** *** Center Side ************************/
	.saleCenterSideDivContent .searchDivContent .searchbox 	   { font-size: 1.8rem; padding: 2rem 1rem; }
	.saleCenterSideDivContent .breadcrumbDiv .breadCrumbButton { font-size: 1.8rem; padding: 1rem 1.5rem;}
	
	.saleCenterSideDivContent .mainCateDivContent .main-cate,
	.saleCenterSideDivContent .subCateDivContent  .sub-cate,
	.saleCenterSideDivContent .productDivContent  .productItem  { width: 23%; }
	
	.saleCenterSideDivContent .mainCateDivContent .main-cate   .nameInitialDiv,
	.saleCenterSideDivContent .subCateDivContent  .sub-cate    .nameInitialDiv,
	.saleCenterSideDivContent .productDivContent  .productItem .nameInitialDiv  { width:13rem; height:13rem; }
	
	.saleCenterSideDivContent .mainCateDivContent .main-cate   .nameInitial,
	.saleCenterSideDivContent .subCateDivContent  .sub-cate    .nameInitial,
	.saleCenterSideDivContent .productDivContent  .productItem .nameInitial  { font-size:  3.5rem; color:#fff; }
	
	/******************** *** Right Side ************************/
	.saleRightSideDivContent .cartPaymentOptionDiv { height: 93%; }	
	.saleRightSideDivContent .paymentButtonDiv     { height: 6%;  }
	
	.saleRightSideDivContent .cartPaymentOptionDiv .form-control { height: 4rem; }
	.saleRightSideDivContent .cartPaymentOptionDiv .specialBtn { font-size: 1.8rem; padding: 1rem 1rem; }
	.saleRightSideDivContent .cartPaymentOptionDiv .orderPaymentHistoy { max-height: 22rem; }
		
	.saleRightSideDivContent .paymentButtonDiv .payButton { font-size: 2.5rem; padding: 1rem 1rem;}	
}

/* **************** Ipad ******************/
@media (min-width: 768px) and (max-width: 890px)
{
	.saleLeftSideDivContent   { width: 30%; }
	.saleCenterSideDivContent { width: 45%; }
	.saleRightSideDivContent  { width: 25%; }
	
	/******************** *** Left Side ************************/
	.saleLeftSideDivContent .cardDivContent    { height: 95%; }
	.saleLeftSideDivContent .marqueeDivContent { height:  5%; padding: 0.5rem 0.5rem; }
	
	.saleLeftSideDivContent .cardDivContent .cartDelete { font-size: 2.5rem; }
	.saleLeftSideDivContent .cardDivContent h3 { margin-bottom:0; }
	.saleLeftSideDivContent .cardDivContent .cartItemContent   { height:72%; }
	.saleLeftSideDivContent .cardDivContent .billDetailContent { max-height: 23%;}
	
	
	/******************** *** Center Side ************************/
	.saleCenterSideDivContent .searchDivContent .searchbox 	   { font-size: 1.8rem; padding: 2rem 1rem; }
	.saleCenterSideDivContent .breadcrumbDiv .breadCrumbButton { font-size: 1.8rem; padding: 1rem 1.5rem;}
	
	.saleCenterSideDivContent .mainCateDivContent .main-cate,
	.saleCenterSideDivContent .subCateDivContent  .sub-cate,
	.saleCenterSideDivContent .productDivContent  .productItem  { width: 23%; }
	
	.saleCenterSideDivContent .mainCateDivContent .main-cate   .nameInitialDiv,
	.saleCenterSideDivContent .subCateDivContent  .sub-cate    .nameInitialDiv,
	.saleCenterSideDivContent .productDivContent  .productItem .nameInitialDiv  { width:13rem; height:13rem; }
	
	.saleCenterSideDivContent .mainCateDivContent .main-cate   .nameInitial,
	.saleCenterSideDivContent .subCateDivContent  .sub-cate    .nameInitial,
	.saleCenterSideDivContent .productDivContent  .productItem .nameInitial  { font-size:  3.5rem; color:#fff; }
	
	/******************** *** Right Side ************************/
	.saleRightSideDivContent .cartPaymentOptionDiv { height: 93%; }	
	.saleRightSideDivContent .paymentButtonDiv     { height: 6%;  }
	
	.saleRightSideDivContent .cartPaymentOptionDiv .form-control { height: 4rem; }
	.saleRightSideDivContent .cartPaymentOptionDiv .specialBtn { font-size: 1.8rem; padding: 1rem 1rem; }
	.saleRightSideDivContent .cartPaymentOptionDiv .orderPaymentHistoy { max-height: 22rem; }
		
	.saleRightSideDivContent .paymentButtonDiv .payButton { font-size: 2.5rem; padding: 1rem 1rem;}	
}