@media (min-width: 1525px) and (max-width: 1624px) {

	/* Index Page */
	.indexPage {
		overflow-y: auto;
	}

	.indexPage #container {
		width: 100%;
		left: 0;
		margin-left: 0;
		position: unset;
	}

	.indexPage #loginbox {
		width: 45rem !important;
		height: 41rem !important;
		margin-bottom: 5rem;
	}

	.indexPage #container .btn-lg {
		padding: 0.5rem 0rem;
		height: 4.5rem;
	}

	.indexPage .indexLogo {
		width: 100% !important;
	}

	.indexPage .loginBox input {
		height: 4.6rem;
	}

	.indexPage .loginBox .radioLabel {
		margin-right: 1rem;
		font-size: 2rem;
		padding: 1rem 3rem;
	}

	/* ****************** Page CSS   ******************** */
	.leftSideDivContent {
		width: 30%;
	}

	.centerSideDivContent {
		width: 45%;
	}

	.rightSideDivContent {
		width: 25%;
	}

	.historyLeftDivContent {
		width: 25%;
	}

	.historyRightDivContent {
		width: 75%;
	}

	.leftSideDivContent .cardDivContent {
		height: 76.5%;
		padding: 1rem 0rem 0rem 0rem;
	}

	.leftSideDivContent .cardDivContent .cartItemContent {
		height: 97%;
		width: 100%;
	}

	.leftSideDivContent .cardDivContent .backButton {
		display: none;
	}

	.leftSideDivContent .billDetailContent {
		height: 17%;
		width: 100%;
		padding: 1rem 0rem;
	}

	.leftSideDivContent .marqueeDivContent {
		height: 6%;
		width: 100%;
		padding: 1rem;
	}


	.centerSideDivContent .itemRetailContent,
	.fullDivContent .itemRetailContent {
		height: 86%;
		width: 100%;
	}

	.centerSideDivContent .bottomButtonIcon,
	.fullDivContent .bottomButtonIcon {
		height: 14%;
		width: 100%;
	}

	.centerSideDivContent .cartItemEditDiv {
		display: none;
	}

	.mainCateDivContent .borderRadius {
		height: 74%;
		width: 99.5%;
	}

	.subCateDivContent .borderRadius {
		height: 80%;
		width: 99.5%;
	}

	.productDivContent .borderRadius {
		height: 80%;
		width: 99.5%;
	}

	.rightSideDivContent .cartPaymentOptionDiv {
		height: 90.5%;
	}

	.rightSideDivContent .paymentButtonDiv {
		height: 8%;
		width: 100%;
	}

	.rightSideDivContent .radioLabel {
		font-size: 2rem;
		padding: 1.0rem 1.7rem;
		margin-right: 5px;
	}

	.rightSideDivContent .badgeLable {
		font-size: 1.7rem;
		margin-right: 5px;
	}

	.rightSideDivContent .badge {
		font-size: 1.7rem;
		/* padding: 0.4rem 2rem 0.5rem 1.6rem; */
	}

	.rightSideDivContent .methodRadioLable {
		margin-right: 5px;
		font-size: 2rem;
		height: 3rem;
		width: 18rem;
	}

	.rightSideDivContent .form-control {
		height: 4rem;
		font-size: 2rem;
	}

	.rightSideDivContent .form-horizontal .form-group {
		margin-right: 0;
		margin-left: 0;
	}

	.rightSideDivContent .orderPaymentHistoy {
		max-height: 27rem;
		overflow: auto;
		margin-bottom: 0;
		bottom: 0;
		position: absolute;
	}

	/************** Left Side Content SearchBox *********************/
	.centerSideDivContent .searchbox {
		font-size: 17px;
		padding: 2rem 1rem;
	}

	.centerSideDivContent .searchDivContent .cartProAutoContainer ul {
		font-size: 2rem;
	}

	.centerSideDivContent .breadCrumbButton,
	.centerSideDivContent .openCartButton {
		font-size: 2rem;
		padding: 1.25rem 2rem;
	}

	/************** Main-category *** / *** Sub-category *** / *** Product Display ** ************/
	.mainCateDivContent .main-cate,
	.subCateDivContent .sub-cate,
	.productDivContent .productItem {
		width: 14rem;
	}

	.mainCateDivContent .main-cate img,
	.subCateDivContent .sub-cate img,
	.productDivContent .productItem img {
		width: 13.5rem;
		height: 13.5rem;
	}

	.mainCateDivContent .main-cate h2,
	.subCateDivContent .sub-cate h2,
	.productDivContent .product-name {
		max-width: 13.5rem;
		font-size: 1.45rem;
	}

	.productDivContent .productItem .price-tag {
		line-height: 2rem;
		font-size: 1.7rem;
		top: 1.2rem;
	}

	.mainCateDivContent .main-cate .nameInitialDiv {
		width: 13.5rem;
		height: 13.5rem;
		padding-top: 4.5rem;
	}

	.productDivContent .productItem .nameInitialDiv {
		width: 13.5rem;
		height: 13.5rem;
		padding-top: 4.5rem;
	}

	.marqueeDivContent .footerMarque {
		font-size: 2.4rem;
		
	}

	.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 {
		margin: 5px 10px;
        box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
        display: flex;
        width: auto;
        height: 38px;
        padding: 0 10px;
        font-size: 20px;
        align-content: center;
        justify-content: center;
        align-items: center;
        cursor: pointer;
	}

	.bottomButtonIcon::-webkit-scrollbar {
		width: 1rem;
		height: 1rem;
	}

	/************ * Sale Cart Div Design ***** ****************/
	.cardDivContent h3 {
		margin-top: 0rem;
		font-size: 2.5rem;
	}

	.cardDivContent .cartDelete {
		padding: 0px 3rem 0rem 1rem;
		font-size: 3rem;
	}

	.cardDivContent .backButton {
		padding: 0.6rem 1rem;
	}

	.cardDivContent .productName {
		font-size: 2rem;
	}

	.cardDivContent .productQuantity {
		font-size: 1.5rem;
	}

	.cardDivContent .productTotal {
		font-size: 1.5rem;
	}

	.cardDivContent .productPrice {
		font-size: 1.5rem;
	}

	.cardDivContent .productDisc {
		font-size: 1.5rem;
	}

	/**************** Bill Detail ** *********************/
	.billDetailContent .billHeading,
	.billDetailContent .billHeadingAmt {
		font-size: 1.7rem;
	}

	.billDetailContent .couponHeading {
		font-size: 1.7rem;
	}

	.paymentButtonDiv .payButton {
		font-size: 2.5rem;
		padding: 2rem 1.2rem;
		line-height: 1.33;
	}

	/***************** *** Customer Screen ****** *************/
	.custCalendarContent {
		padding: 0.5rem 1rem;
	}

	.custCalendarContent .backButton {
		padding: 0.6rem 1rem;
	}

	.custCalendarContent input {
		font-size: 2rem;
	}

	.custInfoContent,
	.custSalePayContent,
	.custReturnPayContent {
		height: 25%;
	}

	.custInfoContent .billHeading,
	.custSalePayContent .billHeading,
	.custReturnPayContent .billHeading,
	.creditButtonDiv .billHeading {
		font-size: 1.7rem;
	}

	.custInfoContent .billHeadingAmt,
	.custSalePayContent .billHeadingAmt,
	.custReturnPayContent .billHeadingAmt,
	.creditButtonDiv .billHeadingAmt {
		font-size: 1.7rem;
	}

	.creditButtonDiv .payButton {
		font-size: 2.3rem;
		padding: 1.4rem 1.2rem;
		line-height: 1.33;
	}

	.custBreadcrumbDiv .openCustPayHisory {
		font-size: 2rem;
		padding: 1.25rem 2rem;
	}

	.custOrderDivContent .borderRadius {
		height: 72%;
	}

	.custOrderDivContent table th,
	.custOrderDivContent table td {
		font-size: 1.5rem;
	}

	.custOrderDivContent table td i {
		font-size: 2rem;
	}

	/******************** Product Screen *******************/
	.proListDivContent {
		height: 94%;
	}

	.proListDivContent .borderRadius table {
		font-size: 1.7rem;
	}

	.masterProSearchDivContent .searchField {
		font-size: 1.7rem;
		height: 4rem;
	}

	.masterProSearchDivContent .searchButton {
		font-size: 1.7rem;
		height: 4rem;
		padding: 1rem;
	}

	/****************** Modal CSS  ********************/
	.modal-backdrop,
	.modal {
		margin-top: 5rem;
	}

	.modal-dialog .modal-header .close {
		font-size: 4rem;
	}

	.modal-dialog .modal-title {
		font-size: 2rem;
	}

	.modal-dialog .modalText,
	.modal-dialog table {
		font-size: 1.7rem;
	}

	.modal-dialog .divSpanText {
		font-size: 2.5rem;
		line-height: 3rem;
	}

	.modal-dialog input,
	.modal-dialog select,
	.modal-dialog textarea {
		height: 3.6rem;
		font-size: 1.7rem;
	}

	.modal-dialog .btn-primary,
	.modal-dialog .btn-default {
		font-size: 2rem;
		padding: 1rem 1.3rem;
	}

	.modal-dialog .btn-success,
	.modal-dialog .btn-warning,
	.modal-dialog .btn-danger {
		font-size: 1.7rem;
		padding: 1rem 1.3rem;
	}

	.modal-dialog .moreButton {
		padding: 1rem;
		font-size: 1.8rem;
		min-width: 25rem;
	}

	.modal-dialog .showHide {
		font-size: 2rem;
		padding: 1.0rem 1.7rem;
	}

	.modal-dialog .printButton {
		font-size: 2.5rem;
		padding: 1rem 1.3rem;
		margin-top: 2rem;
	}

	.modal-dialog .imgQRCode {
		height: 26rem;
	}

	.modal-dialog .imgScan {
		height: 26rem;
		padding-left: 15%;
	}

	.posAboutUsModal,
	.dbSyncModal,
	.customerInfoFormModal {
		width: 40%
	}

	.addPaymentFormModal,
	.moreOptionModal {
		width: 70%
	}

	.InvoiceDetailModal,
	.editProductFormModal {
		width: 80%
	}
}

@media (min-width: 1425px) and (max-width: 1524px) {

	/* Index Page */
	.indexPage {
		overflow-y: auto;
	}

	.indexPage #container {
		width: 100%;
		left: 0;
		margin-left: 0;
		position: unset;
	}

	.indexPage #loginbox {
		width: 45rem !important;
		height: 41rem !important;
		margin-bottom: 5rem;
	}

	.indexPage #container .btn-lg {
		padding: 0.5rem 0rem;
		height: 4.5rem;
	}

	.indexPage .indexLogo {
		width: 100% !important;
	}

	.indexPage .loginBox input {
		height: 4.6rem;
	}

	.indexPage .loginBox .radioLabel {
		margin-right: 1rem;
		font-size: 2rem;
		padding: 1rem 3rem;
	}

	/* ****************** Page CSS   ******************** */
	.leftSideDivContent {
		width: 30%;
	}

	.centerSideDivContent {
		width: 45%;
	}

	.rightSideDivContent {
		width: 25%;
	}

	.historyLeftDivContent {
		width: 25%;
	}

	.historyRightDivContent {
		width: 75%;
	}

	.leftSideDivContent .cardDivContent {
		height: 77%;
		padding: 1rem 0rem 0rem 0rem;
	}

	.leftSideDivContent .cardDivContent .cartItemContent {
		height: 97%;
		width: 100%;
	}

	.leftSideDivContent .cardDivContent .backButton {
		display: none;
	}

	.leftSideDivContent .billDetailContent {
		height: 17%;
		width: 100%;
		padding: 1rem 0rem;
	}

	.leftSideDivContent .marqueeDivContent {
		height: 6%;
		width: 100%;
		padding: 1rem;
	}

	.centerSideDivContent .itemRetailContent,
	.fullDivContent .itemRetailContent {
		height: 86%;
		width: 100%;
	}

	.centerSideDivContent .bottomButtonIcon,
	.fullDivContent .bottomButtonIcon {
		height: 14%;
		width: 100%;

	}

	.centerSideDivContent .cartItemEditDiv {
		display: none;
	}

	.mainCateDivContent .borderRadius {
		height: 74%;
		width: 99.5%;
	}

	.subCateDivContent .borderRadius {
		height: 78%;
		width: 99.5%;
	}

	.productDivContent .borderRadius {
		height: 78%;
		width: 99.5%;
	}

	.rightSideDivContent .cartPaymentOptionDiv {
		height: 90.5%;
	}

	.rightSideDivContent .paymentButtonDiv {
		height: 8%;
		width: 100%;
	}

	.rightSideDivContent .radioLabel {
		font-size: 2rem;
		padding: 1.0rem 1.7rem;
		margin-right: 5px;
	}

	.rightSideDivContent .badgeLable {
		font-size: 1.7rem;
		margin-right: 5px;
	}

	.rightSideDivContent .badge {
		font-size: 1.7rem;
		/* padding: 0.4rem 2rem 0.5rem 1.6rem; */
	}

	.rightSideDivContent .methodRadioLable {
		margin-right: 5px;
		font-size: 2rem;
		height: 3rem;
		width: 18rem;
	}

	.rightSideDivContent .form-control {
		height: 4rem;
		font-size: 2rem;
	}

	.rightSideDivContent .form-horizontal .form-group {
		margin-right: 0;
		margin-left: 0;
	}

	.rightSideDivContent .orderPaymentHistoy {
		max-height: 27rem;
		overflow: auto;
		margin-bottom: 0;
		bottom: 0;
		position: absolute;
	}

	/************** Left Side Content SearchBox *********************/
	.centerSideDivContent .searchbox {
		font-size: 17px;
		font-weight: 400;
		padding: 2rem 1rem;
	}

	.centerSideDivContent .searchDivContent .cartProAutoContainer ul {
		font-size: 2rem;
	}

	.centerSideDivContent .breadCrumbButton,
	.centerSideDivContent .openCartButton {
		font-size: 2rem;
		padding: 1.25rem 2rem;
	}

	/************** Main-category *** / *** Sub-category *** / *** Product Display ** ************/
	.mainCateDivContent .main-cate,
	.subCateDivContent .sub-cate,
	.productDivContent .productItem {
		width: 14rem;
	}

	.mainCateDivContent .main-cate img,
	.subCateDivContent .sub-cate img,
	.productDivContent .productItem img {
		width: 13.5rem;
		height: 13.5rem;
	}

	.mainCateDivContent .main-cate h2,
	.subCateDivContent .sub-cate h2,
	.productDivContent .product-name {
		max-width: 13.5rem;
		font-size: 1.45rem;
	}

	.productDivContent .productItem .price-tag {
		line-height: 2rem;
		font-size: 1.7rem;
		top: 1.2rem;
	}

	.mainCateDivContent .main-cate .nameInitialDiv {
		width: 13.5rem;
		height: 13.5rem;
		padding-top: 4.5rem;
	}

	.productDivContent .productItem .nameInitialDiv {
		width: 13.5rem;
		height: 13.5rem;
		padding-top: 4.5rem;
	}

	.marqueeDivContent .footerMarque {
		font-size: 2.4rem;
	
	}

	.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 {
		margin: 5px 10px;
        box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
        display: flex;
        width: auto;
        height: 38px;
        padding: 0 10px;
        font-size: 20px;
        align-content: center;
        justify-content: center;
        align-items: center;
        cursor: pointer;
	}

	.bottomButtonIcon::-webkit-scrollbar {
		width: 1rem;
		height: 1rem;
	}

	/************ * Sale Cart Div Design ***** ****************/
	.cardDivContent h3 {
		margin-top: 0rem;
		font-size: 2.5rem;
	}

	.cardDivContent .cartDelete {
		padding: 0px 3rem 0rem 1rem;
		font-size: 3rem;
	}

	.cardDivContent .backButton {
		padding: 0.6rem 1rem;
	}

	.cardDivContent .productName {
		font-size: 2rem;
	}

	.cardDivContent .productQuantity {
		font-size: 1.5rem;
	}

	.cardDivContent .productTotal {
		font-size: 1.5rem;
	}

	.cardDivContent .productPrice {
		font-size: 1.5rem;
	}

	.cardDivContent .productDisc {
		font-size: 1.5rem;
	}

	/**************** Bill Detail ** *********************/
	.billDetailContent .billHeading,
	.billDetailContent .billHeadingAmt {
		font-size: 1.7rem;
	}

	.billDetailContent .couponHeading {
		font-size: 1.7rem;
	}

	.paymentButtonDiv .payButton {
		font-size: 2.5rem;
		padding: 2rem 1.2rem;
		line-height: 1.33;
	}

	/***************** *** Customer Screen ****** *************/
	.custCalendarContent {
		padding: 0.5rem 1rem;
	}

	.custCalendarContent .backButton {
		padding: 0.6rem 1rem;
	}

	.custCalendarContent input {
		font-size: 2rem;
	}

	.custInfoContent,
	.custSalePayContent,
	.custReturnPayContent {
		height: 25%;
	}

	.custInfoContent .billHeading,
	.custSalePayContent .billHeading,
	.custReturnPayContent .billHeading,
	.creditButtonDiv .billHeading {
		font-size: 1.7rem;
	}

	.custInfoContent .billHeadingAmt,
	.custSalePayContent .billHeadingAmt,
	.custReturnPayContent .billHeadingAmt,
	.creditButtonDiv .billHeadingAmt {
		font-size: 1.7rem;
	}

	.creditButtonDiv .payButton {
		font-size: 2.3rem;
		padding: 1.4rem 1.2rem;
		line-height: 1.33;
	}

	.custBreadcrumbDiv .openCustPayHisory {
		font-size: 2rem;
		padding: 1.25rem 2rem;
	}

	.custOrderDivContent .borderRadius {
		height: 72%;
	}

	.custOrderDivContent table th,
	.custOrderDivContent table td {
		font-size: 1.5rem;
	}

	.custOrderDivContent table td i {
		font-size: 2rem;
	}

	/******************** Product Screen *******************/
	.proListDivContent {
		height: 94%;
	}

	.proListDivContent .borderRadius table {
		font-size: 1.7rem;
	}

	.masterProSearchDivContent .searchField {
		font-size: 1.7rem;
		height: 4rem;
	}

	.masterProSearchDivContent .searchButton {
		font-size: 1.7rem;
		height: 4rem;
		padding: 1rem;
	}

	/****************** Modal CSS  ********************/
	.modal-backdrop,
	.modal {
		margin-top: 5rem;
	}

	.modal-dialog .modal-header .close {
		font-size: 4rem;
	}

	.modal-dialog .modal-title {
		font-size: 2rem;
	}

	.modal-dialog .modalText,
	.modal-dialog table {
		font-size: 1.7rem;
	}

	.modal-dialog .divSpanText {
		font-size: 2.5rem;
		line-height: 3rem;
	}

	.modal-dialog input,
	.modal-dialog select,
	.modal-dialog textarea {
		height: 3.6rem;
		font-size: 1.7rem;
	}

	.modal-dialog .btn-primary,
	.modal-dialog .btn-default {
		font-size: 2rem;
		padding: 1rem 1.3rem;
	}

	.modal-dialog .btn-success,
	.modal-dialog .btn-warning,
	.modal-dialog .btn-danger {
		font-size: 1.7rem;
		padding: 1rem 1.3rem;
	}

	.modal-dialog .moreButton {
		padding: 1rem;
		font-size: 1.8rem;
		min-width: 25rem;
	}

	.modal-dialog .showHide {
		font-size: 2rem;
		padding: 1.0rem 1.7rem;
	}

	.modal-dialog .printButton {
		font-size: 2.5rem;
		padding: 1rem 1.3rem;
		margin-top: 2rem;
	}

	.modal-dialog .imgQRCode {
		height: 26rem;
	}

	.modal-dialog .imgScan {
		height: 26rem;
		padding-left: 15%;
	}

	.posAboutUsModal,
	.dbSyncModal,
	.customerInfoFormModal {
		width: 40%
	}

	.addPaymentFormModal,
	.moreOptionModal {
		width: 70%
	}

	.InvoiceDetailModal,
	.editProductFormModal {
		width: 80%
	}

}

@media (min-width: 1325px) and (max-width: 1424px) {

	/* Index Page */
	.indexPage {
		overflow-y: auto;
	}

	.indexPage #container {
		width: 100%;
		left: 0;
		margin-left: 0;
		position: unset;
	}

	.indexPage #loginbox {
		width: 45rem !important;
		height: 41rem !important;
		margin-bottom: 5rem;
	}

	.indexPage .loginBox input {
		height: 4.6rem;
	}

	.indexPage #container .btn-lg {
		padding: 0.5rem 0rem;
		height: 4.5rem;
	}

	.indexPage .indexLogo {
		width: 100% !important;
	}

	.indexPage .loginBox .radioLabel {
		margin-right: 1rem;
		font-size: 2rem;
		padding: 1rem 3rem;
	}

	/* ****************** Page CSS   ******************** */
	.leftSideDivContent {
		width: 30%;
	}

	.centerSideDivContent {
		width: 45%;
	}

	.rightSideDivContent {
		width: 25%;
	}

	.historyLeftDivContent {
		width: 25%;
	}

	.historyRightDivContent {
		width: 75%;
	}

	.leftSideDivContent .cardDivContent {
		height: 76.5%;
		padding: 1rem 0rem 0rem 0rem;
	}

	.leftSideDivContent .cardDivContent .cartItemContent {
		height: 97%;
		width: 100%;
	}

	.leftSideDivContent .cardDivContent .backButton {
		display: none;
	}

	.leftSideDivContent .billDetailContent {
		height: 17%;
		width: 100%;
		padding: 1rem 0rem;
	}

	.leftSideDivContent .marqueeDivContent {
		height: 6%;
		width: 100%;
		padding: 1rem;
	}

	.centerSideDivContent .itemRetailContent,
	.fullDivContent .itemRetailContent {
		height: 86%;
		width: 100%;
	}

	.centerSideDivContent .bottomButtonIcon,
	.fullDivContent .bottomButtonIcon {
		height: 14%;
		width: 100%;
	}

	.centerSideDivContent .cartItemEditDiv {
		display: none;
	}

	.mainCateDivContent .borderRadius {
		height: 74%;
		width: 99.5%;
	}

	.subCateDivContent .borderRadius {
		height: 80%;
		width: 99.5%;
	}

	.productDivContent .borderRadius {
		height: 80%;
		width: 99.5%;
	}

	.rightSideDivContent .cartPaymentOptionDiv {
		height: 90.5%;
	}

	.rightSideDivContent .paymentButtonDiv {
		height: 8%;
		width: 100%;
	}

	.rightSideDivContent .radioLabel {
		font-size: 2rem;
		padding: 1.0rem 1.7rem;
		margin-right: 5px;
	}

	.rightSideDivContent .badgeLable {
		font-size: 1.7rem;
		margin-right: 5px;
	}

	.rightSideDivContent .badge {
		font-size: 1.7rem;
		/* padding: 0.4rem 2rem 0.5rem 1.6rem; */
	}

	.rightSideDivContent .methodRadioLable {
		margin-right: 5px;
		font-size: 2rem;
		height: 3rem;
		width: 18rem;
	}

	.rightSideDivContent .form-control {
		height: 4rem;
		font-size: 2rem;
	}

	.rightSideDivContent .form-horizontal .form-group {
		margin-right: 0;
		margin-left: 0;
	}

	.rightSideDivContent .orderPaymentHistoy {
		max-height: 27rem;
		overflow: auto;
		margin-bottom: 0;
		bottom: 0;
		position: absolute;
	}

	/************** Left Side Content SearchBox *********************/
	.centerSideDivContent .searchbox {
		font-size: 17px;
		font-weight: 400;
		padding: 2rem 1rem;
	}

	.centerSideDivContent .searchDivContent .cartProAutoContainer ul {
		font-size: 2rem;
	}

	.centerSideDivContent .breadCrumbButton,
	.centerSideDivContent .openCartButton {
		font-size: 2rem;
		padding: 1.25rem 2rem;
	}

	/************** Main-category *** / *** Sub-category *** / *** Product Display ** ************/
	.mainCateDivContent .main-cate,
	.subCateDivContent .sub-cate,
	.productDivContent .productItem {
		width: 14rem;
	}

	.mainCateDivContent .main-cate img,
	.subCateDivContent .sub-cate img,
	.productDivContent .productItem img {
		width: 13.5rem;
		height: 13.5rem;
	}

	.mainCateDivContent .main-cate h2,
	.subCateDivContent .sub-cate h2,
	.productDivContent .product-name {
		max-width: 13.5rem;
		font-size: 1.45rem;
	}

	.productDivContent .productItem .price-tag {
		line-height: 2rem;
		font-size: 1.7rem;
		top: 1.2rem;
	}

	.mainCateDivContent .main-cate .nameInitialDiv {
		width: 13.5rem;
		height: 13.5rem;
		padding-top: 4.5rem;
	}

	.productDivContent .productItem .nameInitialDiv {
		width: 13.5rem;
		height: 13.5rem;
		padding-top: 4.5rem;
	}

	.marqueeDivContent .footerMarque {
		font-size: 2.4rem;
	}

	.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 {
		margin: 5px 10px;
        box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
        display: flex;
        width: auto;
        height: 38px;
        padding: 0 10px;
        font-size: 20px;
        align-content: center;
        justify-content: center;
        align-items: center;
        cursor: pointer;
	}

	.bottomButtonIcon::-webkit-scrollbar {
		width: 1rem;
		height: 1rem;
	}

	/************ * Sale Cart Div Design ***** ****************/
	.cardDivContent h3 {
		margin-top: 0rem;
		font-size: 2.5rem;
	}

	.cardDivContent .cartDelete {
		padding: 0px 3rem 0rem 1rem;
		font-size: 3rem;
	}

	.cardDivContent .backButton {
		padding: 0.6rem 1rem;
	}

	.cardDivContent .productName {
		font-size: 2rem;
	}

	.cardDivContent .productQuantity {
		font-size: 1.5rem;
	}

	.cardDivContent .productTotal {
		font-size: 1.5rem;
	}

	.cardDivContent .productPrice {
		font-size: 1.5rem;
	}

	.cardDivContent .productDisc {
		font-size: 1.5rem;
	}

	/**************** Bill Detail ** *********************/
	.billDetailContent .billHeading,
	.billDetailContent .billHeadingAmt {
		font-size: 1.7rem;
	}

	.billDetailContent .couponHeading {
		font-size: 1.7rem;
	}

	.paymentButtonDiv .payButton {
		font-size: 2.5rem;
		padding: 2rem 1.2rem;
		line-height: 1.33;
	}

	/***************** *** Customer Screen ****** *************/
	.custCalendarContent {
		padding: 0.5rem 1rem;
	}

	.custCalendarContent .backButton {
		padding: 0.6rem 1rem;
	}

	.custCalendarContent input {
		font-size: 2rem;
	}

	.custInfoContent,
	.custSalePayContent,
	.custReturnPayContent {
		height: 25%;
	}

	.custInfoContent .billHeading,
	.custSalePayContent .billHeading,
	.custReturnPayContent .billHeading,
	.creditButtonDiv .billHeading {
		font-size: 1.7rem;
	}

	.custInfoContent .billHeadingAmt,
	.custSalePayContent .billHeadingAmt,
	.custReturnPayContent .billHeadingAmt,
	.creditButtonDiv .billHeadingAmt {
		font-size: 1.7rem;
	}

	.creditButtonDiv .payButton {
		font-size: 2.3rem;
		padding: 1.4rem 1.2rem;
		line-height: 1.33;
	}

	.custBreadcrumbDiv .openCustPayHisory {
		font-size: 2rem;
		padding: 1.25rem 2rem;
	}

	.custOrderDivContent .borderRadius {
		height: 72%;
	}

	.custOrderDivContent table th,
	.custOrderDivContent table td {
		font-size: 1.5rem;
	}

	.custOrderDivContent table td i {
		font-size: 2rem;
	}

	/******************** Product Screen *******************/
	.proListDivContent {
		height: 90%;
	}

	.proListDivContent .borderRadius table {
		font-size: 1.7rem;
	}

	.masterProSearchDivContent .searchField {
		font-size: 1.7rem;
		height: 4rem;
	}

	.masterProSearchDivContent .searchButton {
		font-size: 1.7rem;
		height: 4rem;
		padding: 1rem;
	}

	/****************** Modal CSS  ********************/
	.modal-backdrop,
	.modal {
		margin-top: 5rem;
	}

	.modal-dialog .modal-header .close {
		font-size: 4rem;
	}

	.modal-dialog .modal-title {
		font-size: 2rem;
	}

	.modal-dialog .modalText,
	.modal-dialog table {
		font-size: 1.7rem;
	}

	.modal-dialog .divSpanText {
		font-size: 2.5rem;
		line-height: 3rem;
	}

	.modal-dialog input,
	.modal-dialog select,
	.modal-dialog textarea {
		height: 3.6rem;
		font-size: 1.7rem;
	}

	.modal-dialog .btn-primary,
	.modal-dialog .btn-default {
		font-size: 2rem;
		padding: 1rem 1.3rem;
	}

	.modal-dialog .btn-success,
	.modal-dialog .btn-warning,
	.modal-dialog .btn-danger {
		font-size: 1.7rem;
		padding: 1rem 1.3rem;
	}

	.modal-dialog .moreButton {
		padding: 1rem;
		font-size: 1.8rem;
		min-width: 25rem;
	}

	.modal-dialog .showHide {
		font-size: 2rem;
		padding: 1.0rem 1.7rem;
	}

	.modal-dialog .radioLabel {
		font-size: 2rem;
		padding: 1.0rem 1.7rem;
		margin-right: 5px;
	}

	.modal-dialog .badgeLable {
		font-size: 1.7rem;
		margin-right: 5px;
	}

	.modal-dialog .badge {
		font-size: 1.7rem;
		padding: 0.4rem 2rem 0.5rem 1.6rem;
	}

	.modal-dialog .printButton {
		font-size: 2.5rem;
		padding: 1rem 1.3rem;
		margin-top: 2rem;
	}

	.modal-dialog .imgQRCode {
		height: 26rem;
	}

	.modal-dialog .imgScan {
		height: 26rem;
		padding-left: 15%;
	}

	.posAboutUsModal,
	.dbSyncModal,
	.customerInfoFormModal {
		width: 40%
	}

	.addPaymentFormModal,
	.StoreHoldSaleModal,
	.moreOptionModal {
		width: 70%
	}

	.InvoiceDetailModal,
	.LedgerReportListModal,
	.EstimatedOrderModal,
	.codOrderListModal,
	.codOrderPaymentModal,
	.addProductFormModal,
	.editProductFormModal {
		width: 80%
	}


}

@media (min-width: 1225px) and (max-width: 1324px) {

	/* Index Page */
	.indexPage {
		overflow-y: auto;
	}

	.indexPage #container {
		width: 100%;
		left: 0;
		margin-left: 0;
		position: unset;
	}

	.indexPage #loginbox {
		width: 45rem !important;
		height: 41rem !important;
		margin-bottom: 5rem;
	}

	.indexPage #container .btn-lg {
		padding: 0.5rem 0rem;
		height: 4.5rem;
	}

	.indexPage .indexLogo {
		width: 100% !important;
	}

	.indexPage .loginBox input {
		height: 4.6rem;
	}

	.indexPage .loginBox .radioLabel {
		margin-right: 1rem;
		font-size: 2rem;
		padding: 1rem 3rem;
	}

	/* ****************** Page CSS   ******************** */
	.leftSideDivContent {
		width: 30%;
	}

	.centerSideDivContent {
		width: 45%;
	}

	.rightSideDivContent {
		width: 25%;
	}

	.historyLeftDivContent {
		width: 25%;
	}

	.historyRightDivContent {
		width: 75%;
	}

	.leftSideDivContent .cardDivContent {
		height: 76.5%;
		padding: 1rem 0rem 0rem 0rem;
	}

	.leftSideDivContent .cardDivContent .cartItemContent {
		height: 97%;
		width: 100%;
	}

	.leftSideDivContent .cardDivContent .backButton {
		display: none;
	}

	.leftSideDivContent .billDetailContent {
		height: 17%;
		width: 100%;
		padding: 1rem 0rem;
	}

	.leftSideDivContent .marqueeDivContent {
		height: 6%;
		width: 100%;
		padding: 1rem;
	}

	.centerSideDivContent .itemRetailContent,
	.fullDivContent .itemRetailContent {
		height: 86%;
		width: 100%;
	}

	.centerSideDivContent .bottomButtonIcon,
	.fullDivContent .bottomButtonIcon {
		height: 14%;
		width: 100%;
	}

	.centerSideDivContent .cartItemEditDiv {
		display: none;
	}

	.mainCateDivContent .borderRadius {
		height: 74%;
		width: 99.5%;
	}

	.subCateDivContent .borderRadius {
		height: 80%;
		width: 99.5%;
	}

	.productDivContent .borderRadius {
		height: 80%;
		width: 99.5%;
	}

	.rightSideDivContent .cartPaymentOptionDiv {
		height: 90.5%;
	}

	.rightSideDivContent .paymentButtonDiv {
		height: 8%;
		width: 100%;
	}

	.rightSideDivContent .radioLabel {
		font-size: 2rem;
		padding: 1.0rem 1.7rem;
		margin-right: 5px;
	}

	.rightSideDivContent .badgeLable {
		font-size: 1.7rem;
		margin-right: 5px;
	}

	.rightSideDivContent .badge {
		font-size: 1.7rem;
		/* padding: 0.4rem 2rem 0.5rem 1.6rem; */
	}

	.rightSideDivContent .methodRadioLable {
		margin-right: 5px;
		font-size: 2rem;
		height: 3rem;
		width: 18rem;
	}

	.rightSideDivContent .form-control {
		height: 4rem;
		font-size: 2rem;
	}

	.rightSideDivContent .form-horizontal .form-group {
		margin-right: 0;
		margin-left: 0;
	}

	.rightSideDivContent .orderPaymentHistoy {
		max-height: 27rem;
		overflow: auto;
		margin-bottom: 0;
		bottom: 0;
		position: absolute;
	}

	.historyLeftDivContent .cardDivContent {
		height: 5%;
		padding: 1rem 0rem 0rem 0rem;
	}

	.historyLeftDivContent .cardDivContent .backButton {
		display: none;
	}

	.historyLeftDivContent .cardDivContent .billHeading {
		font-size: 1.7rem;
	}

	.historyLeftDivContent .cardDivContent .billHeadingAmt {
		font-size: 1.7rem;
	}

	.historyLeftDivContent .billDetailContent {
		height: 5%;
		width: 100%;
		padding: 1rem 0rem;
	}

	.historyLeftDivContent .marqueeDivContent {
		height: 5%;
		width: 100%;
		padding: 1rem;
	}

	.historyRightDivContent .custOrderDivContent .borderRadius {
		height: 88%;
	}

	.historyRightDivContent .custOrderDivContent table th {
		font-size: 11pt;
	}

	.historyRightDivContent .custOrderDivContent table td {
		font-size: 10pt;
	}

	/************** Left Side Content SearchBox *********************/
	.centerSideDivContent .searchbox {
		font-size: 17px;
		padding: 2rem 1rem;
	}

	.centerSideDivContent .searchDivContent .cartProAutoContainer ul {
		font-size: 2rem;
	}

	.centerSideDivContent .breadCrumbButton,
	.centerSideDivContent .openCartButton {
		font-size: 2rem;
		padding: 1.25rem 2rem;
	}

	/************** Main-category *** / *** Sub-category *** / *** Product Display ** ************/
	.mainCateDivContent .main-cate,
	.subCateDivContent .sub-cate,
	.productDivContent .productItem {
		width: 14rem;
	}

	.mainCateDivContent .main-cate img,
	.subCateDivContent .sub-cate img,
	.productDivContent .productItem img {
		width: 13.5rem;
		height: 13.5rem;
	}

	.mainCateDivContent .main-cate h2,
	.subCateDivContent .sub-cate h2,
	.productDivContent .product-name {
		max-width: 13.5rem;
		font-size: 1.45rem;
	}

	.productDivContent .productItem .price-tag {
		line-height: 2rem;
		font-size: 1.7rem;
		top: 1.2rem;
	}

	.mainCateDivContent .main-cate .nameInitialDiv {
		width: 13.5rem;
		height: 13.5rem;
		padding-top: 4.5rem;
	}

	.productDivContent .productItem .nameInitialDiv {
		width: 13.5rem;
		height: 13.5rem;
		padding-top: 4.5rem;
	}

	.marqueeDivContent .footerMarque {
		font-size: 2.4rem;
	}

	.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 {
		margin: 5px 10px;
        box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
        display: flex;
        width: auto;
        height: 38px;
        padding: 0 10px;
		font-size: 20px;
        align-content: center;
        justify-content: center;
        align-items: center;
        cursor: pointer;
	}

	.bottomButtonIcon::-webkit-scrollbar {
		width: 1rem;
		height: 1rem;
	}

	/************ * Sale Cart Div Design ***** ****************/
	.cardDivContent h3 {
		margin-top: 0rem;
		font-size: 2.5rem;
	}

	.cardDivContent .cartDelete {
		padding: 0px 3rem 0rem 1rem;
		font-size: 3rem;
	}

	.cardDivContent .backButton {
		padding: 0.6rem 1rem;
	}

	.cardDivContent .productName {
		font-size: 2rem;
	}

	.cardDivContent .productQuantity {
		font-size: 1.5rem;
	}

	.cardDivContent .productTotal {
		font-size: 1.5rem;
	}

	.cardDivContent .productPrice {
		font-size: 1.5rem;
	}

	.cardDivContent .productDisc {
		font-size: 1.5rem;
	}

	/**************** Bill Detail ** *********************/
	.billDetailContent .billHeading,
	.billDetailContent .billHeadingAmt {
		font-size: 1.7rem;
	}

	.billDetailContent .couponHeading {
		font-size: 1.7rem;
	}

	.paymentButtonDiv .payButton {
		font-size: 2.5rem;
		padding: 2rem 1.2rem;
		line-height: 1.33;
	}

	/******************** Product Screen *******************/
	.proListDivContent {
		height: 94%;
	}

	.proListDivContent .borderRadius table {
		font-size: 1.7rem;
	}

	.masterProSearchDivContent .searchField {
		font-size: 1.7rem;
		height: 4rem;
	}

	.masterProSearchDivContent .searchButton {
		font-size: 1.7rem;
		height: 4rem;
		padding: 1rem;
	}

	/****************** Modal CSS  ********************/
	.modal-backdrop,
	.modal {
		margin-top: 5rem;
	}

	.modal-dialog .modal-header .close {
		font-size: 4rem;
	}

	.modal-dialog .modal-title {
		font-size: 2rem;
	}

	.modal-dialog .modalText,
	.modal-dialog table {
		font-size: 1.7rem;
	}

	.modal-dialog .divSpanText {
		font-size: 2.5rem;
		line-height: 3rem;
	}

	.modal-dialog input,
	.modal-dialog select,
	.modal-dialog textarea {
		height: 3.6rem;
		font-size: 1.7rem;
	}

	.modal-dialog .btn-primary,
	.modal-dialog .btn-default {
		font-size: 2rem;
		padding: 1rem 1.3rem;
	}

	.modal-dialog .btn-success,
	.modal-dialog .btn-warning,
	.modal-dialog .btn-danger {
		font-size: 1.7rem;
		padding: 1rem 1.3rem;
	}

	.modal-dialog .moreButton {
		padding: 1rem;
		font-size: 1.8rem;
		min-width: 25rem;
	}

	.modal-dialog .showHide {
		font-size: 2rem;
		padding: 1.0rem 1.7rem;
	}

	.modal-dialog .printButton {
		font-size: 2.5rem;
		padding: 1rem 1.3rem;
		margin-top: 2rem;
	}

	.modal-dialog .imgQRCode {
		height: 26rem;
	}

	.modal-dialog .imgScan {
		height: 26rem;
		padding-left: 15%;
	}

	.posAboutUsModal,
	.dbSyncModal,
	.customerInfoFormModal {
		width: 40%
	}

	.addPaymentFormModal,
	.moreOptionModal {
		width: 70%
	}

	.InvoiceDetailModal,
	.editProductFormModal {
		width: 80%
	}

}

@media (min-width: 1125px) and (max-width: 1224px) {

	/* Index Page */
	.indexPage {
		overflow-y: auto;
	}

	.indexPage #container {
		width: 100%;
		left: 0;
		margin-left: 0;
		position: unset;
	}

	.indexPage #loginbox {
		width: 45rem !important;
		height: 41rem !important;
		margin-bottom: 5rem;
	}

	.indexPage #container .btn-lg {
		padding: 0.5rem 0rem;
		height: 4.5rem;
	}

	.indexPage .indexLogo {
		width: 100% !important;
	}

	.indexPage .loginBox input {
		height: 4.6rem;
	}

	.indexPage .loginBox .radioLabel {
		margin-right: 1rem;
		font-size: 2rem;
		padding: 1rem 3rem;
	}

	/* ****************** Page CSS   ******************** */
	.leftSideDivContent {
		width: 30%;
	}

	.centerSideDivContent {
		width: 45%;
	}

	.rightSideDivContent {
		width: 25%;
	}

	.historyLeftDivContent {
		width: 25%;
	}

	.historyRightDivContent {
		width: 75%;
	}

	.leftSideDivContent .cardDivContent {
		height: 76.5%;
		padding: 1rem 0rem 0rem 0rem;
	}

	.leftSideDivContent .cardDivContent .cartItemContent {
		height: 97%;
		width: 100%;
	}

	.leftSideDivContent .cardDivContent .backButton {
		display: none;
	}

	.leftSideDivContent .billDetailContent {
		height: 17%;
		width: 100%;
		padding: 1rem 0rem;
	}

	.leftSideDivContent .marqueeDivContent {
		height: 6%;
		width: 100%;
		padding: 1rem;
	}

	.centerSideDivContent .itemRetailContent,
	.fullDivContent .itemRetailContent {
		height: 86%;
		width: 100%;
	}

	.centerSideDivContent .bottomButtonIcon,
	.fullDivContent .bottomButtonIcon {
		height: 14%;
		width: 100%;
	}

	.centerSideDivContent .cartItemEditDiv {
		display: none;
	}

	.mainCateDivContent .borderRadius {
		height: 74%;
		width: 99.5%;
	}

	.subCateDivContent .borderRadius {
		height: 80%;
		width: 99.5%;
	}

	.productDivContent .borderRadius {
		height: 80%;
		width: 99.5%;
	}

	.rightSideDivContent .cartPaymentOptionDiv {
		height: 90.5%;
	}

	.rightSideDivContent .paymentButtonDiv {
		height: 8%;
		width: 100%;
	}

	.rightSideDivContent .radioLabel {
		font-size: 2rem;
		padding: 1.0rem 1.7rem;
		margin-right: 5px;
	}

	.rightSideDivContent .badgeLable {
		font-size: 1.7rem;
		margin-right: 5px;
	}

	.rightSideDivContent .badge {
		font-size: 1.7rem;
		/* padding: 0.4rem 2rem 0.5rem 1.6rem; */
	}

	.rightSideDivContent .methodRadioLable {
		margin-right: 3px;
		font-size: 2rem;
		height: 3rem;
		width: 18rem;
	}

	.rightSideDivContent .form-control {
		height: 4rem;
		font-size: 2rem;
	}

	.rightSideDivContent .form-horizontal .form-group {
		margin-right: 0;
		margin-left: 0;
	}

	.rightSideDivContent .orderPaymentHistoy {
		max-height: 27rem;
		overflow: auto;
		margin-bottom: 0;
		bottom: 0;
		position: absolute;
	}

	.historyLeftDivContent .cardDivContent {
		height: 92%;
		padding: 1rem 0rem 0rem 0rem;
	}

	.historyLeftDivContent .cardDivContent .backButton {
		display: none;
	}

	.historyLeftDivContent .cardDivContent .billHeading {
		font-size: 1.7rem;
	}

	.historyLeftDivContent .cardDivContent .billHeadingAmt {
		font-size: 1.7rem;
	}

	.historyLeftDivContent .billDetailContent {
		height: 5%;
		width: 100%;
		padding: 1rem 0rem;
	}

	.historyLeftDivContent .marqueeDivContent {
		height: 5%;
		width: 100%;
		padding: 1rem;
	}

	.historyRightDivContent .custOrderDivContent .borderRadius {
		height: 88%;
	}

	.historyRightDivContent .custOrderDivContent table th {
		font-size: 11pt;
	}

	.historyRightDivContent .custOrderDivContent table td {
		font-size: 10pt;
	}

	/************** Left Side Content SearchBox *********************/
	.centerSideDivContent .searchbox {
		font-size: 17px;
		font-weight: 400;
		padding: 2rem 1rem;
	}

	.centerSideDivContent .searchDivContent .cartProAutoContainer ul {
		font-size: 2rem;
	}

	.centerSideDivContent .breadCrumbButton,
	.centerSideDivContent .openCartButton {
		font-size: 2rem;
		padding: 1.25rem 2rem;
	}

	/************** Main-category *** / *** Sub-category *** / *** Product Display ** ************/
	.mainCateDivContent .main-cate,
	.subCateDivContent .sub-cate,
	.productDivContent .productItem {
		width: 14rem;
	}

	.mainCateDivContent .main-cate img,
	.subCateDivContent .sub-cate img,
	.productDivContent .productItem img {
		width: 13.5rem;
		height: 13.5rem;
	}

	.mainCateDivContent .main-cate h2,
	.subCateDivContent .sub-cate h2,
	.productDivContent .product-name {
		max-width: 13.5rem;
		font-size: 1.45rem;
	}

	.productDivContent .productItem .price-tag {
		line-height: 2rem;
		font-size: 1.7rem;
		top: 1.2rem;
	}

	.mainCateDivContent .main-cate .nameInitialDiv {
		width: 13.5rem;
		height: 13.5rem;
		padding-top: 4.5rem;
	}

	.productDivContent .productItem .nameInitialDiv {
		width: 13.5rem;
		height: 13.5rem;
		padding-top: 4.5rem;
	}

	.marqueeDivContent .footerMarque {
		font-size: 2.4rem;
	}

	.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 {
		margin: 5px 10px;
        box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
        display: flex;
        width: auto;
        height: 38px;
        padding: 0 10px;
		font-size: 20px;
        align-content: center;
        justify-content: center;
        align-items: center;
         cursor: pointer;
	}

	.bottomButtonIcon::-webkit-scrollbar {
		width: 1rem;
		height: 1rem;
	}

	/************ * Sale Cart Div Design ***** ****************/
	.cardDivContent h3 {
		margin-top: 0rem;
		font-size: 2.5rem;
	}

	.cardDivContent .cartDelete {
		padding: 0px 3rem 0rem 1rem;
		font-size: 3rem;
	}

	.cardDivContent .backButton {
		padding: 0.6rem 1rem;
	}

	.cardDivContent .productName {
		font-size: 2rem;
	}

	.cardDivContent .productQuantity {
		font-size: 1.5rem;
	}

	.cardDivContent .productTotal {
		font-size: 1.5rem;
	}

	.cardDivContent .productPrice {
		font-size: 1.5rem;
	}

	.cardDivContent .productDisc {
		font-size: 1.5rem;
	}

	/**************** Bill Detail ** *********************/
	.billDetailContent .billHeading,
	.billDetailContent .billHeadingAmt {
		font-size: 1.7rem;
	}

	.billDetailContent .couponHeading {
		font-size: 1.7rem;
	}

	.paymentButtonDiv .payButton {
		font-size: 2.5rem;
		padding: 2rem 1.2rem;
		line-height: 1.33;
	}

	/******************** Product Screen *******************/
	.proListDivContent {
		height: 94%;
	}

	.proListDivContent .borderRadius table {
		font-size: 1.7rem;
	}

	.masterProSearchDivContent .searchField {
		font-size: 1.7rem;
		height: 4rem;
	}

	.masterProSearchDivContent .searchButton {
		font-size: 1.7rem;
		height: 4rem;
		padding: 1rem;
	}

	/****************** Modal CSS  ********************/
	.modal-backdrop,
	.modal {
		margin-top: 5rem;
	}

	.modal-dialog .modal-header .close {
		font-size: 4rem;
	}

	.modal-dialog .modal-title {
		font-size: 2rem;
	}

	.modal-dialog .modalText,
	.modal-dialog table {
		font-size: 1.7rem;
	}

	.modal-dialog .divSpanText {
		font-size: 2.5rem;
		line-height: 3rem;
	}

	.modal-dialog input,
	.modal-dialog select,
	.modal-dialog textarea {
		height: 3.6rem;
		font-size: 1.7rem;
	}

	.modal-dialog .btn-primary,
	.modal-dialog .btn-default {
		font-size: 2rem;
		padding: 1rem 1.3rem;
	}

	.modal-dialog .btn-success,
	.modal-dialog .btn-warning,
	.modal-dialog .btn-danger {
		font-size: 1.7rem;
		padding: 1rem 1.3rem;
	}

	.modal-dialog .moreButton {
		padding: 1rem;
		font-size: 1.8rem;
		min-width: 25rem;
	}

	.modal-dialog .showHide {
		font-size: 2rem;
		padding: 1.0rem 1.7rem;
	}

	.modal-dialog .printButton {
		font-size: 2.5rem;
		padding: 1rem 1.3rem;
		margin-top: 2rem;
	}

	.modal-dialog .imgQRCode {
		height: 26rem;
	}

	.modal-dialog .imgScan {
		height: 26rem;
		padding-left: 15%;
	}

	.posAboutUsModal,
	.dbSyncModal,
	.customerInfoFormModal {
		width: 40%
	}

	.addPaymentFormModal,
	.moreOptionModal {
		width: 70%
	}

	.InvoiceDetailModal,
	.editProductFormModal {
		width: 80%
	}

}

@media (min-width: 1024px) and (max-width: 1124px) {

	/* Index Page */
	.indexPage {
		overflow-y: auto;
	}

	.indexPage #container {
		width: 100%;
		left: 0;
		margin-left: 0;
		position: unset;
	}

	.indexPage #loginbox {
		width: 45rem !important;
		height: 41rem !important;
		margin-bottom: 5rem;
	}

	.indexPage #container .btn-lg {
		padding: 0.5rem 0rem;
		height: 4.5rem;
	}

	.indexPage .indexLogo {
		width: 100% !important;
	}

	.indexPage .loginBox input {
		height: 4.6rem;
	}

	.indexPage .loginBox .radioLabel {
		margin-right: 1rem;
		font-size: 2rem;
		padding: 1rem 3rem;
	}

	/* ****************** Page CSS   ******************** */
	.leftSideDivContent {
		width: 30%;
	}

	.centerSideDivContent {
		width: 45%;
	}

	.rightSideDivContent {
		width: 25%;
	}

	.historyLeftDivContent {
		width: 25%;
	}

	.historyRightDivContent {
		width: 75%;
	}

	.leftSideDivContent .cardDivContent {
		height: 76.5%;
		padding: 1rem 0rem 0rem 0rem;
	}

	.leftSideDivContent .cardDivContent .cartItemContent {
		height: 97%;
		width: 100%;
	}

	.leftSideDivContent .cardDivContent .backButton {
		display: none;
	}

	.leftSideDivContent .billDetailContent {
		height: 17%;
		width: 100%;
		padding: 1rem 0rem;
	}

	.leftSideDivContent .marqueeDivContent {
		height: 6%;
		width: 100%;
		padding: 1rem;
	}

	.centerSideDivContent .itemRetailContent,
	.fullDivContent .itemRetailContent {
		height: 86%;
		width: 100%;
	}

	.centerSideDivContent .bottomButtonIcon,
	.fullDivContent .bottomButtonIcon {
		height: 14%;
		width: 100%;
	}

	.centerSideDivContent .cartItemEditDiv {
		display: none;
	}

	.mainCateDivContent .borderRadius {
		height: 74%;
		width: 99.5%;
	}

	.subCateDivContent .borderRadius {
		height: 80%;
		width: 99.5%;
	}

	.productDivContent .borderRadius {
		height: 80%;
		width: 99.5%;
	}

	.rightSideDivContent .cartPaymentOptionDiv {
		height: 90.5%;
	}

	.rightSideDivContent .paymentButtonDiv {
		height: 8%;
		width: 100%;
	}

	.rightSideDivContent .radioLabel {
		font-size: 2rem;
		padding: 1.0rem 1.7rem;
		margin-right: 5px;
	}

	.rightSideDivContent .badgeLable {
		font-size: 1.7rem;
		margin-right: 5px;
	}

	.rightSideDivContent .badge {
		font-size: 1.7rem;
		/* padding: 0.4rem 2rem 0.5rem 1.6rem; */
	}

	.rightSideDivContent .methodRadioLable {
		margin-right: 5px;
		font-size: 2rem;
		height: 3rem;
		 width: 18rem;
	}

	.rightSideDivContent .form-control {
		height: 4rem;
		font-size: 2rem;
	}

	.rightSideDivContent .form-horizontal .form-group {
		margin-right: 0;
		margin-left: 0;
	}

	.rightSideDivContent .orderPaymentHistoy {
		max-height: 27rem;
		overflow: auto;
		margin-bottom: 0;
		bottom: 0;
		position: absolute;
	}

	.historyLeftDivContent .cardDivContent {
		height: 92%;
		padding: 1rem 0rem 0rem 0rem;
	}

	.historyLeftDivContent .cardDivContent .backButton {
		display: none;
	}

	.historyLeftDivContent .cardDivContent .billHeading {
		font-size: 1.7rem;
	}

	.historyLeftDivContent .cardDivContent .billHeadingAmt {
		font-size: 1.7rem;
	}

	.historyLeftDivContent .billDetailContent {
		height: 5%;
		width: 100%;
		padding: 1rem 0rem;
	}

	.historyLeftDivContent .marqueeDivContent {
		height: 5%;
		width: 100%;
		padding: 1rem;
	}

	.historyRightDivContent .custOrderDivContent .borderRadius {
		height: 88%;
	}

	.historyRightDivContent .custOrderDivContent table th {
		font-size: 11pt;
	}

	.historyRightDivContent .custOrderDivContent table td {
		font-size: 10pt;
	}

	/************** Left Side Content SearchBox *********************/
	.centerSideDivContent .searchbox {
		font-size: 17px;
		font-weight: 400;
		padding: 2rem 1rem;
	}

	.centerSideDivContent .searchDivContent .cartProAutoContainer ul {
		font-size: 2rem;
	}

	.centerSideDivContent .breadCrumbButton,
	.centerSideDivContent .openCartButton {
		font-size: 2rem;
		padding: 1.25rem 2rem;
	}

	/************** Main-category *** / *** Sub-category *** / *** Product Display ** ************/
	.mainCateDivContent .main-cate,
	.subCateDivContent .sub-cate,
	.productDivContent .productItem {
		width: 14rem;
	}

	.mainCateDivContent .main-cate img,
	.subCateDivContent .sub-cate img,
	.productDivContent .productItem img {
		width: 13.5rem;
		height: 13.5rem;
	}

	.mainCateDivContent .main-cate h2,
	.subCateDivContent .sub-cate h2,
	.productDivContent .product-name {
		max-width: 13.5rem;
		font-size: 1.45rem;
	}

	.productDivContent .productItem .price-tag {
		line-height: 2rem;
		font-size: 1.7rem;
		top: 1.2rem;
	}

	.mainCateDivContent .main-cate .nameInitialDiv {
		width: 13.5rem;
		height: 13.5rem;
		padding-top: 4.5rem;
	}

	.productDivContent .productItem .nameInitialDiv {
		width: 13.5rem;
		height: 13.5rem;
		padding-top: 4.5rem;
	}

	.marqueeDivContent .footerMarque {
		font-size: 2.4rem;
	}

	.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 {
		margin: 5px 10px;
        box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
        display: flex;
        width: auto;
        height: 38px;
        padding: 0 10px;
		font-size: 20px;
        align-content: center;
        justify-content: center;
        align-items: center;
     
	}

	.bottomButtonIcon::-webkit-scrollbar {
		width: 1rem;
		height: 1rem;
	}


	/************ * Sale Cart Div Design ***** ****************/
	.cardDivContent h3 {
		margin-top: 0rem;
		font-size: 2.5rem;
	}

	.cardDivContent .cartDelete {
		padding: 0px 3rem 0rem 1rem;
		font-size: 3rem;
	}

	.cardDivContent .backButton {
		padding: 0.6rem 1rem;
	}

	.cardDivContent .productName {
		font-size: 2rem;
	}

	.cardDivContent .productQuantity {
		font-size: 1.5rem;
	}

	.cardDivContent .productTotal {
		font-size: 1.5rem;
	}

	.cardDivContent .productPrice {
		font-size: 1.5rem;
	}

	.cardDivContent .productDisc {
		font-size: 1.5rem;
	}

	/**************** Bill Detail ** *********************/
	.billDetailContent .billHeading,
	.billDetailContent .billHeadingAmt {
		font-size: 1.7rem;
	}

	.billDetailContent .couponHeading {
		font-size: 1.7rem;
	}

	.paymentButtonDiv .payButton {
		font-size: 2.5rem;
		padding: 2rem 1.2rem;
		line-height: 1.33;
	}

	/******************** Product Screen *******************/
	.proListDivContent {
		height: 94%;
	}

	.proListDivContent .borderRadius table {
		font-size: 1.7rem;
	}

	.masterProSearchDivContent .searchField {
		font-size: 1.7rem;
		height: 4rem;
	}

	.masterProSearchDivContent .searchButton {
		font-size: 1.7rem;
		height: 4rem;
		padding: 1rem;
	}

	/****************** Modal CSS  ********************/
	.modal-backdrop,
	.modal {
		margin-top: 5rem;
	}

	.modal-dialog .modal-header .close {
		font-size: 4rem;
	}

	.modal-dialog .modal-title {
		font-size: 2rem;
	}

	.modal-dialog .modalText,
	.modal-dialog table {
		font-size: 1.7rem;
	}

	.modal-dialog .divSpanText {
		font-size: 2.5rem;
		line-height: 3rem;
	}

	.modal-dialog input,
	.modal-dialog select,
	.modal-dialog textarea {
		height: 3.6rem;
		font-size: 1.7rem;
	}

	.modal-dialog .btn-primary,
	.modal-dialog .btn-default {
		font-size: 2rem;
		padding: 1rem 1.3rem;
	}

	.modal-dialog .btn-success,
	.modal-dialog .btn-warning,
	.modal-dialog .btn-danger {
		font-size: 1.7rem;
		padding: 1rem 1.3rem;
	}

	.modal-dialog .moreButton {
		padding: 1rem;
		font-size: 1.8rem;
		min-width: 25rem;
	}

	.modal-dialog .showHide {
		font-size: 2rem;
		padding: 1.0rem 1.7rem;
	}

	.modal-dialog .printButton {
		font-size: 2.5rem;
		padding: 1rem 1.3rem;
		margin-top: 2rem;
	}

	.modal-dialog .imgQRCode {
		height: 26rem;
	}

	.modal-dialog .imgScan {
		height: 26rem;
		padding-left: 15%;
	}

	.posAboutUsModal,
	.dbSyncModal,
	.customerInfoFormModal {
		width: 40%
	}

	.addPaymentFormModal,
	.moreOptionModal {
		width: 70%
	}

	.InvoiceDetailModal,
	.editProductFormModal {
		width: 80%
	}
}

/* **************** Ipad Pro ******************/
@media (min-width: 891px) and (max-width: 1024px) {

	/* Index Page */
	.indexPage {
		overflow-y: auto;
	}

	.indexPage #container {
		width: 100%;
		left: 0;
		margin-left: 0;
		position: unset;
	}

	.indexPage #loginbox {
		width: 45rem !important;
		height: 35rem !important;
		margin-bottom: 5rem;
	}

	.indexPage .loginBox input {
		height: 4.6rem;
	}

	.indexPage #container .btn-lg {
		padding: 0.5rem 0rem;
		height: 4.5rem;
	}

	.indexPage .indexLogo {
		width: 100% !important;
	}

	.indexPage .loginBox .radioLabel {
		margin-right: 1rem;
		font-size: 2rem;
		padding: 1rem 3rem;
	}

	/* ****************** Page CSS   ******************** */
	.centerSideDivContent {
		width: 65%;
	}

	.leftSideDivContent {
		width: 35%;
	}

	.leftSideDivContent .cardDivContent {
		height: 76.5%;
		padding: 1rem 0rem 0rem 0rem;
	}

	.leftSideDivContent .billDetailContent {
		height: 7%;
		width: 100%;
		padding: 1rem 0rem;
	}

	.leftSideDivContent .paymentButtonDiv {
		height: 8%;
		width: 100%;
		padding: 0rem;
	}

	.leftSideDivContent .marqueeDivContent {
		height: 6%;
		width: 100%;
		padding: 1rem;
	}

	.leftSideDivContent .stockCardDivContent {
		height: 63%;
		width: 100%;
		padding: 0.5rem 0rem;
	}

	.leftSideDivContent .cardDivContent .cartItemContent {
		height: 97%;
		width: 100%;
	}

	.leftSideDivContent .cardDivContent .backButton {
		display: none;
	}

	.centerSideDivContent .itemRetailContent,
	.fullDivContent .itemRetailContent {
		height: 86%;
		width: 100%;
	}

	.centerSideDivContent .bottomButtonIcon,
	.fullDivContent .bottomButtonIcon {
		height: 14%;
		width: 100%;
	}

	.centerSideDivContent .cartItemEditDiv {
		display: none;
	}

	.mainCateDivContent .borderRadius,
	.subCateDivContent .borderRadius,
	.productDivContent .borderRadius {
		height: 70%;
		width: 99.5%;
	}

	/************** Left Side Content SearchBox *********************/
	.centerSideDivContent .searchbox {
		font-size: 17px;
		font-weight: 400;
		padding: 2rem 1rem;
	}

	.centerSideDivContent .searchDivContent .cartProAutoContainer ul {
		font-size: 2rem;
	}

	.centerSideDivContent .breadCrumbButton,
	.centerSideDivContent .openCartButton {
		font-size: 1.8rem;
		padding: 1.25rem 1.6rem;
	}

	/*******************Live Order **********************/
	.liveOrderDivContent .borderRadius {
		height: 79%;
	}

	.liveOrderDivContent .order-item {
		width: 13%;
		margin: 0.4rem;
		padding: 0.5rem;
	}

	.liveOrderDivContent .order-item h2 {
		max-width: 15.5rem;
		font-size: 2rem;
		line-height: 2.2rem;
	}

	/************** Main-category *** / *** Sub-category *** / *** Product Display ** ************/
	.mainCateDivContent .main-cate,
	.subCateDivContent .sub-cate,
	.productDivContent .productItem {
		width: 18.5%;
	}

	.mainCateDivContent .main-cate img,
	.subCateDivContent .sub-cate img,
	.productDivContent .productItem img {
		width: 13.5rem;
		height: 13.5rem;
	}

	.mainCateDivContent .main-cate h2,
	.subCateDivContent .sub-cate h2,
	.productDivContent .product-name {
		max-width: 13.5rem;
		font-size: 1.45rem;
	}

	.productDivContent .productItem .price-tag {
		line-height: 2rem;
		font-size: 1.7rem;
		top: 1.2rem;
	}

	.mainCateDivContent .main-cate .nameInitialDiv,
	.subCateDivContent .sub-cate .nameInitialDiv,
	.productDivContent .productItem .nameInitialDiv {
		width: 13.5rem;
		height: 13.5rem;
		padding-top: 4.5rem;
	}

	.marqueeDivContent .footerMarque {
		font-size: 2.6rem;
	}

	.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 {
		margin: 5px 10px;
        box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
        display: flex;
        width: auto;
        height: 38px;
        padding: 0 10px;
        font-size: 20px;
        align-content: center;
        justify-content: center;
        align-items: center;
        cursor: pointer;
	}

	.bottomButtonIcon::-webkit-scrollbar {
		width: 1rem;
		height: 1rem;
	}

	/******************Date Picker Calendar *************************/
	.datepicker.dropdown-menu {
		width: 42rem;
		height: 30rem;
		font-size: 2rem;
	}

	.datepicker.dropdown-menu tr {
		height: 3.5rem;
	}

	/************ * Sale Cart Div Design ***** ****************/
	.cardDivContent h3 {
		margin-top: 0rem;
		font-size: 2.5rem;
	}

	.cardDivContent .cartDelete {
		padding: 0px 3rem 0rem 1rem;
		font-size: 3rem;
	}

	.cardDivContent .backButton {
		padding: 0.6rem 1rem;
	}

	.cardDivContent .productName,
	.cardDivContent .productQuantity,
	.cardDivContent .productTotal {
		font-size: 1.5rem;
	}

	.cardDivContent .productPrice,
	.cardDivContent .productDisc {
		font-size: 1.5rem;
	}

	/**************** Bill Detail ** *********************/
	.billDetailContent .billHeading,
	.billDetailContent .billHeadingAmt {
		font-size: 2rem;
	}

	.billDetailContent .couponHeading {
		font-size: 1.8rem;
	}

	.paymentButtonDiv .payButton {
		font-size: 2.5rem;
		padding: 2rem 1.2rem;
		line-height: 1.33;
	}

	/***************** *** Customer Screen ****** *************/
	.custCalendarContent {
		padding: 0.5rem 1rem;
	}

	.custCalendarContent .backButton {
		padding: 0.6rem 1rem;
	}

	.custCalendarContent input {
		font-size: 2rem;
	}

	.custInfoContent,
	.custSalePayContent,
	.custReturnPayContent {
		height: 25%;
	}

	.custInfoContent .billHeading,
	.custSalePayContent .billHeading,
	.custReturnPayContent .billHeading,
	.creditButtonDiv .billHeading {
		font-size: 1.7rem;
	}

	.custInfoContent .billHeadingAmt,
	.custSalePayContent .billHeadingAmt,
	.custReturnPayContent .billHeadingAmt,
	.creditButtonDiv .billHeadingAmt {
		font-size: 1.7rem;
	}

	.creditButtonDiv .payButton {
		font-size: 3rem;
		padding: 1.4rem 1.2rem;
	}

	.custBreadcrumbDiv .openCustPayHisory {
		font-size: 2rem;
		padding: 1.25rem 2rem;
	}

	.custOrderDivContent .borderRadius {
		height: 72%;
	}

	.custOrderDivContent table th,
	.custOrderDivContent table td {
		font-size: 1.7rem;
	}

	.custOrderDivContent table td i {
		font-size: 2rem;
	}

	/******************** Vendor Screen *****************/
	.vendorCalendarContent {
		padding: 0.5rem 1rem;
	}

	.vendorCalendarContent .backButton {
		padding: 0.6rem 1rem;
	}

	.vendorCalendarContent input {
		font-size: 2rem;
	}

	.vendorInfoContent {
		height: 40%;
	}

	.vendorPaymentContent {
		height: 38%;
	}

	.vendorInfoContent .billHeading,
	.vendorInfoContent .billHeadingAmt,
	.vendorPaymentContent .billHeading,
	.vendorPaymentContent .billHeadingAmt {
		font-size: 1.7rem;
	}

	.debitButtonDiv .payButton {
		font-size: 3rem;
		padding: 1.3rem 1.2rem;
	}

	.centerSideDivContent .vendorbreadCrumbButton {
		font-size: 2rem;
		padding: 1.25rem 2rem;
		margin-right: 0.5rem;
	}

	.vendorBreadcrumbDiv .openVendorPayHisory {
		font-size: 2rem;
		padding: 1.25rem 2rem;
	}

	.vendorInvoiceDivContent .borderRadius {
		height: 72%;
	}

	.vendorInvoiceDivContent table th,
	.vendorInvoiceDivContent table td {
		font-size: 1.7rem;
	}

	.vendorLedgerTable table th,
	.vendorLedgerTable table td {
		font-size: 1.5rem;
	}

	/******************* * Stock Screen ***********************/
	.stockCardDivContent .cartItemContent {
		height: 95%;
	}

	.stockBillDetailContent {
		height: 20%;
	}

	.stockCardDivContent h3 {
		font-size: 2.5rem;
	}

	.stockCardDivContent .cartDelete {
		padding: 0px 3rem 0rem 1rem;
		font-size: 3rem;
	}

	.stockCardDivContent .productName,
	.stockCardDivContent .productQuantity,
	.stockCardDivContent .productTotal {
		font-size: 1.5rem;
	}

	.stockCardDivContent .productPrice,
	.stockCardDivContent .productDisc {
		font-size: 1.5rem;
	}

	.stockBillDetailContent .billHeading,
	.stockBillDetailContent .billHeadingAmt {
		font-size: 2rem;
	}

	.stockPaymentButtonDiv .payButton {
		font-size: 3rem;
		padding: 1.5rem 1.2rem;
	}

	/******************** Product Screen *******************/
	.proListDivContent {
		height: 78.5%;
	}

	.proListDivContent .borderRadius table {
		font-size: 1.6rem;
	}

	.masterProSearchDivContent .searchField {
		font-size: 1.6rem;
		height: 4rem;
	}

	.masterProSearchDivContent .searchButton {
		font-size: 1.6rem;
		height: 4rem;
		padding: 1rem;
	}

	/****************** Modal CSS  ********************/
	.modal-dialog .modal-header {
		padding: 1rem;
	}

	.modal-dialog .modal-header .close {
		font-size: 4rem;
	}

	.modal-dialog .modal-title {
		font-size: 1.5rem;
	}

	.modal-dialog .modal-footer {
		margin-top: 0rem;
		padding: 1rem 2rem 2rem;
	}

	.modal-dialog .modalText,
	.modal-dialog table {
		font-size: 1.5rem;
	}

	.modal-dialog .divSpanText {
		font-size: 2.5rem;
		line-height: 3rem;
	}

	.modal-dialog input,
	.modal-dialog select,
	.modal-dialog textarea {
		height: 3.6rem;
		font-size: 1.5rem;
	}

	.modal-dialog .btn-primary,
	.modal-dialog .btn-default {
		font-size: 1.5rem;
		padding: 1rem 1rem;
	}

	.modal-dialog .btn-success,
	.modal-dialog .btn-warning,
	.modal-dialog .btn-danger {
		font-size: 1.5rem;
		padding: 1rem 1rem;
	}

	.modal-dialog .moreButton {
		padding: 1rem;
		font-size: 1.8rem;
		min-width: 25rem;
	}

	.modal-dialog .showHideDiv {
		margin-bottom: 3rem;
		margin-top: 1rem;
	}

	.modal-dialog .showHide {
		font-size: 1.5rem;
		padding: 1.2rem 1.2rem;
	}

	.modal-dialog .radioLabel {
		background-color: #428bca;
		color: #ffffff;
		margin-right: 5px;
		font-size: 1.5rem;
		padding: 1.2rem 1.2rem;
		margin: 0.2rem;
	}

	.modal-dialog .badgeLable {
		margin-right: 5px;
		font-size: 1.5rem;
	}

	.modal-dialog .badge {
		font-size: 1.5rem;
		padding: 0.4rem 2rem 0.5rem 1rem;
	}

	.modal-dialog .printButton {
		font-size: 2.5rem;
		padding: 1rem 1.3rem;
	}

	.modal-dialog .imgQRCode {
		height: 294px;
		padding-left: 15%;
	}

	.modal-dialog .imgScan {
		height: 294px;
		padding-left: 15%;
		margin-bottom: 2rem;
	}

}