@media (min-width: 1525px) and (max-width: 1624px) 
{
	/* Index Page */
	.indexPage { overflow-y: auto; }
	.indexPage #container { width: 100%; left: 0; margin-left: 0;  position: unset; }
	.indexPage #loginbox  { width: 45rem !important; height: 41rem !important; margin-bottom: 5rem; }	
	.indexPage #container .btn-lg { padding: 0.5rem 0rem; height: 4.5rem; }
	.indexPage .indexLogo { width: 100% !important;}
	.indexPage .loginBox input { height: 4.6rem; }
	.indexPage .loginBox .radioLabel  { margin-right: 1rem; font-size: 2rem; padding: 1rem 3rem;  } 
	
	/* ****************** Page CSS   ******************** */
	.leftSideDivContent    { width: 30%; }
	.centerSideDivContent  { width: 45%; }	
	.rightSideDivContent   { width: 25%; }
	 
	.historyLeftDivContent  { width: 25%; }
	.historyRightDivContent { width: 75%; }	
	
	.leftSideDivContent .cardDivContent  	 			 { height: 76.5%; padding: 1rem 0rem 0rem 0rem; }
	.leftSideDivContent .cardDivContent .cartItemContent { height:97%; width:100%; }
	.leftSideDivContent .cardDivContent .backButton 	 { display: none; }
	.leftSideDivContent .billDetailContent   { height: 14%;    width:100%; padding: 1rem 0rem; }
	.leftSideDivContent .marqueeDivContent   { height: 9%;  	width:100%; padding: 1rem;  }

	
	.centerSideDivContent .itemRetailContent , .fullDivContent .itemRetailContent   { height: 92%; width: 100%; }
	.centerSideDivContent .bottomButtonIcon , .fullDivContent .bottomButtonIcon     { height: 8%; width: 100%; }
	.centerSideDivContent .cartItemEditDiv 	  { display:none;  }		
	.mainCateDivContent .borderRadius { height:80%;  width:99.5%; }
	.subCateDivContent  .borderRadius { height:80%;  width:99.5%; }
	.productDivContent  .borderRadius { height:80%;  width:99.5%; }
	
	.rightSideDivContent .cartPaymentOptionDiv  { height: 90.5%;} 
	.rightSideDivContent .paymentButtonDiv      { height: 8%;    width:100%; padding: 0rem;  }
	.rightSideDivContent .radioLabel   			{ font-size: 2rem; padding: 1.0rem 1.7rem; margin-right:5px;  }
	.rightSideDivContent .badgeLable   			{ font-size: 1.7rem; margin-right:5px; }
	.rightSideDivContent .badge 	   			{ font-size: 1.7rem; padding: 0.4rem 2rem 0.5rem 1.6rem; } 
	.rightSideDivContent .methodRadioLable 		{ margin-right:5px;font-size: 2rem; height: 3rem;  width: 18rem; }
	.rightSideDivContent .form-control      	{ height: 5rem; font-size: 2rem;  }
	.rightSideDivContent .form-horizontal .form-group {  margin-right: 0; margin-left: 0; }
	.rightSideDivContent .orderPaymentHistoy { max-height: 27rem; overflow: auto;  margin-bottom: 0; bottom: 0; position: absolute; } 
	
	/************** Left Side Content SearchBox *********************/	
	.centerSideDivContent .searchbox { font-size: 2rem; padding: 2rem 1rem; } 
	.centerSideDivContent .searchDivContent .cartProAutoContainer ul {font-size: 2rem;  }	
	.centerSideDivContent .breadCrumbButton, .centerSideDivContent .openCartButton   { font-size: 2rem; padding: 1.25rem 2rem; }	
				
	/************** Main-category *** / *** Sub-category *** / *** Product Display ** ************/
	.mainCateDivContent .main-cate, .subCateDivContent .sub-cate , .productDivContent .productItem             { width: 14rem; }
	.mainCateDivContent .main-cate img, .subCateDivContent .sub-cate img, .productDivContent .productItem  img { width: 13.5rem; height: 13.5rem; }
	.mainCateDivContent .main-cate h2 , .subCateDivContent .sub-cate h2 , .productDivContent .product-name     { max-width: 13.5rem; font-size: 1.45rem; }
	.productDivContent .productItem .price-tag { line-height:2rem; font-size: 1.7rem; top: 1.2rem;}
		
	.mainCateDivContent .main-cate  .nameInitialDiv { width: 13.5rem; height: 13.5rem; padding-top: 4.5rem;  }
	.productDivContent .productItem .nameInitialDiv { width: 13.5rem; height: 13.5rem; padding-top: 4.5rem;  }
	
	.marqueeDivContent .footerMarque { font-size: 2.4rem; line-height: 3rem; }
	.marqueeDivContent img { height:2.4rem ; width:auto;}
	
	/******************Cart Edit Product Scrren *********************/
	.cartItemEditDiv .cartItemEditCancel h3 { margin-top: 1rem; font-size: 2.5rem;}
	.cartItemEditDiv .cartItemEditContent   { top: 4.5rem; }	
	.cartItemEditContent .tab-content  { height: 90%; overflow-y: auto;}
	.cartItemEditContent .nav-tabs > li { padding: 0rem; font-size: 2rem; }
	
	/*******************Edit Cart Heading  **********************/
	.cartItemEditContent .editTextBox .qtylabel   { padding: 3.2rem 2.5rem 3.2rem 2.0rem; font-size: 2.3rem; }
	.cartItemEditContent .editTextBox .unitlabel  { padding: 3.2rem 2.5rem 3.2rem 1.5rem; font-size: 2.3rem; }
	.cartItemEditContent .editTextBox .pricelabel { padding: 3.2rem 5.0rem 3.2rem 5.0rem; font-size: 2.3rem; }
	.cartItemEditContent .editTextBox .disclabel  { padding: 3.2rem 3.0rem 3.2rem 3.0rem; font-size: 2.3rem; }
	.cartItemEditContent .editTextBox input	      { padding: 1.0rem 1.5rem 1.0rem 1.5rem; font-size: 2.5rem; width: 12rem; height: 9rem;  }
	.cartItemEditContent .editTextBox .unitlabel .rupeeIcon  { padding-right: 3rem; font-size: 3rem; }
	.cartItemEditContent .editTextBox .unitlabel .deleteIcon { font-size: 3.5rem; }
	
	/******************** Edit Cart Keypad  **********************/
	.cartItemEditContent .keyPadContent { margin-top: 3rem; }
	.cartItemEditContent .numaricKeyPadGrid .key-btn { width: 13rem; height: 6rem; padding: 2rem; font-size: 2.5rem; margin: 0rem 0.2rem; }
	.cartItemEditContent .numaricKeyPadGrid .key-icon { font-size:2.5rem;}
	.cartItemEditContent .submitButton { font-size: 2.5rem;  padding: 2.5rem 16rem; }
	
	/******************* Toggle Switch  **********************/									 
	.cartItemEditContent .switch { width: 5.6rem; height: 3rem; top: 1rem; }
	.cartItemEditContent .slider:before { height: 2.3rem; width: 2.3rem; left: 0.4rem; bottom: 0.4rem;}		
	
	/******************* Icon Keypad Style **********************/
	.bottomButtonIcon ul li a { font-size: 2rem; }
	.bottomButtonIcon ul li a i {  font-size: 2rem; }	
	.bottomButtonIcon ul li a span {  font-size: 2rem; }							
	.bottomButtonIcon .key-btn-1 { min-width: 18rem;  height: 5.5rem; padding: 1rem; font-size:1.2rem; }
	.bottomButtonIcon::-webkit-scrollbar { width:1rem; height: 1rem; }	
	
	/************ * Sale Cart Div Design ***** ****************/
	.cardDivContent h3 { margin-top: 0rem; font-size: 2.5rem; } 
	.cardDivContent .cartDelete      { padding: 0px 3rem 0rem 1rem; font-size: 3rem; }
	.cardDivContent .backButton      { padding: 0.6rem 1rem; }
	.cardDivContent .productName 	 { font-size:2rem; } 
	.cardDivContent .productQuantity { font-size:1.5rem; }
	.cardDivContent .productTotal    { font-size:1.5rem; }
	.cardDivContent .productPrice	 { font-size:1.5rem; }
	.cardDivContent .productDisc     { font-size:1.5rem; }

	/**************** Bill Detail ** *********************/	
	.billDetailContent .billHeading , .billDetailContent .billHeadingAmt { font-size:1.7rem; }
	.billDetailContent .couponHeading { font-size: 1.7rem; }
	.paymentButtonDiv .payButton { font-size: 2.5rem; padding: 2rem 1.2rem; line-height: 1.33; }
	
	/***************** *** Customer Screen ****** *************/							   	
	.custCalendarContent { padding: 0.5rem 1rem;}
	.custCalendarContent .backButton { padding: 0.6rem 1rem;}	
	.custCalendarContent input { font-size: 2rem; }
	
	.custInfoContent, .custSalePayContent, .custReturnPayContent { height: 25%; }
	.custInfoContent .billHeading, .custSalePayContent .billHeading, .custReturnPayContent .billHeading, .creditButtonDiv .billHeading { font-size:1.7rem; }
	.custInfoContent .billHeadingAmt , .custSalePayContent .billHeadingAmt , .custReturnPayContent .billHeadingAmt , .creditButtonDiv .billHeadingAmt   
	{ 
		font-size:1.7rem; 
	}
	.creditButtonDiv .payButton { font-size: 2.3rem; padding: 1.4rem 1.2rem; line-height: 1.33; }
	
	.custBreadcrumbDiv .openCustPayHisory  { font-size: 2rem; padding: 1.25rem 2rem; }
	.custOrderDivContent .borderRadius { height:72%; }
	.custOrderDivContent table th , .custOrderDivContent table td { font-size: 1.5rem; }
	.custOrderDivContent table td i { font-size: 2rem;} 
	
	/******************** Product Screen *******************/
	.proListDivContent { height:94%;}
	.proListDivContent .borderRadius table   { font-size: 1.7rem;}
	.masterProSearchDivContent .searchField  { font-size: 1.7rem; height: 4rem; }
	.masterProSearchDivContent .searchButton { font-size: 1.7rem; height: 4rem; padding: 1rem; } 	
	
	/****************** Modal CSS  ********************/		
	.modal-backdrop, .modal { margin-top:5rem; }	
	.modal-dialog .modal-header .close { font-size: 4rem; }
	.modal-dialog .modal-title { font-size: 2rem; }	
	.modal-dialog .modalText, .modal-dialog table { font-size:1.7rem; }
	.modal-dialog .divSpanText { font-size: 2.5rem; line-height: 3rem;}
	.modal-dialog input , .modal-dialog select , .modal-dialog textarea { height: 3.6rem; font-size:1.7rem;}

	.modal-dialog .btn-primary, .modal-dialog .btn-default { font-size: 2rem; padding: 1rem 1.3rem; }
	.modal-dialog .btn-success, .modal-dialog .btn-warning , .modal-dialog .btn-danger { font-size: 1.7rem; padding: 1rem 1.3rem; }
	
	.modal-dialog .moreButton  { padding: 1rem; font-size: 1.8rem; min-width: 25rem; }
	.modal-dialog .showHide    { font-size: 2rem; padding: 1.0rem 1.7rem; }
	.modal-dialog .printButton { font-size: 2.5rem; padding: 1rem 1.3rem; margin-top: 2rem; } 
	.modal-dialog .imgQRCode   { height:26rem; }
	.modal-dialog .imgScan     { height:26rem; padding-left:15%; }  
	
	.posAboutUsModal,  .dbSyncModal, .customerInfoFormModal { width: 40%  }
	.addPaymentFormModal , .moreOptionModal { width:70%  }        
	.InvoiceDetailModal, .editProductFormModal { width:80%  }
} 

@media (min-width: 1425px) and (max-width: 1524px) 
{
	/* Index Page */
	.indexPage { overflow-y: auto; }
	.indexPage #container { width: 100%; left: 0; margin-left: 0;  position: unset; }
	.indexPage #loginbox  { width: 45rem !important; height: 41rem !important; margin-bottom: 5rem; }
	.indexPage #container .btn-lg { padding: 0.5rem 0rem; height: 4.5rem; }
	.indexPage .indexLogo { width: 100% !important;}
	.indexPage .loginBox input { height: 4.6rem; }
	.indexPage .loginBox .radioLabel  { margin-right: 1rem; font-size: 2rem; padding: 1rem 3rem;  } 
	
	/* ****************** Page CSS   ******************** */
	.leftSideDivContent    { width: 30%; }
	.centerSideDivContent  { width: 45%; }	
	.rightSideDivContent   { width: 25%; }
	
	.historyLeftDivContent  { width: 25%; }
	.historyRightDivContent { width: 75%; }
	
	.leftSideDivContent .cardDivContent  	 			 { height: 76.5%; padding: 1rem 0rem 0rem 0rem; }
	.leftSideDivContent .cardDivContent .cartItemContent { height:97%; width:100%; }
	.leftSideDivContent .cardDivContent .backButton 	 { display: none; }
	.leftSideDivContent .billDetailContent   { height: 14%;    width:100%; padding: 1rem 0rem; }
	.leftSideDivContent .marqueeDivContent   { height: 9%;  	width:100%; padding: 1rem;  }
	
	.centerSideDivContent .itemRetailContent , .fullDivContent .itemRetailContent   { height: 92%; width: 100%; }
	.centerSideDivContent .bottomButtonIcon , .fullDivContent .bottomButtonIcon     { height: 8%; width: 100%; }
	.centerSideDivContent .cartItemEditDiv 	  { display:none;  }		
	.mainCateDivContent .borderRadius { height:80%;  width:99.5%; }
	.subCateDivContent  .borderRadius { height:80%;  width:99.5%; }
	.productDivContent  .borderRadius { height:80%;  width:99.5%; }
	
	.rightSideDivContent .cartPaymentOptionDiv  { height: 90.5%;} 
	.rightSideDivContent .paymentButtonDiv      { height: 8%;    width:100%; padding: 0rem;  }
	.rightSideDivContent .radioLabel   			{ font-size: 2rem; padding: 1.0rem 1.7rem; margin-right:5px;  }
	.rightSideDivContent .badgeLable   			{ font-size: 1.7rem; margin-right:5px; }
	.rightSideDivContent .badge 	   			{ font-size: 1.7rem; padding: 0.4rem 2rem 0.5rem 1.6rem; } 
	.rightSideDivContent .methodRadioLable 		{ margin-right:5px;font-size: 2rem; height: 3rem;  width: 18rem; }
	.rightSideDivContent .form-control      	{ height: 5rem; font-size: 2rem;  }
	.rightSideDivContent .form-horizontal .form-group {  margin-right: 0; margin-left: 0; }
	.rightSideDivContent .orderPaymentHistoy { max-height: 27rem; overflow: auto;  margin-bottom: 0; bottom: 0; position: absolute; } 
	
	/************** Left Side Content SearchBox *********************/	
	.centerSideDivContent .searchbox { font-size: 2rem; padding: 2rem 1rem; } 
	.centerSideDivContent .searchDivContent .cartProAutoContainer ul {font-size: 2rem;  }	
	.centerSideDivContent .breadCrumbButton, .centerSideDivContent .openCartButton   { font-size: 2rem; padding: 1.25rem 2rem; }	
				
	/************** Main-category *** / *** Sub-category *** / *** Product Display ** ************/
	.mainCateDivContent .main-cate, .subCateDivContent .sub-cate , .productDivContent .productItem             { width: 14rem; }
	.mainCateDivContent .main-cate img, .subCateDivContent .sub-cate img, .productDivContent .productItem  img { width: 13.5rem; height: 13.5rem; }
	.mainCateDivContent .main-cate h2 , .subCateDivContent .sub-cate h2 , .productDivContent .product-name     { max-width: 13.5rem; font-size: 1.45rem; }
	.productDivContent .productItem .price-tag { line-height:2rem; font-size: 1.7rem; top: 1.2rem;}
		
	.mainCateDivContent .main-cate  .nameInitialDiv { width: 13.5rem; height: 13.5rem; padding-top: 4.5rem;  }
	.productDivContent .productItem .nameInitialDiv { width: 13.5rem; height: 13.5rem; padding-top: 4.5rem;  }
	
	.marqueeDivContent .footerMarque { font-size: 2.4rem; line-height: 3rem; }
	.marqueeDivContent img { height:2.4rem ; width:auto;}
	
	/******************Cart Edit Product Scrren *********************/
	.cartItemEditDiv .cartItemEditCancel h3 { margin-top: 1rem; font-size: 2.5rem;}
	.cartItemEditDiv .cartItemEditContent   { top: 4.5rem; }	
	.cartItemEditContent .tab-content  { height: 90%; overflow-y: auto;}
	.cartItemEditContent .nav-tabs > li { padding: 0rem; font-size: 2rem; }
	
	/*******************Edit Cart Heading  **********************/
	.cartItemEditContent .editTextBox .qtylabel   { padding: 3.2rem 2.5rem 3.2rem 2.0rem; font-size: 2.3rem; }
	.cartItemEditContent .editTextBox .unitlabel  { padding: 3.2rem 2.5rem 3.2rem 1.5rem; font-size: 2.3rem; }
	.cartItemEditContent .editTextBox .pricelabel { padding: 3.2rem 5.0rem 3.2rem 5.0rem; font-size: 2.3rem; }
	.cartItemEditContent .editTextBox .disclabel  { padding: 3.2rem 3.0rem 3.2rem 3.0rem; font-size: 2.3rem; }
	.cartItemEditContent .editTextBox input	      { padding: 1.0rem 1.5rem 1.0rem 1.5rem; font-size: 2.5rem; width: 12rem; height: 9rem;  }
	.cartItemEditContent .editTextBox .unitlabel .rupeeIcon  { padding-right: 3rem; font-size: 3rem; }
	.cartItemEditContent .editTextBox .unitlabel .deleteIcon { font-size: 3.5rem; }
	
	/******************** Edit Cart Keypad  **********************/
	.cartItemEditContent .keyPadContent { margin-top: 3rem; }
	.cartItemEditContent .numaricKeyPadGrid .key-btn { width: 13rem; height: 6rem; padding: 2rem; font-size: 2.5rem; margin: 0rem 0.2rem; }
	.cartItemEditContent .numaricKeyPadGrid .key-icon { font-size:2.5rem;}
	.cartItemEditContent .submitButton { font-size: 2.5rem;  padding: 2.5rem 16rem; }
	
	/******************* Toggle Switch  **********************/									 
	.cartItemEditContent .switch { width: 5.6rem; height: 3rem; top: 1rem; }
	.cartItemEditContent .slider:before { height: 2.3rem; width: 2.3rem; left: 0.4rem; bottom: 0.4rem;}		
	
	/******************* Icon Keypad Style **********************/
	.bottomButtonIcon ul li a { font-size: 2rem; }
	.bottomButtonIcon ul li a i {  font-size: 2rem; }	
	.bottomButtonIcon ul li a span {  font-size: 2rem; }							
	.bottomButtonIcon .key-btn-1 { min-width: 18rem;  height: 5.5rem; padding: 1rem; font-size:1.2rem; }
	.bottomButtonIcon::-webkit-scrollbar { width:1rem; height: 1rem; }	
	
	/************ * Sale Cart Div Design ***** ****************/
	.cardDivContent h3 { margin-top: 0rem; font-size: 2.5rem; } 
	.cardDivContent .cartDelete      { padding: 0px 3rem 0rem 1rem; font-size: 3rem; }
	.cardDivContent .backButton      { padding: 0.6rem 1rem; }
	.cardDivContent .productName 	 { font-size:2rem; } 
	.cardDivContent .productQuantity { font-size:1.5rem; }
	.cardDivContent .productTotal    { font-size:1.5rem; }
	.cardDivContent .productPrice	 { font-size:1.5rem; }
	.cardDivContent .productDisc     { font-size:1.5rem; }
	
	/**************** Bill Detail ** *********************/	
	.billDetailContent .billHeading , .billDetailContent .billHeadingAmt { font-size:1.7rem; }
	.billDetailContent .couponHeading { font-size: 1.7rem; }
	.paymentButtonDiv .payButton { font-size: 2.5rem; padding: 2rem 1.2rem; line-height: 1.33; }
	
	/***************** *** Customer Screen ****** *************/							   	
	.custCalendarContent { padding: 0.5rem 1rem;}
	.custCalendarContent .backButton { padding: 0.6rem 1rem;}	
	.custCalendarContent input { font-size: 2rem; }
	
	.custInfoContent, .custSalePayContent, .custReturnPayContent { height: 25%; }
	.custInfoContent .billHeading, .custSalePayContent .billHeading, .custReturnPayContent .billHeading, .creditButtonDiv .billHeading { font-size:1.7rem; }
	.custInfoContent .billHeadingAmt , .custSalePayContent .billHeadingAmt , .custReturnPayContent .billHeadingAmt , .creditButtonDiv .billHeadingAmt   
	{ 
		font-size:1.7rem; 
	}
	.creditButtonDiv .payButton { font-size: 2.3rem; padding: 1.4rem 1.2rem; line-height: 1.33; }
	
	.custBreadcrumbDiv .openCustPayHisory  { font-size: 2rem; padding: 1.25rem 2rem; }
	.custOrderDivContent .borderRadius { height:72%; }
	.custOrderDivContent table th , .custOrderDivContent table td { font-size: 1.5rem; }
	.custOrderDivContent table td i { font-size: 2rem;} 
	
	/******************** Product Screen *******************/
	.proListDivContent { height:94%;}
	.proListDivContent .borderRadius table   { font-size: 1.7rem;}
	.masterProSearchDivContent .searchField  { font-size: 1.7rem; height: 4rem; }
	.masterProSearchDivContent .searchButton { font-size: 1.7rem; height: 4rem; padding: 1rem; } 	
	
	/****************** Modal CSS  ********************/		
	.modal-backdrop, .modal { margin-top:5rem; }	
	.modal-dialog .modal-header .close { font-size: 4rem; }
	.modal-dialog .modal-title { font-size: 2rem; }	
	.modal-dialog .modalText, .modal-dialog table { font-size:1.7rem; }
	.modal-dialog .divSpanText { font-size: 2.5rem; line-height: 3rem;}
	.modal-dialog input , .modal-dialog select , .modal-dialog textarea { height: 3.6rem; font-size:1.7rem;}

	.modal-dialog .btn-primary, .modal-dialog .btn-default { font-size: 2rem; padding: 1rem 1.3rem; }
	.modal-dialog .btn-success, .modal-dialog .btn-warning , .modal-dialog .btn-danger { font-size: 1.7rem; padding: 1rem 1.3rem; }
	
	.modal-dialog .moreButton  { padding: 1rem; font-size: 1.8rem; min-width: 25rem; }
	.modal-dialog .showHide    { font-size: 2rem; padding: 1.0rem 1.7rem; }
	.modal-dialog .printButton { font-size: 2.5rem; padding: 1rem 1.3rem; margin-top: 2rem; } 
	.modal-dialog .imgQRCode   { height:26rem; }
	.modal-dialog .imgScan     { height:26rem; padding-left:15%; }  
	
	.posAboutUsModal,  .dbSyncModal, .customerInfoFormModal { width: 40%  }
	.addPaymentFormModal , .moreOptionModal { width:70%  }        
	.InvoiceDetailModal, .editProductFormModal { width:80%  } 
	
} 

@media (min-width: 1325px) and (max-width: 1424px) 
{		
	/* Index Page */
	.indexPage { overflow-y: auto; }
	.indexPage #container { width: 100%; left: 0; margin-left: 0;  position: unset; }
	.indexPage #loginbox  { width: 45rem !important; height: 41rem !important; margin-bottom: 5rem; }
	.indexPage .loginBox input { height: 4.6rem; }
	.indexPage #container .btn-lg { padding: 0.5rem 0rem; height: 4.5rem; }
	.indexPage .indexLogo { width: 100% !important;}
	.indexPage .loginBox .radioLabel  { margin-right: 1rem; font-size: 2rem; padding: 1rem 3rem;  } 
	
	/* ****************** Page CSS   ******************** */
	.leftSideDivContent    { width: 30%; }
	.centerSideDivContent  { width: 45%; }	
	.rightSideDivContent   { width: 25%; }
	
	.historyLeftDivContent  { width: 25%; }
	.historyRightDivContent { width: 75%; }	 
	
	.leftSideDivContent .cardDivContent  	 			 { height: 76.5%; padding: 1rem 0rem 0rem 0rem; }
	.leftSideDivContent .cardDivContent .cartItemContent { height:97%; width:100%; }
	.leftSideDivContent .cardDivContent .backButton 	 { display: none; }
	.leftSideDivContent .billDetailContent   { height: 14%;    width:100%; padding: 1rem 0rem; }
	.leftSideDivContent .marqueeDivContent   { height: 9%;  	width:100%; padding: 1rem;  }
	
	.centerSideDivContent .itemRetailContent , .fullDivContent .itemRetailContent   { height: 92%; width: 100%; }
	.centerSideDivContent .bottomButtonIcon , .fullDivContent .bottomButtonIcon     { height: 8%; width: 100%; }
	.centerSideDivContent .cartItemEditDiv 	  { display:none;  }		
	.mainCateDivContent .borderRadius { height:80%;  width:99.5%; }
	.subCateDivContent  .borderRadius { height:80%;  width:99.5%; }
	.productDivContent  .borderRadius { height:80%;  width:99.5%; }
	
	.rightSideDivContent .cartPaymentOptionDiv  { height: 90.5%;} 
	.rightSideDivContent .paymentButtonDiv      { height: 8%;    width:100%; padding: 0rem;  }
	.rightSideDivContent .radioLabel   			{ font-size: 2rem; padding: 1.0rem 1.7rem; margin-right:5px;  }
	.rightSideDivContent .badgeLable   			{ font-size: 1.7rem; margin-right:5px; }
	.rightSideDivContent .badge 	   			{ font-size: 1.7rem; padding: 0.4rem 2rem 0.5rem 1.6rem; } 
	.rightSideDivContent .methodRadioLable 		{ margin-right:5px;font-size: 2rem; height: 3rem;  width: 18rem; }
	.rightSideDivContent .form-control      	{ height: 5rem; font-size: 2rem;  }
	.rightSideDivContent .form-horizontal .form-group {  margin-right: 0; margin-left: 0; }
	.rightSideDivContent .orderPaymentHistoy { max-height: 27rem; overflow: auto;  margin-bottom: 0; bottom: 0; position: absolute; } 
	
	/************** Left Side Content SearchBox *********************/	
	.centerSideDivContent .searchbox { font-size: 2rem; padding: 2rem 1rem; } 
	.centerSideDivContent .searchDivContent .cartProAutoContainer ul {font-size: 2rem;  }	
	.centerSideDivContent .breadCrumbButton, .centerSideDivContent .openCartButton   { font-size: 2rem; padding: 1.25rem 2rem; }	
				
	/************** Main-category *** / *** Sub-category *** / *** Product Display ** ************/
	.mainCateDivContent .main-cate, .subCateDivContent .sub-cate , .productDivContent .productItem             { width: 14rem; }
	.mainCateDivContent .main-cate img, .subCateDivContent .sub-cate img, .productDivContent .productItem  img { width: 13.5rem; height: 13.5rem; }
	.mainCateDivContent .main-cate h2 , .subCateDivContent .sub-cate h2 , .productDivContent .product-name     { max-width: 13.5rem; font-size: 1.45rem; }
	.productDivContent .productItem .price-tag { line-height:2rem; font-size: 1.7rem; top: 1.2rem;}
		
	.mainCateDivContent .main-cate  .nameInitialDiv { width: 13.5rem; height: 13.5rem; padding-top: 4.5rem;  }
	.productDivContent .productItem .nameInitialDiv { width: 13.5rem; height: 13.5rem; padding-top: 4.5rem;  }
	
	.marqueeDivContent .footerMarque { font-size: 2.4rem; line-height: 3rem; }
	.marqueeDivContent img { height:2.4rem ; width:auto;}
	
	/******************Cart Edit Product Scrren *********************/
	.cartItemEditDiv .cartItemEditCancel h3 { margin-top: 1rem; font-size: 2.5rem;}
	.cartItemEditDiv .cartItemEditContent   { top: 4.5rem; }	
	.cartItemEditContent .tab-content  { height: 90%; overflow-y: auto;}
	.cartItemEditContent .nav-tabs > li { padding: 0rem; font-size: 2rem; }
	
	/****************** Edit Cart Heading  ********************/
	.cartItemEditContent .editTextBox .qtylabel   { padding: 4.4rem 2.5rem 3.9rem 2.0rem; font-size: 2.5rem; }
	.cartItemEditContent .editTextBox .unitlabel  { padding: 4.4rem 2.5rem 3.9rem 1.5rem; font-size: 2.5rem; }
	.cartItemEditContent .editTextBox .pricelabel { padding: 4.4rem 5.0rem 3.9rem 5.0rem; font-size: 2.5rem; }
	.cartItemEditContent .editTextBox .disclabel  { padding: 4.4rem 3.0rem 3.9rem 3.0rem; font-size: 2.5rem; }
	.cartItemEditContent .editTextBox input	      { padding: 1.0rem 1.5rem 1.0rem 1.5rem; font-size: 3.6rem; width: 19rem; height: 11rem;  }
	.cartItemEditContent .editTextBox .unitlabel .rupeeIcon  { padding-right: 3rem; font-size: 3rem; }
	.cartItemEditContent .editTextBox .unitlabel .deleteIcon { font-size: 4rem; }
	
	/****************** Edit Cart Keypad  ***********************/
	.cartItemEditContent .keyPadContent { margin-top: 3rem; }
	.cartItemEditContent .numaricKeyPadGrid .key-btn { width: 16rem; height: 8rem; padding: 3rem; font-size: 3rem; margin: 0rem 0.2rem; }
	.cartItemEditContent .numaricKeyPadGrid .key-icon { font-size:2.5rem;}
	.cartItemEditContent .submitButton { font-size: 3rem;  padding: 2.5rem 21rem; }
	
	/****************** Toggle Switch  *******************/									 
	.cartItemEditContent .switch { width: 60px; height: 3.4rem; top: 1rem; }
	.cartItemEditContent .slider:before { height: 2.6rem; width: 2.6rem; left: 0.4rem; bottom: 0.4rem;}
	
	/******************* Icon Keypad Style **********************/
	.bottomButtonIcon ul li a { font-size: 2rem; }
	.bottomButtonIcon ul li a i {  font-size: 2rem; }	
	.bottomButtonIcon ul li a span {  font-size: 2rem; }							
	.bottomButtonIcon .key-btn-1 { min-width: 18rem;  height: 5.5rem; padding: 1rem; font-size:1.2rem; }
	.bottomButtonIcon::-webkit-scrollbar { width:1rem; height: 1rem; }	
		
	/************ * Sale Cart Div Design ***** ****************/
	.cardDivContent h3 { margin-top: 0rem; font-size: 2.5rem; } 
	.cardDivContent .cartDelete      { padding: 0px 3rem 0rem 1rem; font-size: 3rem; }
	.cardDivContent .backButton      { padding: 0.6rem 1rem; }
	.cardDivContent .productName 	 { font-size:2rem; } 
	.cardDivContent .productQuantity { font-size:1.5rem; }
	.cardDivContent .productTotal    { font-size:1.5rem; }
	.cardDivContent .productPrice	 { font-size:1.5rem; }
	.cardDivContent .productDisc     { font-size:1.5rem; }
	
	/**************** Bill Detail ** *********************/	
	.billDetailContent .billHeading , .billDetailContent .billHeadingAmt { font-size:1.7rem; }
	.billDetailContent .couponHeading { font-size: 1.7rem; }
	.paymentButtonDiv .payButton { font-size: 2.5rem; padding: 2rem 1.2rem; line-height: 1.33; }
	
	/***************** *** Customer Screen ****** *************/							   	
	.custCalendarContent { padding: 0.5rem 1rem;}
	.custCalendarContent .backButton { padding: 0.6rem 1rem;}	
	.custCalendarContent input { font-size: 2rem; }
	
	.custInfoContent, .custSalePayContent, .custReturnPayContent { height: 25%; }
	.custInfoContent .billHeading, .custSalePayContent .billHeading, .custReturnPayContent .billHeading, .creditButtonDiv .billHeading { font-size:1.7rem; }
	.custInfoContent .billHeadingAmt , .custSalePayContent .billHeadingAmt , .custReturnPayContent .billHeadingAmt , .creditButtonDiv .billHeadingAmt   
	{ 
		font-size:1.7rem; 
	}
	.creditButtonDiv .payButton { font-size: 2.3rem; padding: 1.4rem 1.2rem; line-height: 1.33; }
	
	.custBreadcrumbDiv .openCustPayHisory  { font-size: 2rem; padding: 1.25rem 2rem; }
	.custOrderDivContent .borderRadius { height:72%; }
	.custOrderDivContent table th , .custOrderDivContent table td { font-size: 1.5rem; }
	.custOrderDivContent table td i { font-size: 2rem;} 
	
	/******************** Product Screen *******************/
	.proListDivContent { height:90%;}
	.proListDivContent .borderRadius table   { font-size: 1.7rem;}
	.masterProSearchDivContent .searchField  { font-size: 1.7rem; height: 4rem; }
	.masterProSearchDivContent .searchButton { font-size: 1.7rem; height: 4rem; padding: 1rem; } 	
	
	/****************** Modal CSS  ********************/		
	.modal-backdrop, .modal { margin-top:5rem; }	
	.modal-dialog .modal-header .close { font-size: 4rem; }
	.modal-dialog .modal-title { font-size: 2rem; }	
	.modal-dialog .modalText, .modal-dialog table { font-size:1.7rem; }
	.modal-dialog .divSpanText { font-size: 2.5rem; line-height: 3rem;}
	.modal-dialog input , .modal-dialog select , .modal-dialog textarea { height: 3.6rem; font-size:1.7rem;}

	.modal-dialog .btn-primary, .modal-dialog .btn-default { font-size: 2rem; padding: 1rem 1.3rem; }
	.modal-dialog .btn-success, .modal-dialog .btn-warning , .modal-dialog .btn-danger { font-size: 1.7rem; padding: 1rem 1.3rem; }
	
	.modal-dialog .moreButton  { padding: 1rem; font-size: 1.8rem; min-width: 25rem; }
	.modal-dialog .showHide    { font-size: 2rem; padding: 1.0rem 1.7rem; }
	.modal-dialog .radioLabel  { font-size: 2rem; padding: 1.0rem 1.7rem; margin-right:5px;  }
	.modal-dialog .badgeLable  { font-size: 1.7rem; margin-right:5px; }
	.modal-dialog .badge 	   { font-size: 1.7rem; padding: 0.4rem 2rem 0.5rem 1.6rem; } 
	.modal-dialog .printButton { font-size: 2.5rem; padding: 1rem 1.3rem; margin-top: 2rem; } 
	.modal-dialog .imgQRCode   { height:26rem; }
	.modal-dialog .imgScan     { height:26rem; padding-left:15%; }  
	
	.posAboutUsModal,  .dbSyncModal, .customerInfoFormModal { width: 40%  }
	.addPaymentFormModal , .StoreHoldSaleModal, .moreOptionModal { width:70%  }        
	.InvoiceDetailModal, .LedgerReportListModal, .EstimatedOrderModal, .codOrderListModal , .codOrderPaymentModal, .addProductFormModal, .editProductFormModal { width:80%  }

		
}

@media (min-width: 1225px) and (max-width: 1324px) 
{	
	/* Index Page */
	.indexPage { overflow-y: auto; }
	.indexPage #container { width: 100%; left: 0; margin-left: 0;  position: unset; }
	.indexPage #loginbox  { width: 45rem !important; height: 41rem !important; margin-bottom: 5rem; }
	.indexPage #container .btn-lg { padding: 0.5rem 0rem; height: 4.5rem; }
	.indexPage .indexLogo { width: 100% !important;}
	.indexPage .loginBox input { height: 4.6rem; }
	.indexPage .loginBox .radioLabel  { margin-right: 1rem; font-size: 2rem; padding: 1rem 3rem;  } 
	
	/* ****************** Page CSS   ******************** */
	.leftSideDivContent    { width: 30%; }
	.centerSideDivContent  { width: 45%; }	
	.rightSideDivContent   { width: 25%; }
	
	.historyLeftDivContent  { width: 25%; }
	.historyRightDivContent { width: 75%; }	
	
	.leftSideDivContent .cardDivContent  	 			 { height: 76.5%; padding: 1rem 0rem 0rem 0rem; }
	.leftSideDivContent .cardDivContent .cartItemContent { height:97%; width:100%; }
	.leftSideDivContent .cardDivContent .backButton 	 { display: none; }
	.leftSideDivContent .billDetailContent   { height: 14%;    width:100%; padding: 1rem 0rem; }
	.leftSideDivContent .marqueeDivContent   { height: 9%;  	width:100%; padding: 1rem;  }
	
	.centerSideDivContent .itemRetailContent , .fullDivContent .itemRetailContent   { height: 92%; width: 100%; }
	.centerSideDivContent .bottomButtonIcon , .fullDivContent .bottomButtonIcon     { height: 8%; width: 100%; }
	.centerSideDivContent .cartItemEditDiv 	  { display:none;  }		
	.mainCateDivContent .borderRadius { height:80%;  width:99.5%; }
	.subCateDivContent  .borderRadius { height:80%;  width:99.5%; }
	.productDivContent  .borderRadius { height:80%;  width:99.5%; }
	
	.rightSideDivContent .cartPaymentOptionDiv  { height: 90.5%;} 
	.rightSideDivContent .paymentButtonDiv      { height: 8%;    width:100%; padding: 0rem;  }
	.rightSideDivContent .radioLabel   			{ font-size: 2rem; padding: 1.0rem 1.7rem; margin-right:5px;  }
	.rightSideDivContent .badgeLable   			{ font-size: 1.7rem; margin-right:5px; }
	.rightSideDivContent .badge 	   			{ font-size: 1.7rem; padding: 0.4rem 2rem 0.5rem 1.6rem; } 
	.rightSideDivContent .methodRadioLable 		{ margin-right:5px;font-size: 2rem; height: 3rem;  width: 18rem; }
	.rightSideDivContent .form-control      	{ height: 5rem; font-size: 2rem;  }
	.rightSideDivContent .form-horizontal .form-group {  margin-right: 0; margin-left: 0; }
	.rightSideDivContent .orderPaymentHistoy { max-height: 27rem; overflow: auto;  margin-bottom: 0; bottom: 0; position: absolute; } 
	
	.historyLeftDivContent .cardDivContent  	 		 { height: 92%; padding: 1rem 0rem 0rem 0rem; }
	.historyLeftDivContent .cardDivContent .backButton 	 { display: none; }
	.historyLeftDivContent .cardDivContent .billHeading     { font-size:1.7rem; }
	.historyLeftDivContent .cardDivContent .billHeadingAmt  { font-size:1.7rem; }
	.historyLeftDivContent .billDetailContent   { height: 5%;    width:100%; padding: 1rem 0rem; }
	.historyLeftDivContent .marqueeDivContent   { height: 9%;  	width:100%; padding: 1rem;  }
	
	.historyRightDivContent .custOrderDivContent .borderRadius { height:88%;}
	.historyRightDivContent .custOrderDivContent table th { font-size: 11pt;  }
	.historyRightDivContent .custOrderDivContent table td { font-size: 10pt;  }
	
	/************** Left Side Content SearchBox *********************/	
	.centerSideDivContent .searchbox { font-size: 2rem; padding: 2rem 1rem; } 
	.centerSideDivContent .searchDivContent .cartProAutoContainer ul {font-size: 2rem;  }	
	.centerSideDivContent .breadCrumbButton, .centerSideDivContent .openCartButton   { font-size: 2rem; padding: 1.25rem 2rem; }	
				
	/************** Main-category *** / *** Sub-category *** / *** Product Display ** ************/
	.mainCateDivContent .main-cate, .subCateDivContent .sub-cate , .productDivContent .productItem             { width: 14rem; }
	.mainCateDivContent .main-cate img, .subCateDivContent .sub-cate img, .productDivContent .productItem  img { width: 13.5rem; height: 13.5rem; }
	.mainCateDivContent .main-cate h2 , .subCateDivContent .sub-cate h2 , .productDivContent .product-name     { max-width: 13.5rem; font-size: 1.45rem; }
	.productDivContent .productItem .price-tag { line-height:2rem; font-size: 1.7rem; top: 1.2rem;}
		
	.mainCateDivContent .main-cate  .nameInitialDiv { width: 13.5rem; height: 13.5rem; padding-top: 4.5rem;  }
	.productDivContent .productItem .nameInitialDiv { width: 13.5rem; height: 13.5rem; padding-top: 4.5rem;  }
	
	.marqueeDivContent .footerMarque { font-size: 2.4rem; line-height: 3rem; }
	.marqueeDivContent img { height:2.4rem ; width:auto;}
	
	/******************Cart Edit Product Scrren *********************/
	.cartItemEditDiv .cartItemEditCancel h3 { margin-top: 1rem; font-size: 2.5rem;}
	.cartItemEditDiv .cartItemEditContent   { top: 4.5rem; }	
	.cartItemEditContent .tab-content  { height: 90%; overflow-y: auto;}
	.cartItemEditContent .nav-tabs > li { padding: 0rem; font-size: 2rem; }
	
	/*******************Edit Cart Heading  **********************/
	.cartItemEditContent .editTextBox .qtylabel   { padding: 3.2rem 2.5rem 3.2rem 2.0rem; font-size: 2.3rem; }
	.cartItemEditContent .editTextBox .unitlabel  { padding: 3.2rem 2.5rem 3.2rem 1.5rem; font-size: 2.3rem; }
	.cartItemEditContent .editTextBox .pricelabel { padding: 3.2rem 5.0rem 3.2rem 5.0rem; font-size: 2.3rem; }
	.cartItemEditContent .editTextBox .disclabel  { padding: 3.2rem 3.0rem 3.2rem 3.0rem; font-size: 2.3rem; }
	.cartItemEditContent .editTextBox input	      { padding: 1.0rem 1.5rem 1.0rem 1.5rem; font-size: 2.5rem; width: 12rem; height: 9rem;  }
	.cartItemEditContent .editTextBox .unitlabel .rupeeIcon  { padding-right: 3rem; font-size: 3rem; }
	.cartItemEditContent .editTextBox .unitlabel .deleteIcon { font-size: 3.5rem; }
	
	/******************** Edit Cart Keypad  **********************/
	.cartItemEditContent .keyPadContent { margin-top: 3rem; }
	.cartItemEditContent .numaricKeyPadGrid .key-btn { width: 13rem; height: 6rem; padding: 2rem; font-size: 2.5rem; margin: 0rem 0.2rem; }
	.cartItemEditContent .numaricKeyPadGrid .key-icon { font-size:2.5rem;}
	.cartItemEditContent .submitButton { font-size: 2.5rem;  padding: 2.5rem 16rem; }
	
	/******************* Toggle Switch  **********************/									 
	.cartItemEditContent .switch { width: 5.6rem; height: 3rem; top: 1rem; }
	.cartItemEditContent .slider:before { height: 2.3rem; width: 2.3rem; left: 0.4rem; bottom: 0.4rem;}		
	
	/******************* Icon Keypad Style **********************/
	.bottomButtonIcon ul li a { font-size: 2rem; }
	.bottomButtonIcon ul li a i {  font-size: 2rem; }	
	.bottomButtonIcon ul li a span {  font-size: 2rem; }							
	.bottomButtonIcon .key-btn-1 { min-width: 18rem;  height: 5.5rem; padding: 1rem; font-size:1.2rem; }
	.bottomButtonIcon::-webkit-scrollbar { width:1rem; height: 1rem; }	
	
	/************ * Sale Cart Div Design ***** ****************/
	.cardDivContent h3 { margin-top: 0rem; font-size: 2.5rem; } 
	.cardDivContent .cartDelete      { padding: 0px 3rem 0rem 1rem; font-size: 3rem; }
	.cardDivContent .backButton      { padding: 0.6rem 1rem; }
	.cardDivContent .productName 	 { font-size:2rem; } 
	.cardDivContent .productQuantity { font-size:1.5rem; }
	.cardDivContent .productTotal    { font-size:1.5rem; }
	.cardDivContent .productPrice	 { font-size:1.5rem; }
	.cardDivContent .productDisc     { font-size:1.5rem; }
	
	/**************** Bill Detail ** *********************/	
	.billDetailContent .billHeading , .billDetailContent .billHeadingAmt { font-size:1.7rem; }
	.billDetailContent .couponHeading { font-size: 1.7rem; }
	.paymentButtonDiv .payButton { font-size: 2.5rem; padding: 2rem 1.2rem; line-height: 1.33; }
	
	/******************** Product Screen *******************/
	.proListDivContent { height:94%;}
	.proListDivContent .borderRadius table   { font-size: 1.7rem;}
	.masterProSearchDivContent .searchField  { font-size: 1.7rem; height: 4rem; }
	.masterProSearchDivContent .searchButton { font-size: 1.7rem; height: 4rem; padding: 1rem; } 	
	
	/****************** Modal CSS  ********************/		
	.modal-backdrop, .modal { margin-top:5rem; }	
	.modal-dialog .modal-header .close { font-size: 4rem; }
	.modal-dialog .modal-title { font-size: 2rem; }	
	.modal-dialog .modalText, .modal-dialog table { font-size:1.7rem; }
	.modal-dialog .divSpanText { font-size: 2.5rem; line-height: 3rem;}
	.modal-dialog input , .modal-dialog select , .modal-dialog textarea { height: 3.6rem; font-size:1.7rem;}

	.modal-dialog .btn-primary, .modal-dialog .btn-default { font-size: 2rem; padding: 1rem 1.3rem; }
	.modal-dialog .btn-success, .modal-dialog .btn-warning , .modal-dialog .btn-danger { font-size: 1.7rem; padding: 1rem 1.3rem; }
	
	.modal-dialog .moreButton  { padding: 1rem; font-size: 1.8rem; min-width: 25rem; }
	.modal-dialog .showHide    { font-size: 2rem; padding: 1.0rem 1.7rem; }
	.modal-dialog .printButton { font-size: 2.5rem; padding: 1rem 1.3rem; margin-top: 2rem; } 
	.modal-dialog .imgQRCode   { height:26rem; }
	.modal-dialog .imgScan     { height:26rem; padding-left:15%; }  
	
	.posAboutUsModal,  .dbSyncModal, .customerInfoFormModal { width: 40%  }
	.addPaymentFormModal , .moreOptionModal { width:70%  }        
	.InvoiceDetailModal, .editProductFormModal { width:80%  }

}

@media (min-width: 1125px) and (max-width: 1224px) 
{	
	/* Index Page */
	.indexPage { overflow-y: auto; }
	.indexPage #container { width: 100%; left: 0; margin-left: 0;  position: unset; }
	.indexPage #loginbox  { width: 45rem !important; height: 41rem !important; margin-bottom: 5rem; }	
	.indexPage #container .btn-lg { padding: 0.5rem 0rem; height: 4.5rem; }
	.indexPage .indexLogo { width: 100% !important;}
	.indexPage .loginBox input { height: 4.6rem; }
	.indexPage .loginBox .radioLabel  { margin-right: 1rem; font-size: 2rem; padding: 1rem 3rem;  } 
	
	/* ****************** Page CSS   ******************** */
	.leftSideDivContent    { width: 30%; }
	.centerSideDivContent  { width: 45%; }	
	.rightSideDivContent   { width: 25%; }
	
	.historyLeftDivContent  { width: 25%; }
	.historyRightDivContent { width: 75%; }	
	
	.leftSideDivContent .cardDivContent  	 			 { height: 76.5%; padding: 1rem 0rem 0rem 0rem; }
	.leftSideDivContent .cardDivContent .cartItemContent { height:97%; width:100%; }
	.leftSideDivContent .cardDivContent .backButton 	 { display: none; }
	.leftSideDivContent .billDetailContent   { height: 14%;    width:100%; padding: 1rem 0rem; }
	.leftSideDivContent .marqueeDivContent   { height: 9%;  	width:100%; padding: 1rem;  }
	
	.centerSideDivContent .itemRetailContent , .fullDivContent .itemRetailContent   { height: 92%; width: 100%; }
	.centerSideDivContent .bottomButtonIcon , .fullDivContent .bottomButtonIcon     { height: 8%; width: 100%; }
	.centerSideDivContent .cartItemEditDiv 	  { display:none;  }		
	.mainCateDivContent .borderRadius { height:80%;  width:99.5%; }
	.subCateDivContent  .borderRadius { height:80%;  width:99.5%; }
	.productDivContent  .borderRadius { height:80%;  width:99.5%; }
	
	.rightSideDivContent .cartPaymentOptionDiv  { height: 90.5%;} 
	.rightSideDivContent .paymentButtonDiv      { height: 8%;    width:100%; padding: 0rem;  }
	.rightSideDivContent .radioLabel   			{ font-size: 2rem; padding: 1.0rem 1.7rem; margin-right:5px;  }
	.rightSideDivContent .badgeLable   			{ font-size: 1.7rem; margin-right:5px; }
	.rightSideDivContent .badge 	   			{ font-size: 1.7rem; padding: 0.4rem 2rem 0.5rem 1.6rem; } 
	.rightSideDivContent .methodRadioLable 		{ margin-right:5px;font-size: 2rem; height: 3rem;  width: 18rem; }
	.rightSideDivContent .form-control      	{ height: 5rem; font-size: 2rem;  }
	.rightSideDivContent .form-horizontal .form-group {  margin-right: 0; margin-left: 0; }
	.rightSideDivContent .orderPaymentHistoy { max-height: 27rem; overflow: auto;  margin-bottom: 0; bottom: 0; position: absolute; } 
	
	.historyLeftDivContent .cardDivContent  	 		 { height: 92%; padding: 1rem 0rem 0rem 0rem; }
	.historyLeftDivContent .cardDivContent .backButton 	 { display: none; }
	.historyLeftDivContent .cardDivContent .billHeading     { font-size:1.7rem; }
	.historyLeftDivContent .cardDivContent .billHeadingAmt  { font-size:1.7rem; }
	.historyLeftDivContent .billDetailContent   { height: 5%;    width:100%; padding: 1rem 0rem; }
	.historyLeftDivContent .marqueeDivContent   { height: 9%;  	width:100%; padding: 1rem;  }
	
	.historyRightDivContent .custOrderDivContent .borderRadius { height:88%;}
	.historyRightDivContent .custOrderDivContent table th { font-size: 11pt;  }
	.historyRightDivContent .custOrderDivContent table td { font-size: 10pt;  }
	
	/************** Left Side Content SearchBox *********************/	
	.centerSideDivContent .searchbox { font-size: 2rem; padding: 2rem 1rem; } 
	.centerSideDivContent .searchDivContent .cartProAutoContainer ul {font-size: 2rem;  }	
	.centerSideDivContent .breadCrumbButton, .centerSideDivContent .openCartButton   { font-size: 2rem; padding: 1.25rem 2rem; }	
				
	/************** Main-category *** / *** Sub-category *** / *** Product Display ** ************/
	.mainCateDivContent .main-cate, .subCateDivContent .sub-cate , .productDivContent .productItem             { width: 14rem; }
	.mainCateDivContent .main-cate img, .subCateDivContent .sub-cate img, .productDivContent .productItem  img { width: 13.5rem; height: 13.5rem; }
	.mainCateDivContent .main-cate h2 , .subCateDivContent .sub-cate h2 , .productDivContent .product-name     { max-width: 13.5rem; font-size: 1.45rem; }
	.productDivContent .productItem .price-tag { line-height:2rem; font-size: 1.7rem; top: 1.2rem;}
		
	.mainCateDivContent .main-cate  .nameInitialDiv { width: 13.5rem; height: 13.5rem; padding-top: 4.5rem;  }
	.productDivContent .productItem .nameInitialDiv { width: 13.5rem; height: 13.5rem; padding-top: 4.5rem;  }
	
	.marqueeDivContent .footerMarque { font-size: 2.4rem; line-height: 3rem; }
	.marqueeDivContent img { height:2.4rem ; width:auto;}
	
	/******************Cart Edit Product Scrren *********************/
	.cartItemEditDiv .cartItemEditCancel h3 { margin-top: 1rem; font-size: 2.5rem;}
	.cartItemEditDiv .cartItemEditContent   { top: 4.5rem; }	
	.cartItemEditContent .tab-content  { height: 90%; overflow-y: auto;}
	.cartItemEditContent .nav-tabs > li { padding: 0rem; font-size: 2rem; }
	
	/*******************Edit Cart Heading  **********************/
	.cartItemEditContent .editTextBox .qtylabel   { padding: 3.2rem 2.5rem 3.2rem 2.0rem; font-size: 2.3rem; }
	.cartItemEditContent .editTextBox .unitlabel  { padding: 3.2rem 2.5rem 3.2rem 1.5rem; font-size: 2.3rem; }
	.cartItemEditContent .editTextBox .pricelabel { padding: 3.2rem 5.0rem 3.2rem 5.0rem; font-size: 2.3rem; }
	.cartItemEditContent .editTextBox .disclabel  { padding: 3.2rem 3.0rem 3.2rem 3.0rem; font-size: 2.3rem; }
	.cartItemEditContent .editTextBox input	      { padding: 1.0rem 1.5rem 1.0rem 1.5rem; font-size: 2.5rem; width: 12rem; height: 9rem;  }
	.cartItemEditContent .editTextBox .unitlabel .rupeeIcon  { padding-right: 3rem; font-size: 3rem; }
	.cartItemEditContent .editTextBox .unitlabel .deleteIcon { font-size: 3.5rem; }
	
	/******************** Edit Cart Keypad  **********************/
	.cartItemEditContent .keyPadContent { margin-top: 3rem; }
	.cartItemEditContent .numaricKeyPadGrid .key-btn { width: 13rem; height: 6rem; padding: 2rem; font-size: 2.5rem; margin: 0rem 0.2rem; }
	.cartItemEditContent .numaricKeyPadGrid .key-icon { font-size:2.5rem;}
	.cartItemEditContent .submitButton { font-size: 2.5rem;  padding: 2.5rem 16rem; }
	
	/******************* Toggle Switch  **********************/									 
	.cartItemEditContent .switch { width: 5.6rem; height: 3rem; top: 1rem; }
	.cartItemEditContent .slider:before { height: 2.3rem; width: 2.3rem; left: 0.4rem; bottom: 0.4rem;}		
	
	/******************* Icon Keypad Style **********************/
	.bottomButtonIcon ul li a { font-size: 2rem; }
	.bottomButtonIcon ul li a i {  font-size: 2rem; }	
	.bottomButtonIcon ul li a span {  font-size: 2rem; }							
	.bottomButtonIcon .key-btn-1 { min-width: 18rem;  height: 5.5rem; padding: 1rem; font-size:1.2rem; }
	.bottomButtonIcon::-webkit-scrollbar { width:1rem; height: 1rem; }	
		
	/************ * Sale Cart Div Design ***** ****************/
	.cardDivContent h3 { margin-top: 0rem; font-size: 2.5rem; } 
	.cardDivContent .cartDelete      { padding: 0px 3rem 0rem 1rem; font-size: 3rem; }
	.cardDivContent .backButton      { padding: 0.6rem 1rem; }
	.cardDivContent .productName 	 { font-size:2rem; } 
	.cardDivContent .productQuantity { font-size:1.5rem; }
	.cardDivContent .productTotal    { font-size:1.5rem; }
	.cardDivContent .productPrice	 { font-size:1.5rem; }
	.cardDivContent .productDisc     { font-size:1.5rem; }
	
	/**************** Bill Detail ** *********************/	
	.billDetailContent .billHeading , .billDetailContent .billHeadingAmt { font-size:1.7rem; }
	.billDetailContent .couponHeading { font-size: 1.7rem; }
	.paymentButtonDiv .payButton { font-size: 2.5rem; padding: 2rem 1.2rem; line-height: 1.33; }
	
	/******************** Product Screen *******************/
	.proListDivContent { height:94%;}
	.proListDivContent .borderRadius table   { font-size: 1.7rem;}
	.masterProSearchDivContent .searchField  { font-size: 1.7rem; height: 4rem; }
	.masterProSearchDivContent .searchButton { font-size: 1.7rem; height: 4rem; padding: 1rem; } 	
	
	/****************** Modal CSS  ********************/		
	.modal-backdrop, .modal { margin-top:5rem; }	
	.modal-dialog .modal-header .close { font-size: 4rem; }
	.modal-dialog .modal-title { font-size: 2rem; }	
	.modal-dialog .modalText, .modal-dialog table { font-size:1.7rem; }
	.modal-dialog .divSpanText { font-size: 2.5rem; line-height: 3rem;}
	.modal-dialog input , .modal-dialog select , .modal-dialog textarea { height: 3.6rem; font-size:1.7rem;}

	.modal-dialog .btn-primary, .modal-dialog .btn-default { font-size: 2rem; padding: 1rem 1.3rem; }
	.modal-dialog .btn-success, .modal-dialog .btn-warning , .modal-dialog .btn-danger { font-size: 1.7rem; padding: 1rem 1.3rem; }
	
	.modal-dialog .moreButton  { padding: 1rem; font-size: 1.8rem; min-width: 25rem; }
	.modal-dialog .showHide    { font-size: 2rem; padding: 1.0rem 1.7rem; }
	.modal-dialog .printButton { font-size: 2.5rem; padding: 1rem 1.3rem; margin-top: 2rem; } 
	.modal-dialog .imgQRCode   { height:26rem; }
	.modal-dialog .imgScan     { height:26rem; padding-left:15%; }  
	
	.posAboutUsModal,  .dbSyncModal, .customerInfoFormModal { width: 40%  }
	.addPaymentFormModal , .moreOptionModal { width:70%  }        
	.InvoiceDetailModal, .editProductFormModal { width:80%  }

}

@media (min-width: 1024px) and (max-width: 1124px) 
{	
	/* Index Page */
	.indexPage { overflow-y: auto; }
	.indexPage #container { width: 100%; left: 0; margin-left: 0;  position: unset; }
	.indexPage #loginbox  { width: 45rem !important; height: 41rem !important; margin-bottom: 5rem; }	
	.indexPage #container .btn-lg { padding: 0.5rem 0rem; height: 4.5rem; }
	.indexPage .indexLogo { width: 100% !important;}
	.indexPage .loginBox input { height: 4.6rem; }
	.indexPage .loginBox .radioLabel  { margin-right: 1rem; font-size: 2rem; padding: 1rem 3rem;  } 
	
	/* ****************** Page CSS   ******************** */
	.leftSideDivContent    { width: 30%; }
	.centerSideDivContent  { width: 45%; }	
	.rightSideDivContent   { width: 25%; }
	
	.historyLeftDivContent  { width: 25%; }
	.historyRightDivContent { width: 75%; }	
	
	.leftSideDivContent .cardDivContent  	 			 { height: 76.5%; padding: 1rem 0rem 0rem 0rem; }
	.leftSideDivContent .cardDivContent .cartItemContent { height:97%; width:100%; }
	.leftSideDivContent .cardDivContent .backButton 	 { display: none; }
	.leftSideDivContent .billDetailContent   { height: 14%;    width:100%; padding: 1rem 0rem; }
	.leftSideDivContent .marqueeDivContent   { height: 9%;  	width:100%; padding: 1rem;  }
	
	.centerSideDivContent .itemRetailContent , .fullDivContent .itemRetailContent   { height: 92%; width: 100%; }
	.centerSideDivContent .bottomButtonIcon , .fullDivContent .bottomButtonIcon     { height: 8%; width: 100%; }
	.centerSideDivContent .cartItemEditDiv 	  { display:none;  }		
	.mainCateDivContent .borderRadius { height:80%;  width:99.5%; }
	.subCateDivContent  .borderRadius { height:80%;  width:99.5%; }
	.productDivContent  .borderRadius { height:80%;  width:99.5%; }
	
	.rightSideDivContent .cartPaymentOptionDiv  { height: 90.5%;} 
	.rightSideDivContent .paymentButtonDiv      { height: 8%;    width:100%; padding: 0rem;  }
	.rightSideDivContent .radioLabel   			{ font-size: 2rem; padding: 1.0rem 1.7rem; margin-right:5px;  }
	.rightSideDivContent .badgeLable   			{ font-size: 1.7rem; margin-right:5px; }
	.rightSideDivContent .badge 	   			{ font-size: 1.7rem; padding: 0.4rem 2rem 0.5rem 1.6rem; } 
	.rightSideDivContent .methodRadioLable 		{ margin-right:5px;font-size: 2rem; height: 3rem;  width: 18rem; }
	.rightSideDivContent .form-control      	{ height: 5rem; font-size: 2rem;  }
	.rightSideDivContent .form-horizontal .form-group {  margin-right: 0; margin-left: 0; }
	.rightSideDivContent .orderPaymentHistoy { max-height: 27rem; overflow: auto;  margin-bottom: 0; bottom: 0; position: absolute; } 
	
	.historyLeftDivContent .cardDivContent  	 		 { height: 92%; padding: 1rem 0rem 0rem 0rem; }
	.historyLeftDivContent .cardDivContent .backButton 	 { display: none; }
	.historyLeftDivContent .cardDivContent .billHeading     { font-size:1.7rem; }
	.historyLeftDivContent .cardDivContent .billHeadingAmt  { font-size:1.7rem; }
	.historyLeftDivContent .billDetailContent   { height: 5%;    width:100%; padding: 1rem 0rem; }
	.historyLeftDivContent .marqueeDivContent   { height: 9%;  	width:100%; padding: 1rem;  }
	
	.historyRightDivContent .custOrderDivContent .borderRadius { height:88%;}
	.historyRightDivContent .custOrderDivContent table th { font-size: 11pt;  }
	.historyRightDivContent .custOrderDivContent table td { font-size: 10pt;  }
	
	/************** Left Side Content SearchBox *********************/	
	.centerSideDivContent .searchbox { font-size: 2rem; padding: 2rem 1rem; } 
	.centerSideDivContent .searchDivContent .cartProAutoContainer ul {font-size: 2rem;  }	
	.centerSideDivContent .breadCrumbButton, .centerSideDivContent .openCartButton   { font-size: 2rem; padding: 1.25rem 2rem; }	
				
	/************** Main-category *** / *** Sub-category *** / *** Product Display ** ************/
	.mainCateDivContent .main-cate, .subCateDivContent .sub-cate , .productDivContent .productItem             { width: 14rem; }
	.mainCateDivContent .main-cate img, .subCateDivContent .sub-cate img, .productDivContent .productItem  img { width: 13.5rem; height: 13.5rem; }
	.mainCateDivContent .main-cate h2 , .subCateDivContent .sub-cate h2 , .productDivContent .product-name     { max-width: 13.5rem; font-size: 1.45rem; }
	.productDivContent .productItem .price-tag { line-height:2rem; font-size: 1.7rem; top: 1.2rem;}
		
	.mainCateDivContent .main-cate  .nameInitialDiv { width: 13.5rem; height: 13.5rem; padding-top: 4.5rem;  }
	.productDivContent .productItem .nameInitialDiv { width: 13.5rem; height: 13.5rem; padding-top: 4.5rem;  }
	
	.marqueeDivContent .footerMarque { font-size: 2.4rem; line-height: 3rem; }
	.marqueeDivContent img { height:2.4rem ; width:auto;}
	
	/******************Cart Edit Product Scrren *********************/
	.cartItemEditDiv .cartItemEditCancel h3 { margin-top: 1rem; font-size: 2.5rem;}
	.cartItemEditDiv .cartItemEditContent   { top: 4.5rem; }	
	.cartItemEditContent .tab-content  { height: 90%; overflow-y: auto;}
	.cartItemEditContent .nav-tabs > li { padding: 0rem; font-size: 2rem; }
	
	/*******************Edit Cart Heading  **********************/
	.cartItemEditContent .editTextBox .qtylabel   { padding: 3.2rem 2.5rem 3.2rem 2.0rem; font-size: 2.3rem; }
	.cartItemEditContent .editTextBox .unitlabel  { padding: 3.2rem 2.5rem 3.2rem 1.5rem; font-size: 2.3rem; }
	.cartItemEditContent .editTextBox .pricelabel { padding: 3.2rem 5.0rem 3.2rem 5.0rem; font-size: 2.3rem; }
	.cartItemEditContent .editTextBox .disclabel  { padding: 3.2rem 3.0rem 3.2rem 3.0rem; font-size: 2.3rem; }
	.cartItemEditContent .editTextBox input	      { padding: 1.0rem 1.5rem 1.0rem 1.5rem; font-size: 2.5rem; width: 12rem; height: 9rem;  }
	.cartItemEditContent .editTextBox .unitlabel .rupeeIcon  { padding-right: 3rem; font-size: 3rem; }
	.cartItemEditContent .editTextBox .unitlabel .deleteIcon { font-size: 3.5rem; }
	
	/******************** Edit Cart Keypad  **********************/
	.cartItemEditContent .keyPadContent { margin-top: 3rem; }
	.cartItemEditContent .numaricKeyPadGrid .key-btn { width: 13rem; height: 6rem; padding: 2rem; font-size: 2.5rem; margin: 0rem 0.2rem; }
	.cartItemEditContent .numaricKeyPadGrid .key-icon { font-size:2.5rem;}
	.cartItemEditContent .submitButton { font-size: 2.5rem;  padding: 2.5rem 16rem; }
	
	/******************* Toggle Switch  **********************/									 
	.cartItemEditContent .switch { width: 5.6rem; height: 3rem; top: 1rem; }
	.cartItemEditContent .slider:before { height: 2.3rem; width: 2.3rem; left: 0.4rem; bottom: 0.4rem;}		
	
	/******************* Icon Keypad Style **********************/
	.bottomButtonIcon ul li a { font-size: 2rem; }
	.bottomButtonIcon ul li a i {  font-size: 2rem; }	
	.bottomButtonIcon ul li a span {  font-size: 2rem; }							
	.bottomButtonIcon .key-btn-1 { min-width: 18rem;  height: 5.5rem; padding: 1rem; font-size:1.2rem; }
	.bottomButtonIcon::-webkit-scrollbar { width:1rem; height: 1rem; }	
	

	/************ * Sale Cart Div Design ***** ****************/
	.cardDivContent h3 { margin-top: 0rem; font-size: 2.5rem; } 
	.cardDivContent .cartDelete      { padding: 0px 3rem 0rem 1rem; font-size: 3rem; }
	.cardDivContent .backButton      { padding: 0.6rem 1rem; }
	.cardDivContent .productName 	 { font-size:2rem; } 
	.cardDivContent .productQuantity { font-size:1.5rem; }
	.cardDivContent .productTotal    { font-size:1.5rem; }
	.cardDivContent .productPrice	 { font-size:1.5rem; }
	.cardDivContent .productDisc     { font-size:1.5rem; }
	
	/**************** Bill Detail ** *********************/	
	.billDetailContent .billHeading , .billDetailContent .billHeadingAmt { font-size:1.7rem; }
	.billDetailContent .couponHeading { font-size: 1.7rem; }
	.paymentButtonDiv .payButton { font-size: 2.5rem; padding: 2rem 1.2rem; line-height: 1.33; }
	
	/******************** Product Screen *******************/
	.proListDivContent { height:94%;}
	.proListDivContent .borderRadius table   { font-size: 1.7rem;}
	.masterProSearchDivContent .searchField  { font-size: 1.7rem; height: 4rem; }
	.masterProSearchDivContent .searchButton { font-size: 1.7rem; height: 4rem; padding: 1rem; } 	
	
	/****************** Modal CSS  ********************/		
	.modal-backdrop, .modal { margin-top:5rem; }	
	.modal-dialog .modal-header .close { font-size: 4rem; }
	.modal-dialog .modal-title { font-size: 2rem; }	
	.modal-dialog .modalText, .modal-dialog table { font-size:1.7rem; }
	.modal-dialog .divSpanText { font-size: 2.5rem; line-height: 3rem;}
	.modal-dialog input , .modal-dialog select , .modal-dialog textarea { height: 3.6rem; font-size:1.7rem;}

	.modal-dialog .btn-primary, .modal-dialog .btn-default { font-size: 2rem; padding: 1rem 1.3rem; }
	.modal-dialog .btn-success, .modal-dialog .btn-warning , .modal-dialog .btn-danger { font-size: 1.7rem; padding: 1rem 1.3rem; }
	
	.modal-dialog .moreButton  { padding: 1rem; font-size: 1.8rem; min-width: 25rem; }
	.modal-dialog .showHide    { font-size: 2rem; padding: 1.0rem 1.7rem; }
	.modal-dialog .printButton { font-size: 2.5rem; padding: 1rem 1.3rem; margin-top: 2rem; } 
	.modal-dialog .imgQRCode   { height:26rem; }
	.modal-dialog .imgScan     { height:26rem; padding-left:15%; }  
	
	.posAboutUsModal,  .dbSyncModal, .customerInfoFormModal { width: 40%  }
	.addPaymentFormModal , .moreOptionModal { width:70%  }        
	.InvoiceDetailModal, .editProductFormModal { width:80%  }
}

/* **************** Ipad Pro ******************/
@media (min-width: 891px) and (max-width: 1024px)
{
	/* Index Page */
	.indexPage { overflow-y: auto; }
	.indexPage #container { width: 100%; left: 0; margin-left: 0;  position: unset; }
	.indexPage #loginbox  { width: 45rem !important; height: 35rem !important; margin-bottom: 5rem; }
	.indexPage .loginBox input { height: 4.6rem; }
	.indexPage #container .btn-lg { padding: 0.5rem 0rem; height: 4.5rem; }
	.indexPage .indexLogo { width: 100% !important;}
	.indexPage .loginBox .radioLabel  { margin-right: 1rem; font-size: 2rem; padding: 1rem 3rem;  } 
	
	/* ****************** Page CSS   ******************** */
	.centerSideDivContent  { width: 65%; }
	.leftSideDivContent { width: 35%; }
	
	.leftSideDivContent .cardDivContent  	  { height: 76.5%; padding: 1rem 0rem 0rem 0rem; }
	.leftSideDivContent .billDetailContent   { height: 7%;   width:100%; padding: 1rem 0rem; }
	.leftSideDivContent .paymentButtonDiv    { height: 8%;    width:100%; padding: 0rem;  }
	.leftSideDivContent .marqueeDivContent   { height: 9%;  	width:100%; padding: 1rem;  }
	.leftSideDivContent .stockCardDivContent { height: 63%;   width:100%; padding: 0.5rem 0rem;}
	.leftSideDivContent .cardDivContent .cartItemContent  { height:97%; width:100%; }
	.leftSideDivContent .cardDivContent .backButton 	   { display: none; }
	
	.centerSideDivContent .itemRetailContent , .fullDivContent .itemRetailContent   { height: 92%; width: 100%; }
	.centerSideDivContent .bottomButtonIcon , .fullDivContent .bottomButtonIcon     { height: 8%; width: 100%; }
	
	.centerSideDivContent .cartItemEditDiv 	  { display:none;  }		
	.mainCateDivContent .borderRadius, .subCateDivContent .borderRadius ,.productDivContent .borderRadius { height:70%;  width:99.5%; }
	
	/************** Left Side Content SearchBox *********************/	
	.centerSideDivContent .searchbox { font-size: 2rem; padding: 2rem 1rem; } 
	.centerSideDivContent .searchDivContent .cartProAutoContainer ul {font-size: 2rem;  }	
	.centerSideDivContent .breadCrumbButton, .centerSideDivContent .openCartButton   { font-size: 1.8rem; padding: 1.25rem 1.6rem; }	
	
	/*******************Live Order **********************/
	.liveOrderDivContent .borderRadius  { height:79%;}
	.liveOrderDivContent .order-item    { width: 13%; margin: 0.4rem; padding:0.5rem; }
	.liveOrderDivContent .order-item h2 { max-width: 15.5rem; font-size: 2rem; line-height: 2.2rem; }
	
	/************** Main-category *** / *** Sub-category *** / *** Product Display ** ************/
	.mainCateDivContent .main-cate, .subCateDivContent .sub-cate , .productDivContent .productItem             { width: 18.5%; }
	.mainCateDivContent .main-cate img, .subCateDivContent .sub-cate img, .productDivContent .productItem  img { width: 13.5rem; height: 13.5rem; }
	.mainCateDivContent .main-cate h2 , .subCateDivContent .sub-cate h2 , .productDivContent .product-name     { max-width: 13.5rem; font-size: 1.45rem; }
	.productDivContent .productItem .price-tag { line-height:2rem; font-size: 1.7rem; top: 1.2rem;}
		
	.mainCateDivContent .main-cate .nameInitialDiv, .subCateDivContent .sub-cate .nameInitialDiv, .productDivContent .productItem .nameInitialDiv 
	{ width: 13.5rem; height: 13.5rem; padding-top: 4.5rem;  }
	
	.marqueeDivContent .footerMarque { font-size: 2.6rem; line-height: 3rem; }
	.marqueeDivContent img { height:2.6rem ; width:auto;}
	
	/******************** 
	*** Cart Edit Product Scrren ****
	*********************/
	.cartItemEditDiv .cartItemEditCancel h3 { margin-top: 0.5rem; font-size: 3rem;}
	.cartItemEditDiv .cartItemEditContent   { top: 4.5rem; }	
	.cartItemEditContent .tab-content  { height: 90%; overflow-y: auto;}
	.cartItemEditContent .nav-tabs > li { padding: 0rem; font-size: 2.5rem; }

	/******************** 
	*** Edit Cart Heading  ***
	*********************/
	.cartItemEditContent .editTextBox .qtylabel   { padding: 4.4rem 2.5rem 3.9rem 2.0rem; font-size: 2.5rem; }
	.cartItemEditContent .editTextBox .unitlabel  { padding: 4.4rem 2.5rem 3.9rem 1.5rem; font-size: 2.5rem; }
	.cartItemEditContent .editTextBox .pricelabel { padding: 4.4rem 5.0rem 3.9rem 5.0rem; font-size: 2.5rem; }
	.cartItemEditContent .editTextBox .disclabel  { padding: 4.4rem 3.0rem 3.9rem 3.0rem; font-size: 2.5rem; }
	.cartItemEditContent .editTextBox input	      { padding: 1.0rem 1.5rem 1.0rem 1.5rem; font-size: 3.6rem; width: 19rem; height: 11rem;  }
	.cartItemEditContent .editTextBox .unitlabel .rupeeIcon  { padding-right: 3rem; font-size: 3rem; }
	.cartItemEditContent .editTextBox .unitlabel .deleteIcon { font-size: 4rem; }
	.cartItemEditContent .badgeLable { font-size: 1.7rem;} 
	
	/******************** Edit Cart Keypad  **********************/
	.cartItemEditContent .keyPadContent { margin-top: 3rem; }
	.cartItemEditContent .numaricKeyPadGrid .key-btn { width: 16rem; height: 8rem; padding: 3rem; font-size: 3rem; margin: 0rem 0.2rem; }
	.cartItemEditContent .numaricKeyPadGrid .key-icon { font-size:2.5rem;}
	.cartItemEditContent .submitButton { font-size: 2.5rem;  padding: 2rem 15rem; }
	
	/******************* Toggle Switch  **********************/												 
	.cartItemEditContent .switch { width: 60px; height: 3.4rem; top: 1rem; }
	.cartItemEditContent .slider:before { height: 2.6rem; width: 2.6rem; left: 0.4rem; bottom: 0.4rem;}
	
	/******************* Icon Keypad Style **********************/
	.bottomButtonIcon ul li a { font-size: 2rem; }
	.bottomButtonIcon ul li a i {  font-size: 2rem; }	
	.bottomButtonIcon ul li a span {  font-size: 1.5rem; }							
	.bottomButtonIcon .key-btn-1 { min-width: 14rem;  height: 5rem; padding: 1rem; font-size:1.2rem; }
	.bottomButtonIcon::-webkit-scrollbar { width:1rem; height: 1rem; }	
	
	/******************Date Picker Calendar *************************/
	.datepicker.dropdown-menu { width: 42rem; height:30rem; font-size: 2rem; }
	.datepicker.dropdown-menu tr{ height: 3.5rem; }
	
	/************ * Sale Cart Div Design ***** ****************/
	.cardDivContent h3 { margin-top: 0rem; font-size: 2.5rem; } 
	.cardDivContent .cartDelete      { padding: 0px 3rem 0rem 1rem; font-size: 3rem; }
	.cardDivContent .backButton      { padding: 0.6rem 1rem; }
	.cardDivContent .productName , .cardDivContent .productQuantity, .cardDivContent .productTotal { font-size:1.5rem;}
	.cardDivContent .productPrice, .cardDivContent .productDisc  { font-size:1.5rem; }
	
	/**************** Bill Detail ** *********************/	
	.billDetailContent .billHeading , .billDetailContent .billHeadingAmt { font-size:2rem; }
	.billDetailContent .couponHeading { font-size: 1.8rem; }
	.paymentButtonDiv .payButton { font-size: 2.5rem; padding: 2rem 1.2rem; line-height: 1.33; }
	
	/***************** *** Customer Screen ****** *************/							   	
	.custCalendarContent { padding: 0.5rem 1rem;}
	.custCalendarContent .backButton { padding: 0.6rem 1rem;}	
	.custCalendarContent input { font-size: 2rem; }
	
	.custInfoContent, .custSalePayContent, .custReturnPayContent { height: 25%; }
	.custInfoContent .billHeading, .custSalePayContent .billHeading, .custReturnPayContent .billHeading, .creditButtonDiv .billHeading { font-size:1.7rem; }
	.custInfoContent .billHeadingAmt , .custSalePayContent .billHeadingAmt , .custReturnPayContent .billHeadingAmt , .creditButtonDiv .billHeadingAmt   
	{ 
		font-size:1.7rem; 
	}
	.creditButtonDiv .payButton { font-size: 3rem; padding: 1.4rem 1.2rem; }
	
	.custBreadcrumbDiv .openCustPayHisory  { font-size: 2rem; padding: 1.25rem 2rem; }
	.custOrderDivContent .borderRadius { height:72%; }
	.custOrderDivContent table th , .custOrderDivContent table td { font-size: 1.7rem; }
	.custOrderDivContent table td i { font-size: 2rem;} 
		
	/******************** Vendor Screen *****************/
	.vendorCalendarContent { padding: 0.5rem 1rem; }
	.vendorCalendarContent .backButton { padding: 0.6rem 1rem;}
	.vendorCalendarContent input { font-size: 2rem; }
	
	.vendorInfoContent 	  { height: 40%; }
	.vendorPaymentContent { height: 38%; }
	.vendorInfoContent .billHeading , .vendorInfoContent .billHeadingAmt , .vendorPaymentContent .billHeading , .vendorPaymentContent .billHeadingAmt  
	{ font-size:1.7rem;} 
	.debitButtonDiv .payButton { font-size: 3rem; padding: 1.3rem 1.2rem;}							   	
	.centerSideDivContent  .vendorbreadCrumbButton { font-size: 2rem; padding: 1.25rem 2rem; margin-right: 0.5rem; }
	.vendorBreadcrumbDiv .openVendorPayHisory    { font-size: 2rem; padding: 1.25rem 2rem; }
	.vendorInvoiceDivContent .borderRadius { height:72%;}	
	.vendorInvoiceDivContent table th , .vendorInvoiceDivContent table td { font-size: 1.7rem; }
	.vendorLedgerTable table th, .vendorLedgerTable table td { font-size:1.5rem;} 			

	/******************* * Stock Screen ***********************/
	.stockCardDivContent .cartItemContent { height: 95%; }
	.stockBillDetailContent { height: 20%; }
	.stockCardDivContent h3 { font-size: 2.5rem; } 
	.stockCardDivContent .cartDelete      { padding: 0px 3rem 0rem 1rem; font-size: 3rem; }
	.stockCardDivContent .productName , .stockCardDivContent .productQuantity, .stockCardDivContent .productTotal { font-size:1.5rem;}
	.stockCardDivContent .productPrice, .stockCardDivContent .productDisc  { font-size:1.5rem; }
	.stockBillDetailContent .billHeading , .stockBillDetailContent .billHeadingAmt { font-size:2rem; }		
	.stockPaymentButtonDiv .payButton { font-size: 3rem; padding: 1.5rem 1.2rem; }
	
	/******************** Product Screen *******************/
	.proListDivContent { height:78.5%;}
	.proListDivContent .borderRadius table   { font-size: 1.6rem;}
	.masterProSearchDivContent .searchField  { font-size: 1.6rem; height: 4rem; }
	.masterProSearchDivContent .searchButton { font-size: 1.6rem; height: 4rem; padding: 1rem; }
	
	/****************** Modal CSS  ********************/
	.modal-dialog .modal-header { padding: 1rem; } 
	.modal-dialog .modal-header .close {  font-size: 4rem; }
	.modal-dialog .modal-title { font-size: 1.5rem; }
	.modal-dialog .modal-footer {margin-top: 0rem; padding: 1rem 2rem 2rem; }
	.modal-dialog .modalText, .modal-dialog table  { font-size: 1.5rem; }
	.modal-dialog .divSpanText { font-size: 2.5rem; line-height: 3rem;}
	.modal-dialog input , .modal-dialog select , .modal-dialog textarea { height: 3.6rem; font-size: 1.5rem; }
	
	.modal-dialog .btn-primary, .modal-dialog .btn-default { font-size: 1.5rem; padding: 1rem 1rem; }
	.modal-dialog .btn-success, .modal-dialog .btn-warning , .modal-dialog .btn-danger { font-size: 1.5rem; padding: 1rem 1rem; }
	
	.modal-dialog .moreButton  { padding: 1rem; font-size: 1.8rem; min-width: 25rem; }
	.modal-dialog .showHideDiv { margin-bottom: 3rem; margin-top: 1rem;}
	.modal-dialog .showHide { font-size: 1.5rem; padding: 1.2rem 1.2rem;}
	.modal-dialog .radioLabel  { background-color: #428bca; color:#ffffff; margin-right:5px; font-size: 1.5rem; padding: 1.2rem 1.2rem; margin: 0.2rem; }
	.modal-dialog .badgeLable  { margin-right:5px; font-size: 1.5rem; }
	.modal-dialog .badge { font-size: 1.5rem; padding: 0.4rem 2rem 0.5rem 1rem; } 
	.modal-dialog .printButton { font-size: 2.5rem; padding: 1rem 1.3rem; } 
	.modal-dialog .imgQRCode { height:294px; padding-left: 15%; }
	.modal-dialog .imgScan { height:294px; padding-left: 15%; margin-bottom: 2rem; } 

}