@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: 40rem !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: 70%; }
	.rightSideDivContent { width: 30%; }
	
	.rightSideDivContent .cardDivContent  	  { height: 65.5%; padding: 1rem 0rem 0rem 0rem; }
	.rightSideDivContent .billDetailContent   { height: 18%;   width:100%; padding: 1rem 0rem; }
	.rightSideDivContent .paymentButtonDiv    { height: 8%;    width:100%; padding: 0rem;  }
	.rightSideDivContent .marqueeDivContent   { height: 9%;  	width:100%; padding: 1rem;  }
	.rightSideDivContent .stockCardDivContent { height: 63%;   width:100%; padding: 0.5rem 0rem;}
	.rightSideDivContent .cardDivContent .cartItemContent  { height:97%; width:100%; }
	.rightSideDivContent .cardDivContent .backButton 	   { display: none; }
	
	.leftSideDivContent .itemRetailContent , .fullDivContent .itemRetailContent   { height: 85%; width: 100%; }
	.leftSideDivContent .bottomButtonIcon , .fullDivContent .bottomButtonIcon     { height: 15%; width: 100%; }
	.leftSideDivContent .cartItemEditDiv 	  { display:none;  }		
	.mainCateDivContent .borderRadius, .subCateDivContent .borderRadius ,.productDivContent .borderRadius { height:72%;  width:99.5%; }
		
	/************** Left Side Content SearchBox *********************/	
	.leftSideDivContent .searchbox { font-size: 2rem; padding: 2rem 1rem; } 
	.leftSideDivContent .searchDivContent .cartProAutoContainer ul {font-size: 2rem;  }	
	.leftSideDivContent .breadCrumbButton, .leftSideDivContent .openCartButton   { font-size: 2rem; padding: 1.25rem 2rem; }	
	
	/*******************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: 11.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; }
	
	/******************** 
	*** 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; }	
	
	/******************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: 2rem; }
	.paymentButtonDiv .payButton { font-size: 3rem; padding: 1.5rem 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;}							   
	.leftSideDivContent  .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:90%;}
	.proListDivContent .borderRadius table   { font-size: 1.7rem;}
	.masterProSearchDivContent .searchField  { font-size: 2rem; height: 5rem; }
	.masterProSearchDivContent .searchButton { font-size: 2rem; height: 5rem; padding: 1.2rem; } 	
	
	/****************** Modal CSS  ********************/		
	.modal-backdrop, .modal { margin-top:5rem; }	
	.modal-dialog .modal-header .close { font-size: 4rem; }
	.modal-dialog .modal-title { font-size: 3rem; }	
	.modal-dialog .modalText, .modal-dialog table { font-size:2rem; }
	.modal-dialog .divSpanText { font-size: 2.5rem; line-height: 3rem;}
	.modal-dialog input , .modal-dialog select , .modal-dialog textarea { height: 5rem; font-size:2rem;}

	.modal-dialog .btn-primary, .modal-dialog .btn-default { font-size: 2.5rem; padding: 1rem 1.3rem; }
	.modal-dialog .btn-success, .modal-dialog .btn-warning , .modal-dialog .btn-danger { font-size: 2.5rem; padding: 1rem 1.3rem; }
	
	.modal-dialog .moreButton  { padding: 1rem; font-size: 1.8rem; min-width: 25rem; }
	.modal-dialog .showHide    { font-size: 3rem; padding: 1.5rem 3rem; }
	.modal-dialog .radioLabel  { font-size: 3rem; padding: 1.5rem 3rem; margin-right:5px;  }
	.modal-dialog .badgeLable  { font-size: 2rem; margin-right:5px; }
	.modal-dialog .badge 	   { font-size: 2rem; padding: 0.4rem 2rem 0.5rem 1.6rem; } 
	.modal-dialog .printButton { font-size: 2.5rem; padding: 1rem 1.3rem; } 
	.modal-dialog .imgQRCode   { height:294px; }
	.modal-dialog .imgScan     { height:294px; padding-left:60pt; }  
	
} 

@media (min-width: 1425px) and (max-width: 1524px) 
{
	.indexPage { overflow-y: auto; }
	.indexPage #container { width: 100%; left: 0; margin-left: 0;  position: unset; }
	.indexPage #loginbox  { width: 45rem !important; height: 40rem !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: 70%; }
	.rightSideDivContent { width: 30%; }
	
	.rightSideDivContent .cardDivContent  	  { height: 65.5%; padding: 1rem 0rem 0rem 0rem; }
	.rightSideDivContent .billDetailContent   { height: 18%;   width:100%; padding: 1rem 0rem; }
	.rightSideDivContent .paymentButtonDiv    { height: 8%;    width:100%; padding: 0rem;  }
	.rightSideDivContent .marqueeDivContent   { height: 9%;  	width:100%; padding: 1rem;  }
	.rightSideDivContent .stockCardDivContent { height: 63%;   width:100%; padding: 0.5rem 0rem;}
	.rightSideDivContent .cardDivContent .cartItemContent  { height:97%; width:100%; }
	.rightSideDivContent .cardDivContent .backButton 	   { display: none; }
	
	.leftSideDivContent .itemRetailContent , .fullDivContent .itemRetailContent   { height: 84%; width: 100%; }
	.leftSideDivContent .bottomButtonIcon , .fullDivContent .bottomButtonIcon     { height: 16%; width: 100%; }
	
	.leftSideDivContent .cartItemEditDiv 	  { display:none;  }		
	.mainCateDivContent .borderRadius, .subCateDivContent .borderRadius ,.productDivContent .borderRadius { height:72%;  width:99.5%; }
		
	/************** Left Side Content SearchBox *********************/	
	.leftSideDivContent .searchbox { font-size: 2rem; padding: 2rem 1rem; } 
	.leftSideDivContent .searchDivContent .cartProAutoContainer ul {font-size: 2rem;  }	
	.leftSideDivContent .breadCrumbButton, .leftSideDivContent .openCartButton   { font-size: 2rem; padding: 1.25rem 2rem; }	
	
	/*******************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: 11.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; }
	
	/****************** 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; }	
	
	/******************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: 2rem; }
	.paymentButtonDiv .payButton { font-size: 3rem; padding: 1.5rem 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;}							   
	.leftSideDivContent  .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:90%;}
	.proListDivContent .borderRadius table   { font-size: 1.7rem;}
	.masterProSearchDivContent .searchField  { font-size: 2rem; height: 5rem; }
	.masterProSearchDivContent .searchButton { font-size: 2rem; height: 5rem; padding: 1.2rem; } 
	
	/****************** Modal CSS  ********************/		
	.modal-backdrop, .modal { margin-top:5rem; }	
	.modal-dialog .modal-header .close { font-size: 4rem; }
	.modal-dialog .modal-title { font-size: 3rem; }	
	.modal-dialog .modalText, .modal-dialog table { font-size:2rem; }
	.modal-dialog .divSpanText { font-size: 2.5rem; line-height: 3rem;}
	.modal-dialog input , .modal-dialog select , .modal-dialog textarea { height: 5rem; font-size:2rem;}

	.modal-dialog .btn-primary, .modal-dialog .btn-default { font-size: 2.5rem; padding: 1rem 1.3rem; }
	.modal-dialog .btn-success, .modal-dialog .btn-warning , .modal-dialog .btn-danger { font-size: 2.5rem; padding: 1rem 1.3rem; }
	
	.modal-dialog .moreButton  { padding: 1rem; font-size: 1.8rem; min-width: 25rem; }
	.modal-dialog .showHide    { font-size: 3rem; padding: 1.5rem 3rem; }
	.modal-dialog .radioLabel  { font-size: 3rem; padding: 1.5rem 3rem; margin-right:5px;  }
	.modal-dialog .badgeLable  { font-size: 2rem; margin-right:5px; }
	.modal-dialog .badge 	   { font-size: 2rem; padding: 0.4rem 2rem 0.5rem 1.6rem; } 
	.modal-dialog .printButton { font-size: 2.5rem; padding: 1rem 1.3rem; } 
	.modal-dialog .imgQRCode   { height:294px; }
	.modal-dialog .imgScan     { height:294px; padding-left:60pt; } 
	
} 

@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: 40rem !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: 70%; }
	.rightSideDivContent { width: 30%; }
	
	.rightSideDivContent .cardDivContent  	  { height: 65.5%; padding: 1rem 0rem 0rem 0rem; }
	.rightSideDivContent .billDetailContent   { height: 18%;   width:100%; padding: 1rem 0rem; }
	.rightSideDivContent .paymentButtonDiv    { height: 8%;    width:100%; padding: 0rem;  }
	.rightSideDivContent .marqueeDivContent   { height: 9%;  	width:100%; padding: 1rem;  }
	.rightSideDivContent .stockCardDivContent { height: 63%;   width:100%; padding: 0.5rem 0rem;}
	.rightSideDivContent .cardDivContent .cartItemContent  { height:97%; width:100%; }
	.rightSideDivContent .cardDivContent .backButton 	   { display: none; }
	
	.leftSideDivContent .itemRetailContent , .fullDivContent .itemRetailContent   { height: 85%; width: 100%; }
	.leftSideDivContent .bottomButtonIcon , .fullDivContent .bottomButtonIcon     { height: 15%; width: 100%; }
	.leftSideDivContent .cartItemEditDiv 	  { display:none;  }		
	.mainCateDivContent .borderRadius, .subCateDivContent .borderRadius ,.productDivContent .borderRadius { height:72%;  width:99.5%; }
	
	/************** Left Side Content SearchBox *********************/	
	.leftSideDivContent .searchbox { font-size: 2rem; padding: 2rem 1rem; } 
	.leftSideDivContent .searchDivContent .cartProAutoContainer ul {font-size: 2rem;  }	
	.leftSideDivContent .breadCrumbButton, .leftSideDivContent .openCartButton   { font-size: 2rem; padding: 1.25rem 2rem; }	
	
	/*******************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: 13.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.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; }	
	
	/******************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:1.7rem; }
	.billDetailContent .couponHeading { font-size: 1.7rem; }
	.paymentButtonDiv .payButton { font-size: 2.5rem; padding: 1.5rem 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;} 
	
	/******************** 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;}							   
	.leftSideDivContent  .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: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 { width:50%  }
	.CustomerCreditAmountModal, .returnOrderFormModal, customerInfoFormModal { width:50%  }
	.addPaymentFormModal , .addRefundFormModal , .StoreHoldSaleModal, .moreOptionModal { width:70%  }        
	.itemPrepareRecipeModal, .CustomizeProModal, .comboProductModal, .InvoiceDetailModal, .LedgerReportListModal, .MultipleInventoryProModal  { width:80%  }
	.StockReceiveInvoiceModal, .StockReturnInvoiceModal, .AddVenderPaymentModal, .HsnCodeListModal , .EstimatedOrderModal{ width:80%  }
	.codOrderListModal , .codOrderPaymentModal, .addProductFormModal, .editProductFormModal ,  StoreCouponListModal { width:80%  }
	.LiveOrderDetailModal , .codOrderDetailModal { width:95% }
		
}

@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: 40rem !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: 70%; }
	.rightSideDivContent { width: 30%; }
	
	.rightSideDivContent .cardDivContent  	  { height: 65.5%; padding: 1rem 0rem 0rem 0rem; }
	.rightSideDivContent .billDetailContent   { height: 18%;   width:100%; padding: 1rem 0rem; }
	.rightSideDivContent .paymentButtonDiv    { height: 8%;    width:100%; padding: 0rem;  }
	.rightSideDivContent .marqueeDivContent   { height: 9%;  	width:100%; padding: 1rem;  }
	.rightSideDivContent .stockCardDivContent { height: 63%;   width:100%; padding: 0.5rem 0rem;}
	.rightSideDivContent .cardDivContent .cartItemContent  { height:97%; width:100%; }
	.rightSideDivContent .cardDivContent .backButton 	   { display: none; }
	
	.leftSideDivContent .itemRetailContent , .fullDivContent .itemRetailContent   { height: 84%; width: 100%; }
	.leftSideDivContent .bottomButtonIcon , .fullDivContent .bottomButtonIcon     { height: 16%; width: 100%; }
	.leftSideDivContent .cartItemEditDiv 	  { display:none;  }		
	.mainCateDivContent .borderRadius, .subCateDivContent .borderRadius ,.productDivContent .borderRadius { height:71%;  width:99.5%; }
	
	/************** Left Side Content SearchBox *********************/	
	.leftSideDivContent .searchbox { font-size: 2rem; padding: 2rem 1rem; } 
	.leftSideDivContent .searchDivContent .cartProAutoContainer ul {font-size: 2rem;  }	
	.leftSideDivContent .breadCrumbButton, .leftSideDivContent .openCartButton   { font-size: 2rem; padding: 1.25rem 2rem; }	
	
	/*******************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: 13.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.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; }	
	
	/******************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:1.7rem; }
	.billDetailContent .couponHeading { font-size: 1.7rem; }
	.paymentButtonDiv .payButton { font-size: 2.5rem; padding: 1.5rem 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;} 
	
	/******************** 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;}							   
	.leftSideDivContent  .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: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 { width:50%  }
	.CustomerCreditAmountModal, .returnOrderFormModal, customerInfoFormModal { width:50%  }
	.addPaymentFormModal , .addRefundFormModal , .StoreHoldSaleModal, .moreOptionModal { width:70%  }        
	.itemPrepareRecipeModal, .CustomizeProModal, .comboProductModal, .InvoiceDetailModal, .LedgerReportListModal, .MultipleInventoryProModal  { width:80%  }
	.StockReceiveInvoiceModal, .StockReturnInvoiceModal, .AddVenderPaymentModal, .HsnCodeListModal , .EstimatedOrderModal{ width:80%  }
	.codOrderListModal , .codOrderPaymentModal, .addProductFormModal, .editProductFormModal ,  StoreCouponListModal { width:80%  }
	.LiveOrderDetailModal , .codOrderDetailModal { width:95% }
	
	
}

@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: 40rem !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: 68%; }
	.rightSideDivContent { width: 32%; }
	
	.rightSideDivContent .cardDivContent  	  { height: 65.5%; padding: 1rem 0rem 0rem 0rem; }
	.rightSideDivContent .billDetailContent   { height: 18%;   width:100%; padding: 1rem 0rem; }
	.rightSideDivContent .paymentButtonDiv    { height: 8%;    width:100%; padding: 0rem;  }
	.rightSideDivContent .marqueeDivContent   { height: 9%;  	width:100%; padding: 1rem;  }
	.rightSideDivContent .stockCardDivContent { height: 63%;   width:100%; padding: 0.5rem 0rem;}
	.rightSideDivContent .cardDivContent .cartItemContent  { height:97%; width:100%; }
	.rightSideDivContent .cardDivContent .backButton 	   { display: none; }
	
	.leftSideDivContent .itemRetailContent , .fullDivContent .itemRetailContent   { height: 84%; width: 100%; }
	.leftSideDivContent .bottomButtonIcon , .fullDivContent .bottomButtonIcon     { height: 16%; width: 100%; }
	.leftSideDivContent .cartItemEditDiv 	  { display:none;  }		
	.mainCateDivContent .borderRadius, .subCateDivContent .borderRadius ,.productDivContent .borderRadius { height:71%;  width:99.5%; }
	
	/************** Left Side Content SearchBox *********************/	
	.leftSideDivContent .searchbox { font-size: 2rem; padding: 2rem 1rem; } 
	.leftSideDivContent .searchDivContent .cartProAutoContainer ul {font-size: 2rem;  }	
	.leftSideDivContent .breadCrumbButton, .leftSideDivContent .openCartButton   { font-size: 2rem; padding: 1.25rem 2rem; }	
	
	/*******************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: 15.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.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; }	
	
	/******************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:1.7rem; }
	.billDetailContent .couponHeading { font-size: 1.7rem; }
	.paymentButtonDiv .payButton { font-size: 2.5rem; padding: 1.5rem 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;} 
	
	/******************** 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;}							   
	.leftSideDivContent  .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:90%;}
	.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-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 { width:50%  }
	.CustomerCreditAmountModal, .returnOrderFormModal, customerInfoFormModal { width:50%  }
	.addPaymentFormModal , .addRefundFormModal , .StoreHoldSaleModal, .moreOptionModal { width:70%  }        
	.itemPrepareRecipeModal, .CustomizeProModal, .comboProductModal, .InvoiceDetailModal, .LedgerReportListModal, .MultipleInventoryProModal  { width:80%  }
	.StockReceiveInvoiceModal, .StockReturnInvoiceModal, .AddVenderPaymentModal, .HsnCodeListModal , .EstimatedOrderModal{ width:80%  }
	.codOrderListModal , .codOrderPaymentModal, .addProductFormModal, .editProductFormModal ,  StoreCouponListModal { width:80%  }
	.LiveOrderDetailModal , .codOrderDetailModal { width:95% }
	
	
}

@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: 40rem !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: 68%; }
	.rightSideDivContent { width: 32%; }
	
	.rightSideDivContent .cardDivContent  	  { height: 65.5%; padding: 1rem 0rem 0rem 0rem; }
	.rightSideDivContent .billDetailContent   { height: 18%;   width:100%; padding: 1rem 0rem; }
	.rightSideDivContent .paymentButtonDiv    { height: 8%;    width:100%; padding: 0rem;  }
	.rightSideDivContent .marqueeDivContent   { height: 9%;  	width:100%; padding: 1rem;  }
	.rightSideDivContent .stockCardDivContent { height: 63%;   width:100%; padding: 0.5rem 0rem;}
	.rightSideDivContent .cardDivContent .cartItemContent  { height:97%; width:100%; }
	.rightSideDivContent .cardDivContent .backButton 	   { display: none; }
	
	.leftSideDivContent .itemRetailContent , .fullDivContent .itemRetailContent   { height: 84%; width: 100%; }
	.leftSideDivContent .bottomButtonIcon , .fullDivContent .bottomButtonIcon     { height: 16%; width: 100%; }
	.leftSideDivContent .cartItemEditDiv 	  { display:none;  }		
	.mainCateDivContent .borderRadius, .subCateDivContent .borderRadius ,.productDivContent .borderRadius { height:71%;  width:99.5%; }
	
	/************** Left Side Content SearchBox *********************/	
	.leftSideDivContent .searchbox { font-size: 2rem; padding: 2rem 1rem; } 
	.leftSideDivContent .searchDivContent .cartProAutoContainer ul {font-size: 2rem;  }	
	.leftSideDivContent .breadCrumbButton, .leftSideDivContent .openCartButton   { font-size: 2rem; padding: 1.25rem 2rem; }	
	
	/*******************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: 19%; }
	.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.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; }	
	
	/******************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.4rem;}
	.cardDivContent .productPrice, .cardDivContent .productDisc  { font-size:1.4rem; }
	
	/**************** Bill Detail ** *********************/	
	.billDetailContent .billHeading , .billDetailContent .billHeadingAmt { font-size:1.6rem; }
	.billDetailContent .couponHeading { font-size: 1.6rem; }
	.paymentButtonDiv .payButton { font-size: 2.5rem; padding: 1.5rem 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;} 
	
	/******************** 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;}							   
	.leftSideDivContent  .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:90%;}
	.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-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 { width:50%  }
	.CustomerCreditAmountModal, .returnOrderFormModal, customerInfoFormModal { width:50%  }
	.addPaymentFormModal , .addRefundFormModal , .StoreHoldSaleModal, .moreOptionModal { width:70%  }        
	.itemPrepareRecipeModal, .CustomizeProModal, .comboProductModal, .InvoiceDetailModal, .LedgerReportListModal, .MultipleInventoryProModal  { width:80%  }
	.StockReceiveInvoiceModal, .StockReturnInvoiceModal, .AddVenderPaymentModal, .HsnCodeListModal , .EstimatedOrderModal{ width:80%  }
	.codOrderListModal , .codOrderPaymentModal, .addProductFormModal, .editProductFormModal ,  StoreCouponListModal { width:80%  }
	.LiveOrderDetailModal , .codOrderDetailModal { width:95% }	
}

/* **************** 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: 40rem !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: 65%; }
	.rightSideDivContent { width: 35%; }
	
	.rightSideDivContent .cardDivContent  	  { height: 65.5%; padding: 1rem 0rem 0rem 0rem; }
	.rightSideDivContent .billDetailContent   { height: 18%;   width:100%; padding: 1rem 0rem; }
	.rightSideDivContent .paymentButtonDiv    { height: 8%;    width:100%; padding: 0rem;  }
	.rightSideDivContent .marqueeDivContent   { height: 9%;  	width:100%; padding: 1rem;  }
	.rightSideDivContent .stockCardDivContent { height: 63%;   width:100%; padding: 0.5rem 0rem;}
	.rightSideDivContent .cardDivContent .cartItemContent  { height:97%; width:100%; }
	.rightSideDivContent .cardDivContent .backButton 	   { display: none; }
	
	.leftSideDivContent .itemRetailContent , .fullDivContent .itemRetailContent   { height: 85%; width: 100%; }
	.leftSideDivContent .bottomButtonIcon , .fullDivContent .bottomButtonIcon     { height: 15%; width: 100%; }
	
	.leftSideDivContent .cartItemEditDiv 	  { display:none;  }		
	.mainCateDivContent .borderRadius, .subCateDivContent .borderRadius ,.productDivContent .borderRadius { height:70%;  width:99.5%; }
	
	/************** Left Side Content SearchBox *********************/	
	.leftSideDivContent .searchbox { font-size: 2rem; padding: 2rem 1rem; } 
	.leftSideDivContent .searchDivContent .cartProAutoContainer ul {font-size: 2rem;  }	
	.leftSideDivContent .breadCrumbButton, .leftSideDivContent .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: 1.5rem 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;}							   	
	.leftSideDivContent  .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; } 

}

/* **************** Ipad ******************/
@media (min-width: 768px) and (max-width: 890px)
{
	/* Index Page */
	.indexPage { overflow-y: auto; }
	.indexPage #container { width: 100%; left: 0; margin-left: 0;  position: unset; }
	.indexPage #loginbox  { width: 45rem !important; height: 40rem !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   ******************** */
	 html { height: 99%; }
	.bigmenu { display: none; }
	.menusmall{ display: block; }
	
	.leftSideDivContent  { width: 60%; }
	.rightSideDivContent { width: 40%; }
	
	.rightSideDivContent .cardDivContent  	  { height: 43%; padding: 1rem 0rem 0rem 0rem; }
	.rightSideDivContent .billDetailContent   { height: 13%;   width:100%; padding: 1rem 0rem; }
	.rightSideDivContent .paymentButtonDiv    { height: 4.5%;  width:100%; padding: 0rem;  }
	.rightSideDivContent .marqueeDivContent   { height: 4.5%;  width:100%; padding: 1rem;  }
	.rightSideDivContent .stockCardDivContent { height: 63%;   width:100%; padding: 0.5rem 0rem;}
	.rightSideDivContent .cardDivContent .cartItemContent  { height:97%; width:100%; }
	.rightSideDivContent .cardDivContent .backButton 	   { display: none; }
	
	.leftSideDivContent .itemRetailContent , .fullDivContent .itemRetailContent   { height: 55.5%; width: 100%; }
	.leftSideDivContent .bottomButtonIcon , .fullDivContent .bottomButtonIcon     { height: 11%; width: 100%; }
	
	.leftSideDivContent .cartItemEditDiv 	  { display:none;  }		
	.mainCateDivContent .borderRadius, .subCateDivContent .borderRadius ,.productDivContent .borderRadius { height:45.5%;  width:99.5%; }
	
	/************** Left Side Content SearchBox *********************/	
	.leftSideDivContent .searchbox { font-size: 2rem; padding: 2rem 1rem; } 
	.leftSideDivContent .searchDivContent .cartProAutoContainer ul {font-size: 2rem;  }	
	.leftSideDivContent .breadCrumbButton, .leftSideDivContent .openCartButton   { font-size: 1.4rem; padding: 1.25rem 1rem; margin: 0.4rem; }	
	
	/*******************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: 31.5%; }
	.mainCateDivContent .main-cate img, .subCateDivContent .sub-cate img, .productDivContent .productItem  img { width: 15.8rem; height: 15.8rem; }
	.mainCateDivContent .main-cate h2 , .subCateDivContent .sub-cate h2 , .productDivContent .product-name     { max-width: 15.8rem; font-size: 1.45rem; }
	.productDivContent .productItem .price-tag {  line-height:2rem; font-size: 1.7rem; top: 0.8rem;}
		
	.mainCateDivContent .main-cate .nameInitialDiv, .subCateDivContent .sub-cate .nameInitialDiv, .productDivContent .productItem .nameInitialDiv 
	{ width: 15.8rem; height: 15.8rem; padding-top: 5.5rem;  }
	
	.marqueeDivContent .footerMarque { font-size: 2rem; line-height: 2.5rem; }
	.marqueeDivContent img { height:2rem ; 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: 60%; overflow-y: auto;}
	.cartItemEditContent .nav-tabs > li { padding: 0rem; font-size: 2.5rem; }

	/*******************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; }
	.cartItemEditContent .badgeLable { font-size: 1.7rem;} 
	/******************** Edit Cart Keypad  **********************/
	.cartItemEditContent .keyPadContent { margin-top: 3rem; width: 77%; }
	.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: 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.3rem;}
	.cardDivContent .productPrice, .cardDivContent .productDisc  { font-size:1.3rem; }
	
	/**************** Bill Detail ** *********************/	
	.billDetailContent .billHeading , .billDetailContent .billHeadingAmt { font-size:1.5rem; }
	.billDetailContent .couponHeading { font-size: 1.5rem; }
	.paymentButtonDiv .payButton { font-size: 2.3rem; padding: 1rem 1rem; 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.5rem; }
	.custInfoContent .billHeadingAmt , .custSalePayContent .billHeadingAmt , .custReturnPayContent .billHeadingAmt , .creditButtonDiv .billHeadingAmt   
	{ 
		font-size:1.5rem; 
	}
	.creditButtonDiv .payButton { font-size: 2.5rem; padding: 0.8rem 1.5rem; }
	
	.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;} 
	
	/******************** 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;}							   
	
	.leftSideDivContent  .vendorBreadcrumbDiv    { margin-left: 0rem; margin-right: 0rem; padding-top:1rem; padding-bottom: 1rem; }
	.leftSideDivContent  .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:75.5%;}
	.proListDivContent .borderRadius table   { font-size: 1.6rem;}
	.masterProSearchDivContent .searchField  { font-size: 1.6rem; height: 4rem; margin: 0.5rem 0rem; }
	.masterProSearchDivContent .searchButton { font-size: 1.6rem; height: 4rem; padding: 1rem; margin: 0.5rem 0rem; }
	
	/****************** 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; } 
	
	.LiveOrderDetailModal {height: 63%; overflow-y: scroll;}

}

/* **************** Microsoft Lumia 550 ******************/
@media (min-width: 601px) and (max-width: 640px)  
{	
	/* Index Page */
	.indexPage { overflow-y: auto; }
	.indexPage #container { width: 100%; left: 0; margin-left: 0;  position: unset; }
	.indexPage #loginbox  { width: 45rem !important; height: 40rem !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   ******************** */
	 html { height: 99%; }
	.bigmenu { display: none; }
	.menusmall{ display: block; }
	
	.leftSideDivContent  { width: 100%; }
	.rightSideDivContent { width: 100%; display:none;}
	
	.rightSideDivContent .cardDivContent  	  { height: 43%; padding: 1rem 0rem 0rem 0rem; }
	.rightSideDivContent .billDetailContent   { height: 13%;   width:100%; padding: 1rem 0rem; }
	.rightSideDivContent .paymentButtonDiv    { height: 4.5%;  width:100%; padding: 0rem;  }
	.rightSideDivContent .marqueeDivContent   { height: 4.5%;  width:100%; padding: 1rem;  }
	.rightSideDivContent .stockCardDivContent { height: 63%;   width:100%; padding: 0.5rem 0rem;}
	.rightSideDivContent .cardDivContent .cartItemContent  { height:97%; width:100%; }
	.rightSideDivContent .cardDivContent .backButton 	   { display: block; }
	
	.leftSideDivContent .itemRetailContent , .fullDivContent .itemRetailContent   { height: 55.5%; width: 100%; }
	.leftSideDivContent .bottomButtonIcon , .fullDivContent .bottomButtonIcon     { height: 10%; width: 100%; }
	
	.leftSideDivContent .cartItemEditDiv 	  { display:none;  }		
	.mainCateDivContent .borderRadius, .subCateDivContent .borderRadius ,.productDivContent .borderRadius { height:45%;  width:99.5%; }
	
	/************** Left Side Content SearchBox *********************/	
	.leftSideDivContent .searchbox { font-size: 2rem; padding: 2rem 1rem; } 
	.leftSideDivContent .searchDivContent .cartProAutoContainer ul {font-size: 2rem;  }	
	.leftSideDivContent .breadCrumbButton, .leftSideDivContent .openCartButton   { font-size: 1.4rem; padding: 1.25rem 1rem; margin: 0.4rem; }	
	.leftSideDivContent .openCartButton { display: block; }
	
	/*******************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.25rem; }
	.productDivContent .productItem .price-tag {  line-height:2rem; font-size: 1.7rem; top: 0.8rem;}
		
	.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: 2rem; line-height: 2.5rem; }
	.marqueeDivContent img { height:2rem ; 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: 60%; overflow-y: auto;}
	.cartItemEditContent .nav-tabs > li { padding: 0rem; font-size: 2.5rem; }

	/*******************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; }
	.cartItemEditContent .badgeLable { font-size: 1.7rem;} 
	/******************** Edit Cart Keypad  **********************/
	.cartItemEditContent .keyPadContent { margin-top: 3rem; width: 77%; }
	.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: 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.3rem;}
	.cardDivContent .productPrice, .cardDivContent .productDisc  { font-size:1.3rem; }
	
	/**************** Bill Detail ** *********************/	
	.billDetailContent .billHeading , .billDetailContent .billHeadingAmt { font-size:1.5rem; }
	.billDetailContent .couponHeading { font-size: 1.5rem; }
	.paymentButtonDiv .payButton { font-size: 2.3rem; padding: 1rem 1rem; 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.5rem; }
	.custInfoContent .billHeadingAmt , .custSalePayContent .billHeadingAmt , .custReturnPayContent .billHeadingAmt , .creditButtonDiv .billHeadingAmt   
	{ 
		font-size:1.5rem; 
	}
	.creditButtonDiv .payButton { font-size: 2.5rem; padding: 0.8rem 1.5rem; }
	
	.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;} 
	
	/******************** 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;}							   
	
	.leftSideDivContent  .vendorBreadcrumbDiv    { margin-left: 0rem; margin-right: 0rem; padding-top:1rem; padding-bottom: 1rem; }
	.leftSideDivContent  .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:73%;}
	.proListDivContent .borderRadius table   { font-size: 1.6rem;}
	.masterProSearchDivContent .searchField  { font-size: 1.6rem; height: 4rem; margin: 0.5rem 0rem; }
	.masterProSearchDivContent .searchButton { font-size: 1.6rem; height: 4rem; padding: 1rem; margin: 0.5rem 0rem; }
	
	/****************** 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; } 
	
	.LiveOrderDetailModal {height: 63%; overflow-y: scroll;}
					 
}

/* **************** Black Berry ******************/
@media (min-width: 481px) and (max-width: 600px)  
{
	/* Index Page */
	.indexPage { overflow-y: auto; }
	.indexPage #container { width: 100%; left: 0; margin-left: 0;  position: unset; }
	.indexPage #loginbox  { width: 45rem !important; height: 40rem !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   ******************** */
	 html { height: 99%; }
	.bigmenu { display: none; }
	.menusmall{ display: block; }
	
	.leftSideDivContent  { width: 100%; }
	.rightSideDivContent { width: 100%; display:none;}
	
	.rightSideDivContent .cardDivContent  	  { height: 43%; padding: 1rem 0rem 0rem 0rem; }
	.rightSideDivContent .billDetailContent   { height: 13%;   width:100%; padding: 1rem 0rem; }
	.rightSideDivContent .paymentButtonDiv    { height: 4.5%;  width:100%; padding: 0rem;  }
	.rightSideDivContent .marqueeDivContent   { height: 4.5%;  width:100%; padding: 1rem;  }
	.rightSideDivContent .stockCardDivContent { height: 63%;   width:100%; padding: 0.5rem 0rem;}
	.rightSideDivContent .cardDivContent .cartItemContent  { height:97%; width:100%; }
	.rightSideDivContent .cardDivContent .backButton 	   { display: block; }
	
	.leftSideDivContent .itemRetailContent , .fullDivContent .itemRetailContent   { height: 55.5%; width: 100%; }
	.leftSideDivContent .bottomButtonIcon , .fullDivContent .bottomButtonIcon     { height: 10%; width: 100%; }
	
	.leftSideDivContent .cartItemEditDiv 	  { display:none;  }		
	.mainCateDivContent .borderRadius, .subCateDivContent .borderRadius ,.productDivContent .borderRadius { height:45%;  width:99.5%; }
	
	/************** Left Side Content SearchBox *********************/	
	.leftSideDivContent .searchbox { font-size: 2rem; padding: 2rem 1rem; } 
	.leftSideDivContent .searchDivContent .cartProAutoContainer ul {font-size: 2rem;  }	
	.leftSideDivContent .breadCrumbButton, .leftSideDivContent .openCartButton   { font-size: 1.4rem; padding: 1.25rem 1rem; margin: 0.4rem; }	
	.leftSideDivContent .openCartButton { display: block; }
	
	/*******************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.25rem; }
	.productDivContent .productItem .price-tag {  line-height:2rem; font-size: 1.7rem; top: 0.8rem;}
		
	.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: 2rem; line-height: 2.5rem; }
	.marqueeDivContent img { height:2rem ; 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: 60%; overflow-y: auto;}
	.cartItemEditContent .nav-tabs > li { padding: 0rem; font-size: 2.5rem; }

	/*******************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; }
	.cartItemEditContent .badgeLable { font-size: 1.7rem;} 
	
	/******************** Edit Cart Keypad  **********************/
	.cartItemEditContent .keyPadContent { margin-top: 3rem; width: 77%; }
	.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: 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.3rem;}
	.cardDivContent .productPrice, .cardDivContent .productDisc  { font-size:1.3rem; }
	
	/**************** Bill Detail ** *********************/	
	.billDetailContent .billHeading , .billDetailContent .billHeadingAmt { font-size:1.5rem; }
	.billDetailContent .couponHeading { font-size: 1.5rem; }
	.paymentButtonDiv .payButton { font-size: 2.3rem; padding: 1rem 1rem; 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.5rem; }
	.custInfoContent .billHeadingAmt , .custSalePayContent .billHeadingAmt , .custReturnPayContent .billHeadingAmt , .creditButtonDiv .billHeadingAmt   
	{ 
		font-size:1.5rem; 
	}
	.creditButtonDiv .payButton { font-size: 2.5rem; padding: 0.8rem 1.5rem; }
	
	.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;} 
	
	/******************** 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;}							   
	
	.leftSideDivContent  .vendorBreadcrumbDiv    { margin-left: 0rem; margin-right: 0rem; padding-top:1rem; padding-bottom: 1rem; }
	.leftSideDivContent  .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:73%;}
	.proListDivContent .borderRadius table   { font-size: 1.6rem;}
	.masterProSearchDivContent .searchField  { font-size: 1.6rem; height: 4rem; margin: 0.5rem 0rem; }
	.masterProSearchDivContent .searchButton { font-size: 1.6rem; height: 4rem; padding: 1rem; margin: 0.5rem 0rem; }
	
	/****************** 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; } 
	
	.LiveOrderDetailModal {height: 63%; overflow-y: scroll;}
					 
}

/* **************** Nokia N9 ******************/
@media (min-width: 415px) and (max-width: 480px)  
{
	/* Index Page */
	.indexPage { overflow-y: auto; }
	.indexPage #container { width: 100%; left: 0; margin-left: 0;  position: unset; }
	.indexPage #loginbox  { width: 45rem !important; height: 40rem !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   ******************** */
	 html { height: 99%; }
	.bigmenu { display: none; }
	.menusmall{ display: block; }
		
	.leftSideDivContent  { width: 100%; }
	.rightSideDivContent { width: 100%; display:none;}
				
	.rightSideDivContent .cardDivContent  	  { height: 54%; padding: 1rem 0rem 0rem 0rem; }
	.rightSideDivContent .billDetailContent   { height: 16%;   width:100%; padding: 1rem 0rem; }
	.rightSideDivContent .paymentButtonDiv    { height: 4.6%;  width:100%; padding: 0rem;  }
	.rightSideDivContent .marqueeDivContent   { height: 4.5%;  width:100%; padding: 1rem;  }
	.rightSideDivContent .stockCardDivContent { height: 63%;   width:100%; padding: 0.5rem 0rem;}
	.rightSideDivContent .cardDivContent .cartItemContent  { height:97%; width:100%; }
	.rightSideDivContent .cardDivContent .backButton 	   { display: block; }
	
	.leftSideDivContent .itemRetailContent , .fullDivContent .itemRetailContent   { height: 67.5%; width: 100%; }
	.leftSideDivContent .bottomButtonIcon , .fullDivContent .bottomButtonIcon     { height: 13%; width: 100%; }
	
	.leftSideDivContent .cartItemEditDiv 	  { display:none;  }		
	.mainCateDivContent .borderRadius, .subCateDivContent .borderRadius ,.productDivContent .borderRadius { height:55%;  width:99.5%; }
	
	/************** Left Side Content SearchBox *********************/	
	.leftSideDivContent .searchbox { font-size: 2rem; padding: 2rem 1rem; } 
	.leftSideDivContent .searchDivContent .cartProAutoContainer ul {font-size: 2rem;  }	
	.leftSideDivContent .breadCrumbButton, .leftSideDivContent .openCartButton   { font-size: 1.4rem; padding: 1.25rem 1rem; margin: 0.4rem; }	
	.leftSideDivContent .openCartButton { display: block; }
	
	/*******************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: 23.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.25rem; }
	.productDivContent .productItem .price-tag {  line-height:2rem; font-size: 1.7rem; top: 0.8rem;}
		
	.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: 2rem; line-height: 2.5rem; }
	.marqueeDivContent img { height:2rem ; 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: 72%; overflow-y: auto;}
	.cartItemEditContent .nav-tabs > li { padding: 0rem; font-size: 2.5rem; }

	/*******************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; }
	.cartItemEditContent .badgeLable { font-size: 1.7rem;} 
	/******************** Edit Cart Keypad  **********************/
	.cartItemEditContent .keyPadContent { margin-top: 3rem; width: 99%; }
	.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: 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.3rem;}
	.cardDivContent .productPrice, .cardDivContent .productDisc  { font-size:1.3rem; }
	
	/**************** Bill Detail ** *********************/	
	.billDetailContent .billHeading , .billDetailContent .billHeadingAmt { font-size:1.5rem; }
	.billDetailContent .couponHeading { font-size: 1.5rem; }
	.paymentButtonDiv .payButton { font-size: 2.3rem; padding: 1rem 1rem; 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.5rem; }
	.custInfoContent .billHeadingAmt , .custSalePayContent .billHeadingAmt , .custReturnPayContent .billHeadingAmt , .creditButtonDiv .billHeadingAmt   
	{ 
		font-size:1.5rem; 
	}
	.creditButtonDiv .payButton { font-size: 2.5rem; padding: 0.8rem 1.5rem; }
	
	.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;} 
	
	/******************** 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;}							   
	
	.leftSideDivContent  .vendorBreadcrumbDiv    { margin-left: 0rem; margin-right: 0rem; padding-top:1rem; padding-bottom: 1rem; }
	.leftSideDivContent  .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:73%;}
	.proListDivContent .borderRadius table   { font-size: 1.6rem;}
	.masterProSearchDivContent .searchField  { font-size: 1.6rem; height: 4rem; margin: 0.5rem 0rem; }
	.masterProSearchDivContent .searchButton { font-size: 1.6rem; height: 4rem; padding: 1rem; margin: 0.5rem 0rem; }
	
	/****************** 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; } 
	
	.LiveOrderDetailModal {height: 78%; overflow-y: scroll;}
				 
}

/* **************** Iphone 6/7/8 Plus ******************/
@media (min-width: 376px) and (max-width: 414px)  
{
	/* Index Page */
	.indexPage { overflow-y: auto; }
	.indexPage #container { width: 100%; left: 0; margin-left: 0;  position: unset; }
	.indexPage #loginbox  { width: 45rem !important; height: 40rem !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   ******************** */
	 html { height: 99%; }
	.bigmenu { display: none; }
	.menusmall{ display: block; }
	
	.leftSideDivContent  { width: 100%; }
	.rightSideDivContent { width: 100%; display:none;}
		
	.rightSideDivContent .cardDivContent  	  { height: 63.8%; padding: 1rem 0rem 0rem 0rem; }
	.rightSideDivContent .billDetailContent   { height: 18%;   width:100%; padding: 1rem 0rem; }
	.rightSideDivContent .paymentButtonDiv    { height: 5%;  width:100%; padding: 0rem;  }
	.rightSideDivContent .marqueeDivContent   { height: 6%;  width:100%; padding: 1rem;  }
	.rightSideDivContent .stockCardDivContent { height: 57.5%;   width:100%; padding: 0.5rem 0rem;}
	.rightSideDivContent .cardDivContent .cartItemContent  { height:97%; width:100%; }
	.rightSideDivContent .cardDivContent .backButton 	   { display: block; }
	
	.leftSideDivContent .itemRetailContent , .fullDivContent .itemRetailContent   { height: 78.5%; width: 100%; }
	.leftSideDivContent .bottomButtonIcon , .fullDivContent .bottomButtonIcon     { height: 15%; width: 100%; }
	
	.leftSideDivContent .cartItemEditDiv 	  { display:none;  }		
	.mainCateDivContent .borderRadius, .subCateDivContent .borderRadius ,.productDivContent .borderRadius { height:64%;  width:99.5%; }
	
	/************** Left Side Content SearchBox *********************/	
	.leftSideDivContent .searchbox { font-size: 2rem; padding: 2rem 1rem; } 
	.leftSideDivContent .searchDivContent .cartProAutoContainer ul {font-size: 1.6rem;  }	
	.leftSideDivContent .breadCrumbButton, .leftSideDivContent .openCartButton   { font-size: 1.4rem; padding: 1rem 1rem; margin: 0.4rem; }	
	.leftSideDivContent .openCartButton { display: block; }
	
	/*******************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: 30.5%; }
	.mainCateDivContent .main-cate img, .subCateDivContent .sub-cate img, .productDivContent .productItem  img { width: 12.5rem; height: 12.5rem; }
	.mainCateDivContent .main-cate h2 , .subCateDivContent .sub-cate h2 , .productDivContent .product-name     { max-width: 12.5rem; font-size: 1.25rem; }
	.productDivContent .productItem .price-tag {  line-height:2rem; font-size: 1.7rem; top: 0.8rem;}
		
	.mainCateDivContent .main-cate .nameInitialDiv, .subCateDivContent .sub-cate .nameInitialDiv, .productDivContent .productItem .nameInitialDiv 
	{ width: 12.5rem; height: 12.5rem; padding-top: 3.9rem;  }
	
	.marqueeDivContent .footerMarque { font-size: 2rem; line-height: 2.5rem; }
	.marqueeDivContent img { height:2rem ; 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: 85%; overflow-y: auto;}
	.cartItemEditContent .nav-tabs > li { padding: 0rem; font-size: 2.5rem; }

	/*******************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; }
	.cartItemEditContent .badgeLable { font-size: 1.7rem;} 
	
	/******************** Edit Cart Keypad  **********************/
	.cartItemEditContent .keyPadContent { margin-top: 3rem; width: 99%; }
	.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: 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.3rem;}
	.cardDivContent .productPrice, .cardDivContent .productDisc  { font-size:1.3rem; }
	
	/**************** Bill Detail ** *********************/	
	.billDetailContent .billHeading , .billDetailContent .billHeadingAmt { font-size:1.5rem; }
	.billDetailContent .couponHeading { font-size: 1.5rem; }
	.paymentButtonDiv .payButton { font-size: 2.3rem; padding: 1rem 1rem; 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.5rem; }
	.custInfoContent .billHeadingAmt , .custSalePayContent .billHeadingAmt , .custReturnPayContent .billHeadingAmt , .creditButtonDiv .billHeadingAmt   
	{ 
		font-size:1.5rem; 
	}
	.creditButtonDiv .payButton { font-size: 2.5rem; padding: 0.8rem 1.5rem; }
	
	.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;} 
	
	/******************** 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;}							   
	
	.leftSideDivContent  .vendorBreadcrumbDiv    { margin-left: 0rem; margin-right: 0rem; padding-top:1rem; padding-bottom: 1rem; }
	.leftSideDivContent  .vendorbreadCrumbButton { font-size: 1.6rem; padding: 1.25rem 1.8rem; margin-right: 0.5rem; }
	.vendorBreadcrumbDiv .openVendorPayHisory    { font-size: 1.6rem; padding: 1.25rem 1.8rem; }

	.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: 22%; }
	.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.3rem; }
	.stockBillDetailContent .billHeading , .stockBillDetailContent .billHeadingAmt { font-size:1.5rem; }		
	.stockPaymentButtonDiv .payButton { font-size: 2rem; padding: 1.5rem 1.2rem; }
	
	/******************** Product Screen *******************/
	.proListDivContent { height:73%;}
	.proListDivContent .borderRadius table   { font-size: 1.6rem;}
	.masterProSearchDivContent .searchField  { font-size: 1.6rem; height: 4rem; margin: 0.5rem 0rem; }
	.masterProSearchDivContent .searchButton { font-size: 1.6rem; height: 4rem; padding: 1rem; margin: 0.5rem 0rem; }
	
	/****************** 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.5rem; min-width: 20rem; }
	.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; } 
	
	.addPaymentFormModal , .LiveOrderDetailModal { height: 91%; overflow-y: scroll;}
	
}

/* **************** Iphone X ******************/
@media (min-width: 361px) and (max-width: 375px)  
{
	/* Index Page */
	.indexPage { overflow-y: auto; }
	.indexPage #container { width: 100%; left: 0; margin-left: 0;  position: unset; }
	.indexPage #loginbox  { width: 40rem !important; height: 40rem !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   ******************** */
	 html { height: 99%; }
	.bigmenu { display: none; }
	.menusmall{ display: block; }
	
	.leftSideDivContent  { width: 100%; }
	.rightSideDivContent { width: 100%; display:none;}
			
	.rightSideDivContent .cardDivContent  	  { height: 57.2%; padding: 1rem 0rem 0rem 0rem; }
	.rightSideDivContent .billDetailContent   { height: 16%;   width:100%; padding: 1rem 0rem; }
	.rightSideDivContent .paymentButtonDiv    { height: 5%;  width:100%; padding: 0rem;  }
	.rightSideDivContent .marqueeDivContent   { height: 5%;  width:100%; padding: 1rem;  }
	.rightSideDivContent .stockCardDivContent { height: 63%;   width:100%; padding: 0.5rem 0rem;}
	.rightSideDivContent .cardDivContent .cartItemContent  { height:97%; width:100%; }
	.rightSideDivContent .cardDivContent .backButton 	   { display: block; }
	
	.leftSideDivContent .itemRetailContent , .fullDivContent .itemRetailContent   { height: 71.5%; width: 100%; }
	.leftSideDivContent .bottomButtonIcon , .fullDivContent .bottomButtonIcon     { height: 13.5%; width: 100%; }
	
	.leftSideDivContent .cartItemEditDiv 	  { display:none;  }		
	.mainCateDivContent .borderRadius, .subCateDivContent .borderRadius ,.productDivContent .borderRadius { height:58.5%;  width:99.5%; }
	
	/************** Left Side Content SearchBox *********************/	
	.leftSideDivContent .searchbox { font-size: 2rem; padding: 2rem 1rem; } 
	.leftSideDivContent .searchDivContent .cartProAutoContainer ul { font-size: 1.5rem;  }	
	.leftSideDivContent .breadCrumbButton, .leftSideDivContent .openCartButton   { font-size: 1.4rem; padding: 1.25rem 1rem; margin: 0.4rem; }	
	.leftSideDivContent .openCartButton { display: block; }
	
	/*******************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: 30.5%; }
	.mainCateDivContent .main-cate img, .subCateDivContent .sub-cate img, .productDivContent .productItem  img { width: 12.5rem; height: 12.5rem; }
	.mainCateDivContent .main-cate h2 , .subCateDivContent .sub-cate h2 , .productDivContent .product-name     { max-width: 12.5rem; font-size: 1.25rem; }
	.productDivContent .productItem .price-tag {  line-height:2rem; font-size: 1.7rem; top: 0.8rem;}
		
	.mainCateDivContent .main-cate .nameInitialDiv, .subCateDivContent .sub-cate .nameInitialDiv, .productDivContent .productItem .nameInitialDiv 
	{ width: 12.5rem; height: 12.5rem; padding-top: 3.9rem;  }
	
	.marqueeDivContent .footerMarque { font-size: 2rem; line-height: 2.5rem; }
	.marqueeDivContent img { height:2rem ; 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: 77%; overflow-y: auto;}
	.cartItemEditContent .nav-tabs > li { padding: 0rem; font-size: 2.5rem; }

	/*******************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; }
	.cartItemEditContent .badgeLable { font-size: 1.7rem;} 
	
	/******************** Edit Cart Keypad  **********************/
	.cartItemEditContent .keyPadContent { margin-top: 3rem; width: 99%; }
	.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: 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.3rem;}
	.cardDivContent .productPrice, .cardDivContent .productDisc  { font-size:1.3rem; }
	
	/**************** Bill Detail ** *********************/	
	.billDetailContent .billHeading , .billDetailContent .billHeadingAmt { font-size:1.5rem; }
	.billDetailContent .couponHeading { font-size: 1.5rem; }
	.paymentButtonDiv .payButton { font-size: 2.3rem; padding: 1rem 1rem; 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.5rem; }
	.custInfoContent .billHeadingAmt , .custSalePayContent .billHeadingAmt , .custReturnPayContent .billHeadingAmt , .creditButtonDiv .billHeadingAmt   
	{ 
		font-size:1.5rem; 
	}
	.creditButtonDiv .payButton { font-size: 2.5rem; padding: 0.8rem 1.5rem; }
	
	.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;} 
	
	/******************** 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;}							   
	
	.leftSideDivContent  .vendorBreadcrumbDiv    { margin-left: 0rem; margin-right: 0rem; padding-top:1rem; padding-bottom: 1rem; }
	.leftSideDivContent  .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:73%;}
	.proListDivContent .borderRadius table   { font-size: 1.6rem;}
	.masterProSearchDivContent .searchField  { font-size: 1.6rem; height: 4rem; margin: 0.5rem 0rem; }
	.masterProSearchDivContent .searchButton { font-size: 1.6rem; height: 4rem; padding: 1rem; margin: 0.5rem 0rem; }
	
	/****************** 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.4rem; min-width: 17.6rem; }
	.modal-dialog .showHideDiv { margin-bottom: 3rem; margin-top: 1rem;}
	.modal-dialog .showHide { font-size: 1.5rem; padding: 1rem 1rem;}
	.modal-dialog .radioLabel  { background-color: #428bca; color:#ffffff; margin-right:5px; font-size: 1.5rem; padding: 1rem 1rem; 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; } 
	
	.comboProductModal, .LiveOrderDetailModal {height: 81%; overflow-y: scroll;}
	
}

/* **************** Galaxy S5 ******************/
@media (min-width: 321px) and (max-width: 360px)  
{	
	/* Index Page */
	.indexPage { overflow-y: auto; }
	.indexPage #container { width: 100%; left: 0; margin-left: 0;  position: unset; }
	.indexPage #loginbox  { width: 40rem !important; height: 40rem !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   ******************** */
	 html { height: 99%; }
	.bigmenu { display: none; }
	.menusmall{ display: block; }
	
	.leftSideDivContent  { width: 100%; }
	.rightSideDivContent { width: 100%; display:none;}
	
	.rightSideDivContent .cardDivContent  	  { height: 62%; padding: 1rem 0rem 0rem 0rem; }
	.rightSideDivContent .billDetailContent   { height: 21%;   width:100%; padding: 1rem 0rem; }
	.rightSideDivContent .paymentButtonDiv    { height: 7%;    width:100%; padding: 0rem;  }
	.rightSideDivContent .marqueeDivContent   { height: 8%;  	width:100%; padding: 1rem;  }
	.rightSideDivContent .stockCardDivContent { height: 58%;   width:100%; padding: 0.5rem 0rem;}
	.rightSideDivContent .cardDivContent .cartItemContent  { height:97%; width:100%; }
	.rightSideDivContent .cardDivContent .backButton 	   { display: block; }
	.rightSideDivContent .stockCardDivContent .backButton  { display: block; }
	
	.leftSideDivContent .itemRetailContent , .fullDivContent .itemRetailContent   { height: 82%; width: 100%; }
	.leftSideDivContent .bottomButtonIcon , .fullDivContent .bottomButtonIcon     { height: 18%; width: 100%;  }
	.leftSideDivContent .cartItemEditDiv 	  { display:none;  }		
	.mainCateDivContent .borderRadius, .subCateDivContent .borderRadius ,.productDivContent .borderRadius { height:66.5%;  width:99.5%; overflow-x: hidden; }
	
	/************** Left Side Content SearchBox *********************/	
	.leftSideDivContent .searchbox { font-size: 2rem; padding: 2rem 1rem; } 
	.leftSideDivContent .searchDivContent .cartProAutoContainer ul {font-size: 1.5rem;  }	
	.leftSideDivContent .breadCrumbButton, .leftSideDivContent .openCartButton   { font-size: 1.5rem; padding: 0.85rem 1.2rem; margin: 0.4rem; }	
	.leftSideDivContent .openCartButton { display: block; }
	
	/*******************Live Order **********************/
	.liveOrderDivContent .borderRadius  { height:66.5%;}
	.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: 30.5%; }
	.mainCateDivContent .main-cate img, .subCateDivContent .sub-cate img, .productDivContent .productItem  img { width: 12.5rem; height: 12.5rem; }
	.mainCateDivContent .main-cate h2 , .subCateDivContent .sub-cate h2 , .productDivContent .product-name     { max-width: 17rem; font-size: 1.45rem; }
	.productDivContent .productItem .price-tag {  line-height:2rem; font-size: 1.7rem; top: 0.8rem;}
		
	.mainCateDivContent .main-cate .nameInitialDiv, .subCateDivContent .sub-cate .nameInitialDiv, .productDivContent .productItem .nameInitialDiv 
	{ width: 12.5rem; height: 12.5rem; padding-top: 3.9rem;  }
	
	.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: 92%; overflow-y: auto;}
	.cartItemEditContent .nav-tabs > li { padding: 0rem; font-size: 1.8rem; }

	/****************** Edit Cart Heading  ********************/
	.cartItemEditContent .editTextBox .qtylabel   { padding: 1.8rem 2.0rem 1.8rem 2.0rem; font-size: 2.0rem; }
	.cartItemEditContent .editTextBox .unitlabel  { padding: 1.8rem 2.0rem 1.8rem 2.0rem; font-size: 2.0rem; }
	.cartItemEditContent .editTextBox .pricelabel { padding: 1.8rem 2.0rem 1.8rem 4.0rem; font-size: 2.0rem; }
	.cartItemEditContent .editTextBox .disclabel  { padding: 1.8rem 2.0rem 1.8rem 2.0rem; font-size: 2.0rem; }
	.cartItemEditContent .editTextBox input	      { padding: 1.0rem 1.5rem 1.0rem 1.5rem; font-size: 2.0rem; width: 10rem; height: 5.8rem;  }
	.cartItemEditContent .editTextBox .unitlabel .rupeeIcon  { padding-right: 3rem; font-size: 3rem; }
	.cartItemEditContent .editTextBox .unitlabel .deleteIcon { font-size: 3rem; }
	.cartItemEditContent .badgeLable { font-size: 1.7rem;} 
	
	/****************** Edit Cart Keypad  ***********************/
	.cartItemEditContent .keyPadContent { margin-top: 3rem; width: 100%; }
	.cartItemEditContent .numaricKeyPadGrid .key-btn { width: 11rem; height: 6rem; padding: 2rem; font-size: 3rem; margin: 0rem 0.2rem; }
	.cartItemEditContent .numaricKeyPadGrid .key-icon { font-size:2.5rem;}
	.cartItemEditContent .submitButton { font-size: 3rem;  padding: 2rem 13rem; }
	
	/****************** Toggle Switch  *******************/									 
	.cartItemEditContent .switch { width: 56px; 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: 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: 2rem; } 
	.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.4rem;}
	.cardDivContent .productPrice, .cardDivContent .productDisc  { font-size:1.4rem; margin: 0 0 2px; }
	
	/**************** Bill Detail ** *********************/	
	.billDetailContent .billHeading , .billDetailContent .billHeadingAmt { font-size: 1.7rem; }
	.billDetailContent .couponHeading { font-size: 1.7rem; }
	.paymentButtonDiv .payButton { font-size: 2.5rem; padding: 1.2rem 1.2rem; line-height: 1; }
	
	/***************** *** 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:73%; }
	.custOrderDivContent table th , .custOrderDivContent table td { font-size: 1.3rem; }
	.custOrderDivContent table td i { font-size: 1.5rem;} 
	
	/******************** 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;}							   
	.leftSideDivContent  .vendorbreadCrumbButton { font-size: 2rem; padding: 1.2rem 1.2rem; margin-right: 0.5rem; }
	.vendorBreadcrumbDiv .openVendorPayHisory    { font-size: 2rem; padding: 1.25rem 2rem; }

	.vendorInvoiceDivContent .borderRadius { height:69%;}	
	.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: 25%; }
	.stockCardDivContent h3 { font-size: 1.8rem; } 
	.stockCardDivContent .cartDelete      { padding: 0px 3rem 0rem 1rem; font-size: 3rem; }
	.stockCardDivContent .productName , .stockCardDivContent .productQuantity, .stockCardDivContent .productTotal { font-size:1.4rem;}
	.stockCardDivContent .productPrice, .stockCardDivContent .productDisc  { font-size:1.4rem; }
	.stockBillDetailContent .billHeading , .stockBillDetailContent .billHeadingAmt { font-size:1.5rem; }		
	.stockPaymentButtonDiv .payButton { font-size: 2rem; padding: 1.5rem 1.2rem; }
	
	/******************** Product Screen *******************/
	.proListDivContent { height:70.5%;}
	.proListDivContent .borderRadius table   { font-size: 1.4rem;}
	.proListDivContent .table-responsive 	 { overflow-x: unset; overflow-y: unset; }
	.masterProSearchDivContent .searchField  { font-size: 1.6rem; height: 4rem; margin: 0.5rem 0rem; }
	.masterProSearchDivContent .searchButton { font-size: 1.6rem; height: 4rem; padding: 1rem; margin: 0.5rem 0rem; }			
	
	/****************** 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.3rem; }
	.modal-dialog .modalTextTopping { font-size: 1rem;}
	.modal-dialog .divSpanText { font-size: 2rem; 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.3rem; min-width: 18rem; }
	.modal-dialog .showHideDiv { margin-bottom: 0.5rem; margin-top: 0.5rem;}
	.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; } 
	
	.comboProductModal, .LiveOrderDetailModal {height: 96%; overflow-y: scroll;}
		
}

/* **************** Iphone 5/SE ******************/
@media screen and (max-width: 320px)  
{
	.indexPage { overflow-y: auto; }
	.indexPage #container { width: 100%; left: 0; margin-left: 0;  position: unset; }
	.indexPage #loginbox  { width: 35rem !important; height: 40rem !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   ******************** */
	 html { height: 99%; }
	.bigmenu { display: none; }
	.menusmall{ display: block; }
	
	.leftSideDivContent  { width: 100%; }
	.rightSideDivContent { width: 100%; display:none;}
	
	.rightSideDivContent .cardDivContent  	  { height: 59%; padding: 1rem 0rem 0rem 0rem; }
	.rightSideDivContent .billDetailContent   { height: 23%;   width:100%; padding: 1rem 0rem; }
	.rightSideDivContent .paymentButtonDiv    { height: 8%;    width:100%; padding: 0rem;  }
	.rightSideDivContent .marqueeDivContent   { height: 8%;  	width:100%; padding: 1rem;  }
	.rightSideDivContent .stockCardDivContent { height: 63%;   width:100%; padding: 0.5rem 0rem;}
	.rightSideDivContent .cardDivContent .cartItemContent  { height:97%; width:100%; }
	.rightSideDivContent .cardDivContent .backButton 	   { display: block; }
	
	.leftSideDivContent .itemRetailContent , .fullDivContent .itemRetailContent   { height: 81%; width: 100%; }
	.leftSideDivContent .bottomButtonIcon , .fullDivContent .bottomButtonIcon     { height: 19%; width: 100%;  }
	.leftSideDivContent .cartItemEditDiv 	  { display:none;  }		
	.mainCateDivContent .borderRadius, .subCateDivContent .borderRadius ,.productDivContent .borderRadius { height:57%;  width:99.5%; overflow-x: hidden; }
	
	/************** Left Side Content SearchBox *********************/	
	.leftSideDivContent .searchbox { font-size: 2rem; padding: 2rem 1rem; } 
	.leftSideDivContent .searchDivContent .cartProAutoContainer ul {font-size: 1.5rem;  }	
	.leftSideDivContent .breadCrumbButton, .leftSideDivContent .openCartButton   { font-size: 1.5rem; padding: 0.85rem 1.2rem; margin: 0.4rem; }	
	.leftSideDivContent .openCartButton { display: block; }
	
	/*******************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: 46.5%; }
	.mainCateDivContent .main-cate img, .subCateDivContent .sub-cate img, .productDivContent .productItem  img { width: 17rem; height: 17rem; }
	.mainCateDivContent .main-cate h2 , .subCateDivContent .sub-cate h2 , .productDivContent .product-name     { max-width: 17rem; 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: 17rem; height: 17rem; padding-top: 6.2rem;  }
	
	.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: 1.8rem; }

	/****************** Edit Cart Heading  ********************/
	.cartItemEditContent .editTextBox .qtylabel   { padding: 1.8rem 2.0rem 1.8rem 2.0rem; font-size: 2.0rem; }
	.cartItemEditContent .editTextBox .unitlabel  { padding: 1.8rem 2.0rem 1.8rem 2.0rem; font-size: 2.0rem; }
	.cartItemEditContent .editTextBox .pricelabel { padding: 1.8rem 2.0rem 1.8rem 4.0rem; font-size: 2.0rem; }
	.cartItemEditContent .editTextBox .disclabel  { padding: 1.8rem 2.0rem 1.8rem 2.0rem; font-size: 2.0rem; }
	.cartItemEditContent .editTextBox input	      { padding: 1.0rem 1.5rem 1.0rem 1.5rem; font-size: 2.0rem; width: 10rem; height: 5.8rem;  }
	.cartItemEditContent .editTextBox .unitlabel .rupeeIcon  { padding-right: 3rem; font-size: 3rem; }
	.cartItemEditContent .editTextBox .unitlabel .deleteIcon { font-size: 3rem; }
	.cartItemEditContent .badgeLable { font-size: 1.5rem;} 
	
	/****************** Edit Cart Keypad  ***********************/
	.cartItemEditContent .keyPadContent { margin-top: 3rem; width: 100%; }
	.cartItemEditContent .numaricKeyPadGrid .key-btn { width: 11rem; height: 6rem; padding: 2rem; font-size: 3rem; margin: 0rem 0.2rem; }
	.cartItemEditContent .numaricKeyPadGrid .key-icon { font-size:2.5rem;}
	.cartItemEditContent .submitButton { font-size: 3rem;  padding: 2rem 13rem; }
	
	/****************** 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.4rem;}
	.cardDivContent .productPrice, .cardDivContent .productDisc  { font-size:1.4rem; margin: 0 0 2px; }
	
	/**************** Bill Detail ** *********************/	
	.billDetailContent .billHeading , .billDetailContent .billHeadingAmt { font-size: 1.5rem; }
	.billDetailContent .couponHeading { font-size: 1.5rem; }
	.paymentButtonDiv .payButton { font-size: 2.5rem; padding: 1.2rem 1.2rem; line-height: 1; }
	
	/***************** *** 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:69%; }
	.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;}							   
	
	.leftSideDivContent  .vendorBreadcrumbDiv    { margin-left: 0rem; margin-right: 0rem; padding-top:1rem; padding-bottom: 1rem; }
	.leftSideDivContent  .vendorbreadCrumbButton { font-size: 2rem; padding: 1.25rem 2rem; margin-right: 0.5rem; }
	.vendorBreadcrumbDiv .openVendorPayHisory    { font-size: 2rem; padding: 1.25rem 2rem; }

	.vendorInvoiceDivContent .borderRadius { height:69%;}	
	.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:67%;}
	.proListDivContent .borderRadius table   { font-size: 1.6rem;}
	.proListDivContent .table-responsive 	 { overflow-x: unset; overflow-y: unset; }
	.masterProSearchDivContent .searchField  { font-size: 1.6rem; height: 4rem; margin: 0.5rem 0rem; }
	.masterProSearchDivContent .searchButton { font-size: 1.6rem; height: 4rem; padding: 1rem; margin: 0.5rem 0rem; }
		
	/****************** 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.2rem; min-width: 16rem; }
	.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; } 
	
	.comboProductModal, .LiveOrderDetailModal {height: 96%; overflow-y: scroll;}
	
}