html { height: 100%; zoom:80% }
body { font-family:arial; background-attachment: fixed; line-height: 20px; zoom:99%; background: url(../image/h-bg.jpg);}
.mlr-0 { margin-left: 0rem; margin-right: 0rem; }
.plr-0 { padding-left:0rem; padding-right: 0rem; }
.ptb-1 { padding-top:1rem; padding-bottom: 1rem; }
.plr-1 { padding-top:1rem; padding-bottom: 1rem; }
.mt-2 { margin-top:2rem; }
.mb-2 { margin-bottom:2rem; }
.buttonHide { display:none; margin-left: 1rem; }
.buttonShow { display:inline; margin-left: 1rem; }
.displayNone { display:none; }
.displayBlock { display:block; }
/* Loader Start */
.loader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.85); z-index: 1002; }
.posHide { display:none;}
.spinner { width: 50px; height: 40px; text-align: center; font-size: 10px; position: absolute; top: 50%; left: 50%; bottom: 0;
margin-top: -20px; margin-left: -25px; }
.spinner > div { background-color: #ff9800; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; }
.spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
.spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
@-webkit-keyframes sk-stretchdelay {
0%, 40%, 100% { -webkit-transform: scaleY(0.4); }
20% { -webkit-transform: scaleY(1); }
}
@keyframes sk-stretchdelay {
0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); }
20% { transform: scaleY(1); -webkit-transform: scaleY(1); }
}
/* Loader End */
/*------- Index Page keypad Start -------*/
.indexLogo { width: 50rem !important; }
.loginBox { height:35rem !important ; width: 50rem !important; top: 5rem !important; }
.loginBox .input-group { padding-bottom: 1rem; }
.loginBox input { height: 5rem; }
.loginBox hr { margin: 0rem; }
.loginBox .input-group-addon { font-size: 3rem;}
.loginBox .form-control { font-size: 2rem;}
.loginBox .btn-lg { font-size: 2.5rem;}
.loginBox p { font-size: 2rem;}
/*------ Index Page keypad End -------*/
.headerDivContent { height: 5%; width:100%; margin: 0 auto; }
.containerDivContent { height: 95%; width:100%; margin: 0 auto; }
.marqueeDivContent { height: 5%; width:100%; margin: 0 auto; padding: 1rem; }
.fullDivContent { height:100%; width:100%; overflow: hidden;}
.leftSideDivContent { height:100%; width: 70%; overflow: hidden; padding: 0rem;}
.rightSideDivContent { height:100%; width: 30%; overflow: hidden; padding: 0rem; background:#f8f8f8; }
/* Top Header Manu css Start */
.bigmenu { display: block; }
.menusmall { display: none; }
ul#horizontal-list li {position: relative;display: inline-flex;padding: .3rem;}
header {position: relative;z-index: 100;}
.menu-toggle {float: left; height: 40px;margin-left: 20px;margin-top: 13px;display: block;position: relative;}
.menu-toggle span {display: block;background-color: #FF0077;width: 24px;height: 3px;margin-top: -1.5px;font: 0/0 a;text-shadow: none;color: transparent;
position: absolute;right: 8px;top: 50%;bottom: auto;left: auto;-moz-transition: background 0.2s ease-in-out;
-o-transition: background 0.2s ease-in-out;-webkit-transition: background 0.2s ease-in-out;-ms-transition: background 0.2s ease-in-out;
transition: background 0.2s ease-in-out;
}
.menu-toggle span::before, .menu-toggle span::after { content: '';width: 100%;height: 100%;background-color: inherit;position: absolute;/* left: 0; */-moz-transition-duration: 0.2s, 0.2s;-o-transition-duration: 0.2s, 0.2s;-webkit-transition-duration: 0.2s, 0.2s;-ms-transition-duration: 0.2s, 0.2s;transition-duration: 0.2s, 0.2s;-moz-transition-delay: 0.2s, 0s;-o-transition-delay: 0.2s, 0s;-webkit-transition-delay: 0.2s, 0s;-ms-transition-delay: 0.2s, 0s;transition-delay: 0.2s, 0s;}
.menu-toggle span::before {top: -8px;-moz-transition-property: top, transform;-o-transition-property: top, transform;-webkit-transition-property: top, transform;-ms-transition-property: top, transform;transition-property: top, transform;}
.menu-toggle span::after {bottom: -8px;-moz-transition-property: bottom, transform;-o-transition-property: bottom, transform;-webkit-transition-property: bottom, transform;-ms-transition-property: bottom, transform;transition-property: bottom, transform;}
/* is clicked */
.menu-toggle.is-clicked span {background-color: rgba(255, 0, 119, 0);}
.menu-toggle.is-clicked span::before, .menu-toggle.is-clicked span::after {background-color: #ff0077;-moz-transition-delay: 0s, 0.2s;-o-transition-delay: 0s, 0.2s;-webkit-transition-delay: 0s, 0.2s;-ms-transition-delay: 0s, 0.2s;transition-delay: 0s, 0.2s;}
.menu-toggle.is-clicked span::before {top: 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.menu-toggle.is-clicked span::after {bottom: 0;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
#main-nav-wrap { display: block;font-family: "poppins-medium", sans-serif;font-size: 1.5rem;position: absolute;top: 5rem;right: 0rem;}
.main-navigation { background: #fff; padding: 15px 11px 10px; width: 100%; height: auto; clear: both; display: none; width: 20rem;}
.main-navigation > li { display: block; text-align: left;}
.main-navigation li a { display: block; color: #000; padding: 15px 0; font-weight: 600;}
.main-navigation li a i { color: #428bca;}
.main-navigation li a:hover {color: #428bca; padding-left: 1rem; }
.full-navigation { list-style: none; float: right; margin-top:3px; font-size:1.45rem;}
.full-navigation > li { float: left; margin-left: 25px; position: relative; }
.full-navigation li a { line-height: 18px; color: #fff; text-decoration: none; }
.full-navigation li a i { margin-left: -2px;}
.full-navigation li a:hover {color: #428bca;}
/* Top Header Manu css End */
/********************
*** Footer Content ***
*********************/
.footerDivContent .footerMarque { background-color:#48666f3d; font-size:16pt; color:#ffffff; }
.footerDivContent img { height:20px; width:auto;}
/********************
*** Old Design Keypad ***
*********************/
/* Alpha Numaric Keypad Right Side Button */
.main-grids-right{ width:100%; }
.main-grids-right ul{ padding:0; margin:0; }
.main-grids-right ul li{ display:inline-block; margin: 0 1px 12px 3px;}
.main-grids-right ul li label { background: #efefef none repeat scroll 0 0; border: 3px solid #e4e4e4; border-radius:10px; color: #0381b3;
display: block; font-weight: bold; }
.main-grids-right ul li label:hover{ background:#0381b3; color:#fff;}
.main-grids-right .btn-2 { width: 9rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 2rem; }
.main-grids-right .btn-3 { width: 9rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 2rem; }
.main-grids-right .btn-4 { width: 9rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 2rem; }
.main-grids-right .btn-5 { background: #0381b3 none repeat scroll 0 0 !important; width: 13.5rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 2rem; }
.main-grids-right .btn-6 { background: #0381b3 none repeat scroll 0 0 !important; width: 9.5rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 2rem; }
.main-grids-right .btn-7 { background: #0381b3 none repeat scroll 0 0 !important; width: 13rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 2rem; }
.main-grids-right .btn-8 { background: #0381b3 none repeat scroll 0 0 !important; width: 16rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 2rem; }
.main-grids-right .btn-9 { background: #0381b3 none repeat scroll 0 0 !important; width: 29rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 2rem; }
.main-grids-right .btn-10 { background: #0381b3 none repeat scroll 0 0 !important; width: 14rem; height: 5.5rem; padding: 1.4rem 1.5rem; font-size: 1.8rem; }
.main-grids-right .btn-2:hover { box-shadow: 0 0 rgb(96, 96, 96) !important; top:2px; }
.main-grids-right .btn-3:hover { box-shadow: 0 0 rgb(96, 96, 96) !important; top:2px; }
.main-grids-right .btn-4:hover { background: #efefef none repeat scroll 0 0 !important; color: #0381b3 !important; }
.main-grids-right .btn-5:hover { background: #efefef none repeat scroll 0 0 !important; color: #0381b3 !important; }
.main-grids-right .btn-6:hover { background: #efefef none repeat scroll 0 0 !important; color: #0381b3 !important; }
.main-grids-right .btn-7:hover { background: #efefef none repeat scroll 0 0 !important; color: #0381b3 !important; }
.main-grids-right .btn-8:hover { background: #efefef none repeat scroll 0 0 !important; color: #0381b3 !important; }
.main-grids-right .btn-9:hover { background: #efefef none repeat scroll 0 0 !important; color: #0381b3 !important; }
.main-grids-right .btn-10:hover { background: #efefef none repeat scroll 0 0 !important; color: #0381b3 !important; }
.main-grids-right .btnRedWhite { background-color:#e36e55 !important; color:#fff !important;}
.main-grids-right .btnBlueWhite { background-color:#0381b3 !important; color:#fff !important;}
/********************
*** Bottom button Hold,Cancel,Sale,Return ***
*********************/
.btn3d { position:relative; top: -2px; border:0; transition: all 40ms linear; margin-top:5px; margin-bottom:5px; margin-left:2px; margin-right:2px;
width:95%; height: 50px; }
.btn3d:active:focus, .btn3d:focus:hover,.btn3d:focus { -moz-outline-style:none; outline:medium none; }
.btn3d:active, .btn3d.active { top:2px; }
.btn3d.btn-default { color: #666666; background-color:#f9f9f9;
box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,0.10) inset, 0 8px 0 0 #BEBEBE, 0 8px 8px 1px rgba(0,0,0,.2); }
.btn3d.btn-default:active, .btn3d.btn-default.active { color: #666666; background-color:#f9f9f9;
box-shadow:0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,.1); }
.btn3d.btn-primary { background-color:#038cc2;
box-shadow:0 0 0 1px #fafafa inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #999 , 0 8px 8px 1px rgba(0,0,0,0.5); }
.btn3d.btn-primary:active, .btn3d.btn-primary.active { background-color:#017fb0;
box-shadow:0 0 0 1px #417fbd inset, 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3);}
.btn3d.btn-success { background-color:green;
box-shadow:0 0 0 1px green inset, 0 0 0 2px rgba(54,155,4,0.15) inset, 0 8px 0 0 #369b04, 0 8px 8px 1px rgba(0,0,0,0.5); }
.btn3d.btn-success:active, .btn3d.btn-primary.active { background-color:#369b04;
box-shadow:0 0 0 1px #369b04 inset, 0 0 0 1px rgba(54,155,4,0.15) inset, 0 1px 3px 1px rgba(0,0,0,0.3); }
/* CART ROUND ONLINE ORDER DEV 06 AUG
/* Cart-box */
.cart-box { border:5px solid #e36e55;background:#C5D9F7;width:100px;height:100px;padding:15px 10px;text-align:center; font-size:13px;
color:#000; box-shadow:rgba(0, 0, 0, 0.10) 0px 5px 0px; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%;
-o-border-radius:100%; border-radius:100%; behavior:url(PIE.htc); position:fixed; right:5px; bottom:50px; z-index:99999;cursor:pointer;
display:none;
}
.cart-box span { display:block; }
.cart-box .title { padding-bottom:8px; font-size:15px; color:#0381b3; font-weight:700; }
.cart-box .price { padding-top:8px; font-size:13px; color:#333; font-weight:700;}
/********************
*** Radio Box and Checkbox ***
*********************/
input[type="radio"], input[type="checkbox"] { margin: 0; line-height: normal; display: none; }
input[type="radio"].badgebox + .badge{ border-radius:50%; width:24px; height:23px; font:bold 15px/12px tahoma }
input[type="radio"].badgebox:checked + .badge { text-indent: -1px; }
.badgebox { opacity: 0; }
.badgebox + .badge { text-indent: -999999px; width: 21px; border-radius: 0px; background: #fff none repeat scroll 0% 0%; border: 1px solid #bbb; color:#aaa }
.badgebox:focus + .badge { box-shadow: inset 0px 0px 2px; }
.badgebox:checked + .badge { text-indent: -2px; }
/********************
*** Auto Suggestion ***
*********************/
.auto_container ul { border: 1px solid #eaeaea; position: absolute; z-index: 9; background: #0381B3; list-style: none; color:white;font-size:13pt; font-face:bold }
.auto_container ul li { padding: 4px; border-bottom: 1px solid #D5CFCF; }
.auto_container ul li:hover { background: #6e61c4; }
.ulselected { background: #000000; }
/********************
*** Image Slider ***
*********************/
.myLiveOrderSlide { height:100%; width:100%;}
.imageSliderLeftIcon { position: absolute; top: 50%; left: 0%; transform: translate(0%,-50%); }
.imageSliderRightIcon { position: absolute; top: 50%; right: 0%; transform: translate(0%,-50%); }
.imageSliderButton { border: none; display: inline-block; padding: 3rem 2rem; color: #fff; background-color: #000; cursor: pointer; font-size: 4rem; }
/********************
*** Sale Cart Div Design ***
*********************/
.cartItemEditDiv { display:none; }
.cardDivContent { height: 77%; padding: 0.5rem 0rem;}
.cardDivContent .topButtonInfo { padding: 0rem 1rem; }
.cardDivContent h3 { margin-top: 0rem; font-size: 2.5rem; }
.cardDivContent .cartDelete { float: right; padding: 0px 1rem; font-size: 3rem; padding-right: 3rem; }
.cardDivContent .backButton { float: right; padding: 0.6rem 1rem; display: none; }
.cardDivContent .cartItemContent { height: 95%; overflow-y: auto; overflow-x: hidden; }
.cardDivContent .productName { font-size:1.5rem; font-weight:600; }
.cardDivContent .productQuantity { font-size:1.5rem;}
.cardDivContent .productTotal { font-size:1.5rem;}
.cardDivContent .productDelete { color:red; margin-bottom: 0rem;}
.cardDivContent .productPrice { font-size:1.5rem; }
.cardDivContent .productDisc { font-size:1.5rem; text-align: right; }
.cardDivContent .cartProEdit { background: #fff; }
.cardDivContent .cartDivBreakHr { border-top: 1px solid #ccc5c5; padding-top: 0.5rem; }
/********************
*** Bill Detail ****
*********************/
.billDetailContent { height: 13%; }
.billDetailContent .divBreakHr { border-top: 2px solid #ccc5c5; display: block; margin-block-end: 0.5em; }
.billDetailContent .billHeading { font-size:2rem; text-align: left; }
.billDetailContent .billHeadingAmt { font-size:2rem; text-align: right; color: #6d6d6d; padding-top: 0.5rem; margin-bottom: 0.5rem;}
.paymentButtonDiv { padding:0rem; }
.paymentButtonDiv .payButton { font-size: 3rem; padding: 1.5rem 1.2rem; line-height: 1.33; color: #ffffff; background-color: #5cb85c; border-color: #4cae4c;
margin-bottom: 0; text-align: center; cursor: pointer; display: block; text-decoration: none; }
/********************
*** Left Side Content ***
*********************/
.itemRetailDiv { height:100%; }
.itemRetailContent { height:91.8%;}
.searchDivContent { margin-top: 0rem; }
.searchbox { font-size: 2rem; padding: 2.5rem 1rem; }
.leftSideDivContent .breadcrumbDiv { margin-left: 0rem; margin-right: 0rem; padding-top:1rem; padding-bottom: 1rem; }
.leftSideDivContent .breadCrumbButton { float: left; font-size: 2rem; padding: 1.25rem 2rem; }
.leftSideDivContent .openCartButton { float:right; font-size: 2rem; padding: 1.25rem 2rem; display: none; }
.searchDivContent .cartProAutoContainer ul { position: absolute; z-index: 9; background: #0381B3; padding:0rem; color: white; font-size: 2rem; }
.searchDivContent .cartProAutoContainer ul li { padding: 1rem; border-bottom: 1px solid #7ea2d6; }
.searchDivContent .cartProAutoContainer ul li:hover { background: #5cb85b; }
.searchDivContent .cartProAutoContainer .ulselected { background: #4d585d; }
/********************
*** Live Order ***
*********************/
.liveOrderDivContent .borderRadius { overflow-y: auto; position: absolute; width:99%; margin-left: 0.5rem; height:79%;}
.liveOrderDivContent .order-item { width: 13%; margin: 0.4rem; display: inline-block; padding:0.5rem; }
.liveOrderDivContent .order-item h2
{
text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 15.5rem; margin-top: 0rem;
margin-bottom: 0.5rem; color: #fff; font-size: 2rem; line-height: 2.2rem;
}
/********************
*** Main-category ***
*********************/
.mainCateDivContent .borderRadius { overflow-y: auto; position: absolute; width:99%; margin-left: 0.5rem; height:79%;}
.mainCateDivContent .main-cate { width: 13%; margin: 0.4rem; display: inline-block; padding:0.5rem; }
.mainCateDivContent .main-cate img { width: 15.5rem; height: 15.5rem; background: #fff; }
.mainCateDivContent .main-cate h2
{
text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 15.5rem; margin-top: 0rem;
margin-bottom: 0.5rem; color: #fff; font-size: 2rem; line-height: 2.2rem;
}
/********************
*** Sub-category ***
*********************/
.subCateDivContent .borderRadius { overflow-y: auto; position: absolute; width:99%; margin-left: 0.5rem; height:79%;}
.subCateDivContent .sub-cate { width: 13%; margin: 0.4rem; display: inline-block; padding:0.5rem; }
.subCateDivContent .sub-cate img { width: 15.5rem; height: 15.5rem; background: #fff; }
.subCateDivContent .sub-cate h2
{
text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 15.5rem; margin-top: 0rem;
margin-bottom: 0.5rem; color: #fff; font-size: 2rem; line-height: 2.2rem;
}
/********************
*** Product Display ***
*********************/
.productDivContent .borderRadius { overflow-y: auto; position: absolute; width:99%; margin-left: 0.5rem; height:79%;}
.productDivContent .productItem { width: 13%; position: relative; display: inline-block; margin: 0.4rem; padding:0.5rem; margin-bottom: 3rem;}
.productDivContent .productItem img { width: 15.5rem; height: 15.5rem; background: #fff; }
.productDivContent .product-name
{
position: absolute; font-weight: bold; font-size: 1.75rem; line-height: 2rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
max-width: 15.5rem; color: #333; margin-top: 0.5rem; overflow: visible; white-space: unset;
}
.productDivContent .product-name:hover { overflow: visible; white-space: unset; }
.productDivContent .productItem .price-tag
{
position: absolute; top:1.2rem; color: white; line-height: 2.2rem; font-size: 2rem; background: #333; padding: 0.5rem 0.5rem;
border-bottom-right-radius: 1rem;
}
.productDivContent .productItem .price-tag span{ padding-right: 0.5rem; }
/********************
*** Cart Product Scrren ****
*********************/
.cartItemEditDiv { display:none; }
.cartItemEditDiv .cartItemEditCancel { background: #fff; color: #0381b3; }
.cartItemEditDiv .cartItemEditCancel h3{ margin: 0.4rem; font-size: 2.5rem; padding-bottom: 0.5rem; }
.cartItemEditDiv .cartItemEditContent { background:#f1eef7; bottom: 0rem; position: absolute; top: 4rem; width:100%; }
.cartItemEditContent .itemEditTabs { padding-left:0rem;}
.cartItemEditContent .nav { padding-left: 0; margin-bottom: 0;}
.cartItemEditContent .nav-tabs { border-bottom: none; }
.cartItemEditContent .nav-tabs > li { padding: 0rem; font-size: 2.5rem; }
.cartItemEditContent .nav-tabs > li > a { margin-right: 2px; color: #428bca; background-color: #f8f8f8; }
.cartItemEditContent .nav-tabs > li.active > a { color: #428bca; cursor: default; background-color: #f1eef7;}
/********************
*** Edit Cart Heading ***
*********************/
.cartItemEditContent .keyPadContent { margin-top: 5rem; }
.cartItemEditContent .editTextBox { text-align: center; }
.cartItemEditContent .editTextBox ul { margin:0 !important; text-align:center; padding-inline-start: 0rem; }
.cartItemEditContent .editTextBox ul li { display: inline-block; margin: 0 -4px 12px 0px; }
.cartItemEditContent .editTextBox .qtylabel { padding: 4.4rem 2.5rem 3.9rem 1.5rem; font-size: 2.5rem; background: #fff; display: initial;
border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.cartItemEditContent .editTextBox .pricelabel { padding: 4.4rem 5.0rem 3.9rem 5.0rem; font-size: 2.5rem; background: #fff; display: initial;
border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.cartItemEditContent .editTextBox .disclabel { padding: 4.4rem 3.0rem 3.9rem 3.0rem; font-size: 2.5rem; background: #fff; display: initial;
border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.cartItemEditContent .editTextBox .unitlabel { padding: 4.4rem 2.5rem 3.9rem 1.5rem; font-size: 2.5rem; background: #fff; display: initial;
border-top-right-radius: 10px; border-bottom-right-radius: 10px; color: #9d9ea2;}
.cartItemEditContent .editTextBox input { padding: 1.0rem 1.5rem 1.0rem 1.5rem; font-size: 3.6rem; width: 19rem; height: 11rem; background: #fff;
border: none; text-align:right; color: transparent; text-shadow: 0 0 0 #333;}
.cartItemEditContent .editTextBox input:focus{ outline: none;}
.cartItemEditContent .editTextBox .unitlabel .rupeeIcon { padding-right: 3rem; font-size: 3rem; }
.cartItemEditContent .editTextBox .unitlabel .deleteIcon { color:#333; font-size: 4rem; }
/********************
*** Edit Cart Keypad ***
*********************/
.cartItemEditContent .keyPadContent { margin-top: 3rem; }
.cartItemEditContent .numaricKeyPadGrid { width: 100%; }
.cartItemEditContent .numaricKeyPadGrid ul { margin:0 0 -5px 0; text-align:center; padding-inline-start: 0rem; }
.cartItemEditContent .numaricKeyPadGrid ul li { display: inline-block; margin: 0 1px 12px 0px; }
.cartItemEditContent .numaricKeyPadGrid ul li a { border-radius: 10px; color: #0381b3; display: block; font-weight: bold; }
.cartItemEditContent .numaricKeyPadGrid ul li a:hover { background: #0381b3; color: #fff; text-decoration: none; }
.cartItemEditContent .numaricKeyPadGrid .key-btn { width: 16rem; height: 8rem; padding: 3rem; font-size: 3rem;background:#fff; color:#0381b3;
text-decoration: none; margin: 0rem 0.2rem; }
.cartItemEditContent .numaricKeyPadGrid .key-btn:active { box-shadow: 0 0 rgb(96, 96, 96) !important; top: 2px; }
.cartItemEditContent .numaricKeyPadGrid .key-icon { font-size:2.5rem;}
.cartItemEditContent .numaricKeyPadGrid .disc-btn { background:#2e99db; color:#333; }
.cartItemEditContent .numaricKeyPadGrid .percentageDicount { display:block; }
.cartItemEditContent .numaricKeyPadGrid .fixedDicount { display:none; }
.cartItemEditContent .cartEditButton { text-align: center; margin-top: 1rem;}
.cartItemEditContent .cartEditButton ul { margin:0; text-align:center; padding-inline-start: 0rem; }
.cartItemEditContent .cartEditButton ul li { display: inline-block; }
.cartItemEditContent .submitButton { font-size: 3rem; padding: 2.5rem 21rem; color: #ffffff; background: #5cb85c; border-radius:10px; cursor: pointer;
display: block; text-decoration: none; }
/********************
*** Icon Keypad Style ***
*********************/
.bottomButtonIcon { width: 100%; height: 9%; background: #fff; overflow: overlay;}
.bottomButtonIcon ul { margin:0rem; text-align:center; padding-inline-start: 0rem; display: flex !important; }
.bottomButtonIcon ul li { display: inline-block; margin: 1rem 0.5rem; }
.bottomButtonIcon ul li a { background: #efefef none repeat scroll 0 0; border: 3px solid #e4e4e4; border-radius: 10px;
color: #0381b3; display: block; font-size: 2rem; font-weight: bold; }
.bottomButtonIcon ul li a i { font-size: 3rem; }
.bottomButtonIcon ul li a span { font-size: 2rem; }
.bottomButtonIcon ul li a:hover { background: #0381b3; color: #fff; text-decoration: none; }
.bottomButtonIcon ul li .buttonActive { background: #0381b3; color: #fff; text-decoration: none; }
.bottomButtonIcon .key-btn-1 { min-width: 18rem; height: 6rem; padding: 0.4rem; background-color:#efefef; color:#0381b3; font-size:1.2rem; }
.bottomButtonIcon .btnActive { color: #0381b3; }
.bottomButtonIcon .btnDeactive { color: #c1c1c1; }
.bottomButtonIcon::-webkit-scrollbar { width:1rem; height: 2.5rem; }
.bottomButtonIcon::-webkit-scrollbar-track {
background: #c1c1c1;
border: 1px solid transparent;
background-clip: content-box;
}
/********************
*** Toggle Switch ***
*********************/
.cartItemEditContent .switch {position: relative; display: inline-block; width: 60px; height: 3.4rem; top: 1rem; }
.cartItemEditContent .switch input { opacity: 0; width: 0; height: 0; }
.cartItemEditContent .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.cartItemEditContent .slider:before { position: absolute; content: ""; height: 2.6rem; width: 2.6rem; left: 0.4rem; bottom: 0.4rem; background-color: white; -webkit-transition: .4s; transition: .4s; }
.cartItemEditContent input:checked + .slider { background-color: #2196F3; }
.cartItemEditContent input:focus + .slider { box-shadow: 0 0 1px #2196F3; }
.cartItemEditContent input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
.cartItemEditContent .slider.round { border-radius: 3.4rem; }
.cartItemEditContent .slider.round:before { border-radius: 50%; }
/********************
*** Date Picker Calendar ****
*********************/
.datepicker.dropdown-menu { width: 42rem; height:30rem; font-size: 2rem; }
.datepicker.dropdown-menu tr{ height: 3.5rem; }
/********************
*** Customer Screen ****
*********************/
.custCalendarContent { padding: 0.5rem 1rem; display: inline-flex;}
.custCalendarContent .backButton { float: right; padding: 0.6rem 1rem; display: none; }
.custCalendarContent .input-group { width: 100%; }
.custCalendarContent input { font-size: 2rem; }
.custInfoContent { height: 30%; }
.custInfoContent .divBreakHr { border-top: 2px solid #ccc5c5; display: block; margin-block-end: 0.5em; }
.custInfoContent .billHeading { font-size:1.7rem; text-align: left; }
.custInfoContent .billHeadingAmt { font-size:1.7rem; text-align: right; color: #6d6d6d; padding-top: 0.5rem; margin-bottom: 0.5rem;}
.custSalePayContent { height: 26%; }
.custSalePayContent .divBreakHr { border-top: 2px solid #ccc5c5; display: block; margin-block-end: 0.5em; }
.custSalePayContent .billHeading { font-size:1.7rem; text-align: left; }
.custSalePayContent .billHeadingAmt { font-size:1.7rem; text-align: right; color: #6d6d6d; padding-top: 0.5rem; margin-bottom: 0.5rem;}
.custReturnPayContent { height: 26%; }
.custReturnPayContent .divBreakHr { border-top: 2px solid #ccc5c5; display: block; margin-block-end: 0.5em; }
.custReturnPayContent .billHeading { font-size:1.7rem; text-align: left; }
.custReturnPayContent .billHeadingAmt { font-size:1.7rem; text-align: right; color: #6d6d6d; padding-top: 0.5rem; margin-bottom: 0.5rem;}
.creditButtonDiv { padding:0rem; }
.creditButtonDiv .billHeading { font-size:2rem; text-align: left; }
.creditButtonDiv .billHeadingAmt { font-size:2rem; text-align: right; color: #6d6d6d; padding-top: 0.5rem; margin-bottom: 0.5rem;}
.creditButtonDiv .payButton { font-size: 3rem; padding: 1.4rem 1.2rem; line-height: 1.33; color: #ffffff; background-color: #5cb85c; border-color: #4cae4c;
margin-bottom: 0; text-align: center; cursor: pointer; display: block; text-decoration: none; }
.leftSideDivContent .custBreadcrumbDiv { margin-left: 0rem; margin-right: 0rem; padding-top:1rem; padding-bottom: 1rem; }
.custBreadcrumbDiv .openCustPayHisory { float:right; font-size: 2rem; padding: 1.25rem 2rem; display: none; }
.custOrderDivContent .borderRadius { overflow-y: auto; position: absolute; width:100%; height:79%;}
.custOrderDivContent table th { font-size: 11pt; text-align:center; color:#6e61c4; }
.custOrderDivContent table td { font-size: 10pt; text-align:center; }
/********************
*** Vendor Screen ****
*********************/
.vendorCalendarContent { padding: 0.5rem 1rem; display: inline-flex;}
.vendorCalendarContent .backButton { float: right; padding: 0.6rem 1rem; display: none; }
.vendorCalendarContent .input-group { width: 100%; }
.vendorCalendarContent input { font-size: 2rem; }
.vendorInfoContent { height: 40%; }
.vendorInfoContent .divBreakHr { border-top: 2px solid #ccc5c5; display: block; margin-block-end: 0.5em; }
.vendorInfoContent .billHeading { font-size:1.7rem; text-align: left; }
.vendorInfoContent .billHeadingAmt { font-size:1.7rem; text-align: right; color: #6d6d6d; padding-top: 0.5rem; margin-bottom: 0.5rem;}
.vendorPaymentContent { height: 45.5%; }
.vendorPaymentContent .divBreakHr { border-top: 2px solid #ccc5c5; display: block; margin-block-end: 0.5em; }
.vendorPaymentContent .billHeading { font-size:1.7rem; text-align: left; }
.vendorPaymentContent .billHeadingAmt { font-size:1.7rem; text-align: right; color: #6d6d6d; padding-top: 0.5rem; margin-bottom: 0.5rem;}
.debitButtonDiv { padding:0rem; }
.debitButtonDiv .payButton { font-size: 3rem; padding: 1.3rem 1.2rem; line-height: 1.33; color: #ffffff; background-color: #5cb85c; border-color: #4cae4c;
margin-bottom: 0; text-align: center; cursor: pointer; display: block; text-decoration: none; }
.leftSideDivContent .vendorBreadcrumbDiv { margin-left: 0rem; margin-right: 0rem; padding-top:1rem; padding-bottom: 1rem; }
.leftSideDivContent .vendorbreadCrumbButton { float: left; font-size: 2rem; padding: 1.25rem 2rem; margin-right: 0.5rem; }
.vendorBreadcrumbDiv .openVendorPayHisory { float:right; font-size: 2rem; padding: 1.25rem 2rem; display: none; }
.vendorInvoiceDivContent .borderRadius { overflow-y: auto; position: absolute; width:100%; height:79%;}
.vendorInvoiceDivContent table th { font-size: 11pt; text-align:center; color:#6e61c4; }
.vendorInvoiceDivContent table td { font-size: 10pt; text-align:center; }
.vendorLedgerTable table th { font-size:1.5rem;}
.vendorLedgerTable table td { font-size:1.5rem;}
/********************
*** Stock Screen ****
*********************/
.stockCardDivContent { height: 70.5%; padding: 0.5rem 0rem;}
.stockCardDivContent .topButtonInfo { padding: 0rem 1rem; }
.stockCardDivContent h3 { margin-top: 0rem; font-size: 2.5rem; }
.stockCardDivContent .cartDelete { float: right; padding: 0px 1rem; font-size: 3rem; padding-right: 3rem; }
.stockCardDivContent .backButton { float: right; padding: 0.6rem 1rem; display: none; }
.stockCardDivContent .cartItemContent { height: 95%; overflow-y: auto; overflow-x: hidden; }
.stockCardDivContent .productName { font-size:1.5rem; font-weight:600; }
.stockCardDivContent .productQuantity { font-size:1.5rem;}
.stockCardDivContent .productTotal { font-size:1.5rem;}
.stockCardDivContent .productDelete { color:red; margin-bottom: 0rem;}
.stockCardDivContent .productPrice { font-size:1.5rem; }
.stockCardDivContent .productDisc { font-size:1.5rem; text-align: right; }
.stockCardDivContent .cartProEdit { background: #fff; }
.stockCardDivContent .cartDivBreakHr { border-top: 1px solid #ccc5c5; padding-top: 0.5rem; }
.stockBillDetailContent { height: 20%; }
.stockBillDetailContent .divBreakHr { border-top: 2px solid #ccc5c5; display: block; margin-block-end: 0.5em; }
.stockBillDetailContent .billHeading { font-size:2rem; text-align: left; }
.stockBillDetailContent .billHeadingAmt { font-size:2rem; text-align: right; color: #6d6d6d; padding-top: 0.5rem; margin-bottom: 0.5rem;}
.stockPaymentButtonDiv { padding:0rem; }
.stockPaymentButtonDiv .payButton { font-size: 3rem; padding: 1.5rem 1.2rem; line-height: 1.33; color: #ffffff; background-color: #5cb85c;
border-color: #4cae4c; margin-bottom: 0; text-align: center; cursor: pointer; display: block; text-decoration: none; }
/********************
*** Blinker Code ***
*********************/
@-webkit-keyframes blinker
{
from {opacity: 1.0;}
to {opacity: 0.0;}
}
.blink{ text-decoration: blink; -webkit-animation-name: blinker; -webkit-animation-duration: 0.6s;-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out; -webkit-animation-direction: alternate;
}
/********************
*** Field Search ***
*********************/
.right-side { width: 100%; padding: 10px 5px; margin: 0 auto; overflow:auto; bottom: 0; position: absolute; }
.formInputText { width: 90%; border-radius: 4px; height: 3rem; border: 1px solid #cccccc; border-radius: 4px;}
/* Field Error - DEV 03 AUG 2016*/
.field-error{ border-color:#f5b6b6!important; background-color:#ffd9d9!important; }
.topSearch{ width:100%; }
/********************
*** Modal CSS ***
*********************/
.modal-footer { border-top: 0px;}
.modal-content { width: 98% !important; }
.modal { width:100%; margin-top:5rem; }
.modal-backdrop { width:100%; margin-top:5rem;}
@media screen and (min-width: 768px)
{
.modal-dialog { width: 99%; margin: 2% 1% !important; }
}
/********************
*** Kitchen Sortable ***
*********************/
#sortable1, #sortable2, #sortable3,#sortable4,#sortable5
{
list-style-type: none; float: left; margin-right: 0.5%; padding: 5px; height:100%; min-height:100%; width:19.5%;
}
.headingStyle { padding: 5px; text-align:center; font-size:18pt; color:white; background:#17202A; }
/********************
*** Table Design ***
*********************/
table {border-collapse: collapse;border-spacing: 0;width: 100%;border: 1px solid #ddd;}
th, td {text-align: left;padding: 8px;}
tr:nth-child(even){background-color: #f2f2f2}
.customerDetail{font-size: 2.2rem;}
@media (min-width: 1525px) and (max-width: 1624px)
{
.footerDivContent { height: 4.5%; }
.main-grids-right .btn-2 { width: 7.5rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 1.8rem; }
.main-grids-right .btn-3 { width: 7.5rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 2.0rem; }
.main-grids-right .btn-4 { width: 7.5rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 2.0rem; }
.main-grids-right .btn-5 { width: 10.5rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 1.6rem; }
.main-grids-right .btn-6 { width: 8.5rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 1.6rem; }
.main-grids-right .btn-7 { width: 10rem; height: 5.5rem; padding: 1.5rem 0.5rem; font-size: 1.6rem; }
.main-grids-right .btn-8 { width: 16rem; height: 5.5rem; padding: 1.2rem 1.5rem; font-size: 2.0rem; }
.main-grids-right .btn-9 { width: 26rem; height: 5.5rem; padding: 1.2rem 1.5rem; font-size: 2.0rem; }
.main-grids-right .btn-10 { width: 14rem; height: 5.5rem; padding: 1.4rem 1.5rem; font-size: 1.8rem; }
.cartItemEditDiv { display:none; }
.cardDivContent { height: 77%;}
.cardDivContent h3 { font-size: 2.5rem; }
.cardDivContent .cartDelete { padding: 0px 1rem; font-size: 3rem; padding-right: 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; }
.billDetailContent { height: 13%; }
.billDetailContent .divBreakHr { border-top: 2px solid #ccc5c5;}
.billDetailContent .billHeading { font-size:2rem; }
.billDetailContent .billHeadingAmt { font-size:2rem; }
.paymentButtonDiv .payButton { font-size: 3rem; padding: 1.5rem 1.2rem;}
.itemRetailContent { height:91.8%;}
.searchbox { font-size: 2rem; padding: 2rem 1rem; }
.searchDivContent .cartProAutoContainer ul {font-size: 2rem; }
.leftSideDivContent .breadCrumbButton, .leftSideDivContent .openCartButton { font-size: 2rem; padding: 1rem 2rem; }
.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: 2rem; top: 1.2rem;}
.cartItemEditDiv .cartItemEditCancel h3{ margin: 0.4rem; font-size: 2.5rem; padding-bottom: 0.5rem; }
.cartItemEditDiv .cartItemEditContent { top: 4rem; }
.cartItemEditContent .nav-tabs > li { font-size: 2.5rem; }
.cartItemEditContent .editTextBox .qtylabel { padding: 4.4rem 2.5rem 3.9rem 1.5rem; 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 .keyPadContent { margin-top: 3rem; }
.cartItemEditContent .numaricKeyPadGrid .key-btn { width: 16rem; height: 8rem; padding: 3rem; font-size: 3rem; }
.cartItemEditContent .numaricKeyPadGrid .key-icon { font-size:2.5rem;}
.cartItemEditContent .numaricKeyPadGrid .disc-btn { background:#2e99db; color:#333; }
.cartItemEditContent .submitButton { font-size: 3rem; padding: 2.5rem 21rem; }
.bottomButtonIcon ul li { margin: 0.5rem 0.5rem; }
.bottomButtonIcon ul li a { font-size: 2rem; }
.bottomButtonIcon ul li a i { font-size: 3rem; }
.bottomButtonIcon ul li a span { font-size: 2rem; }
.bottomButtonIcon .key-btn-1 { min-width: 18rem; height: 5.5rem; padding: 1rem; font-size:1.2rem; }
.custCalendarContent .backButton { padding: 0.6rem 1rem; }
.custBreadcrumbDiv .openCustPayHisory { font-size: 2rem; padding: 1.25rem 2rem; }
.custOrderDivContent .borderRadius { height:79%;}
.custOrderDivContent table th { font-size: 11pt; }
.vendorCalendarContent .backButton { padding: 0.6rem 1rem; }
.vendorBreadcrumbDiv .openVendorPayHisory { font-size: 2rem; padding: 1.25rem 2rem; }
.vendorInvoiceDivContent .borderRadius { height:79%;}
.vendorInvoiceDivContent table th { font-size: 11pt; }
}
@media (min-width: 1425px) and (max-width: 1524px)
{
.footerDivContent { height: 4.5%; }
.main-grids-right .btn-2 { width: 7.5rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 1.8rem; }
.main-grids-right .btn-3 { width: 7.5rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 2rem; }
.main-grids-right .btn-4 { width: 7.5rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 2rem; }
.main-grids-right .btn-5 { width: 10.5rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 1.6rem; }
.main-grids-right .btn-6 { width: 8.5rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 1.6rem; }
.main-grids-right .btn-7 { width: 10rem; height: 5.5rem; padding: 1.5rem 0.5rem; font-size: 1.6rem; }
.main-grids-right .btn-8 { width: 16rem; height: 5.5rem; padding: 1.2rem 1.5rem; font-size: 2rem; }
.main-grids-right .btn-9 { width: 26rem; height: 5.5rem; padding: 1.2rem 1.5rem; font-size: 2rem; }
.main-grids-right .btn-10 { width: 14rem; height: 5.5rem; padding: 1.4rem 1.5rem; font-size: 1.8rem; }
.cartItemEditDiv { display:none; }
.cardDivContent { height: 77.5%;}
.cardDivContent h3 { font-size: 2.5rem; }
.cardDivContent .cartDelete { padding: 0px 1rem; font-size: 3rem; padding-right: 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; }
.billDetailContent { height: 13%; }
.billDetailContent .divBreakHr { border-top: 2px solid #ccc5c5;}
.billDetailContent .billHeading { font-size:1.8rem; }
.billDetailContent .billHeadingAmt { font-size:1.8rem; }
.paymentButtonDiv .payButton { font-size: 3rem; padding: 1.3rem 1.2rem;}
.itemRetailContent { height:92.3%;}
.searchbox { font-size: 2rem; padding: 2rem 1rem; }
.searchDivContent .cartProAutoContainer ul {font-size: 2rem; }
.leftSideDivContent .breadCrumbButton, .leftSideDivContent .openCartButton { font-size: 2rem; padding: 1.25rem 2rem; }
.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.8rem; top: 1.2rem;}
.cartItemEditDiv .cartItemEditCancel h3{ margin: 0.4rem; font-size: 2.5rem; padding-bottom: 0.5rem; }
.cartItemEditDiv .cartItemEditContent { top: 4rem; }
.cartItemEditContent .nav-tabs > li { font-size: 2.3rem; }
.cartItemEditContent .editTextBox .qtylabel { padding: 4.4rem 2.5rem 3.9rem 1.5rem; 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 .keyPadContent { margin-top: 3rem; }
.cartItemEditContent .numaricKeyPadGrid .key-btn { width: 16rem; height: 8rem; padding: 3rem; font-size: 3rem; }
.cartItemEditContent .numaricKeyPadGrid .key-icon { font-size:2.5rem;}
.cartItemEditContent .numaricKeyPadGrid .disc-btn { background:#2e99db; color:#333; }
.cartItemEditContent .submitButton { font-size: 3rem; padding: 2.5rem 21rem; }
.bottomButtonIcon ul li { margin: 0.5rem 0.5rem; }
.bottomButtonIcon ul li a { font-size: 2rem; }
.bottomButtonIcon ul li a i { font-size: 3rem; }
.bottomButtonIcon ul li a span { font-size: 2rem; }
.bottomButtonIcon .key-btn-1 { min-width: 18rem; height: 5.5rem; padding: 1rem; font-size:1.2rem; }
.custCalendarContent .backButton { padding: 0.6rem 1rem; }
.custBreadcrumbDiv .openCustPayHisory { font-size: 2rem; padding: 1.25rem 2rem; }
.custOrderDivContent .borderRadius { height:79%;}
.custOrderDivContent table th { font-size: 11pt; }
.vendorCalendarContent .backButton { padding: 0.6rem 1rem; }
.vendorBreadcrumbDiv .openVendorPayHisory { font-size: 2rem; padding: 1.25rem 2rem; }
.vendorInvoiceDivContent .borderRadius { height:79%;}
.vendorInvoiceDivContent table th { font-size: 11pt; }
}
@media (min-width: 1325px) and (max-width: 1424px)
{
.footerDivContent { height: 4.5%; }
.main-grids-right .btn-2 { width: 7rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 1.8rem; }
.main-grids-right .btn-3 { width: 7rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 2rem; }
.main-grids-right .btn-4 { width: 7rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 2rem; }
.main-grids-right .btn-5 { width: 9.5rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 1.6rem; }
.main-grids-right .btn-6 { width: 8.5rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 1.6rem; }
.main-grids-right .btn-7 { width: 9rem; height: 5.5rem; padding: 1.5rem 0.5rem; font-size: 1.6rem; }
.main-grids-right .btn-8 { width: 16rem; height: 5.5rem; padding: 1.2rem 1.5rem; font-size: 2rem; }
.main-grids-right .btn-9 { width: 24.5rem; height: 5.5rem; padding: 1.2rem 1.5rem; font-size: 2rem; }
.main-grids-right .btn-10 { width: 14rem; height: 5.5rem; padding: 1.4rem 1.5rem; font-size: 1.8rem; }
.cartItemEditDiv { display:none; }
.cardDivContent { height: 77.5%;}
.cardDivContent h3 { font-size: 2.5rem; }
.cardDivContent .cartDelete { padding: 0px 1rem; font-size: 3rem; padding-right: 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; }
.billDetailContent { height: 13%; }
.billDetailContent .divBreakHr { border-top: 2px solid #ccc5c5;}
.billDetailContent .billHeading { font-size:1.8rem; }
.billDetailContent .billHeadingAmt { font-size:1.8rem; }
.paymentButtonDiv .payButton { font-size: 3rem; padding: 1.3rem 1.2rem;}
.itemRetailContent { height:92.3%;}
.searchbox { font-size: 2rem; padding: 2rem 1rem; }
.searchDivContent .cartProAutoContainer ul {font-size: 2rem; }
.leftSideDivContent .breadCrumbButton, .leftSideDivContent .openCartButton { font-size: 2rem; padding: 1.25rem 2rem; }
.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;}
.cartItemEditDiv .cartItemEditCancel h3{ margin: 0.4rem; font-size: 2.5rem; padding-bottom: 0.5rem; }
.cartItemEditDiv .cartItemEditContent { top: 4rem; }
.cartItemEditContent .nav-tabs > li { font-size: 2.2rem; }
.cartItemEditContent .editTextBox .qtylabel { padding: 4.4rem 2.5rem 3.9rem 1.5rem; 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 .keyPadContent { margin-top: 3rem; }
.cartItemEditContent .numaricKeyPadGrid .key-btn { width: 16rem; height: 8rem; padding: 3rem; font-size: 3rem; }
.cartItemEditContent .numaricKeyPadGrid .key-icon { font-size:2.5rem;}
.cartItemEditContent .numaricKeyPadGrid .disc-btn { background:#2e99db; color:#333; }
.cartItemEditContent .submitButton { font-size: 3rem; padding: 2.5rem 21rem; }
.bottomButtonIcon ul li { margin: 0.5rem 0.5rem; }
.bottomButtonIcon ul li a { font-size: 2rem; }
.bottomButtonIcon ul li a i { font-size: 3rem; }
.bottomButtonIcon ul li a span { font-size: 2rem; }
.bottomButtonIcon .key-btn-1 { min-width: 18rem; height: 5.5rem; padding: 1rem; font-size:1.2rem; }
.custCalendarContent .backButton { padding: 0.6rem 1rem; }
.custBreadcrumbDiv .openCustPayHisory { font-size: 2rem; padding: 1.25rem 2rem; }
.custOrderDivContent .borderRadius { height:79%;}
.custOrderDivContent table th { font-size: 11pt; }
.vendorCalendarContent .backButton { padding: 0.6rem 1rem; }
.vendorBreadcrumbDiv .openVendorPayHisory { font-size: 2rem; padding: 1.25rem 2rem; }
.vendorInvoiceDivContent .borderRadius { height:79%;}
.vendorInvoiceDivContent table th { font-size: 11pt; }
}
@media (min-width: 1225px) and (max-width: 1324px)
{
.footerDivContent { height: 4.5%; }
.main-grids-right .btn-2 { width: 6.5rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 1.6rem; }
.main-grids-right .btn-3 { width: 6.5rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 2rem; }
.main-grids-right .btn-4 { width: 6.5rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 2rem; }
.main-grids-right .btn-5 { width: 8.5rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 1.6rem; }
.main-grids-right .btn-6 { width: 7.5rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 1.6rem; }
.main-grids-right .btn-7 { width: 9rem; height: 5.5rem; padding: 1.5rem 0.5rem; font-size: 1.6rem; }
.main-grids-right .btn-8 { width: 14rem; height: 5.5rem; padding: 1.2rem 1.5rem; font-size: 2rem; }
.main-grids-right .btn-9 { width: 24.5rem; height: 5.5rem; padding: 1.2rem 1.5rem; font-size: 2rem; }
.main-grids-right .btn-10 { width: 14rem; height: 5.5rem; padding: 1.4rem 1.5rem; font-size: 1.8rem; }
.cartItemEditDiv { display:none; }
.cardDivContent { height: 77.5%;}
.cardDivContent h3 { font-size: 2.5rem; }
.cardDivContent .cartDelete { padding: 0px 1rem; font-size: 3rem; padding-right: 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; }
.billDetailContent { height: 13%; }
.billDetailContent .divBreakHr { border-top: 2px solid #ccc5c5;}
.billDetailContent .billHeading { font-size:1.8rem; }
.billDetailContent .billHeadingAmt { font-size:1.8rem; }
.paymentButtonDiv .payButton { font-size: 3rem; padding: 1.3rem 1.2rem;}
.itemRetailContent { height:92.3%;}
.searchbox { font-size: 2rem; padding: 2rem 1rem; }
.searchDivContent .cartProAutoContainer ul {font-size: 2rem; }
.leftSideDivContent .breadCrumbButton, .leftSideDivContent .openCartButton { font-size: 2rem; padding: 1.25rem 2rem; }
.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.6rem; top: 1.2rem;}
.cartItemEditDiv .cartItemEditCancel h3{ margin: 0.4rem; font-size: 2.5rem; padding-bottom: 0.5rem; }
.cartItemEditDiv .cartItemEditContent { top: 4rem; }
.cartItemEditContent .nav-tabs > li { font-size: 2.2rem; }
.cartItemEditContent .editTextBox .qtylabel { padding: 4.4rem 2.5rem 3.9rem 1.5rem; 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 .keyPadContent { margin-top: 3rem; }
.cartItemEditContent .numaricKeyPadGrid .key-btn { width: 16rem; height: 8rem; padding: 3rem; font-size: 3rem; }
.cartItemEditContent .numaricKeyPadGrid .key-icon { font-size:2.5rem;}
.cartItemEditContent .numaricKeyPadGrid .disc-btn { background:#2e99db; color:#333; }
.cartItemEditContent .submitButton { font-size: 3rem; padding: 2.5rem 21rem; }
.bottomButtonIcon ul li { margin: 0.5rem 0.5rem; }
.bottomButtonIcon ul li a { font-size: 2rem; }
.bottomButtonIcon ul li a i { font-size: 3rem; }
.bottomButtonIcon ul li a span { font-size: 2rem; }
.bottomButtonIcon .key-btn-1 { min-width: 18rem; height: 5.5rem; padding: 1rem; font-size:1.2rem; }
.custCalendarContent .backButton { padding: 0.6rem 1rem; }
.custBreadcrumbDiv .openCustPayHisory { font-size: 2rem; padding: 1.25rem 2rem; }
.custOrderDivContent .borderRadius { height:79%;}
.custOrderDivContent table th { font-size: 11pt; }
.vendorCalendarContent .backButton { padding: 0.6rem 1rem; }
.vendorBreadcrumbDiv .openVendorPayHisory { font-size: 2rem; padding: 1.25rem 2rem; }
.vendorInvoiceDivContent .borderRadius { height:79%;}
.vendorInvoiceDivContent table th { font-size: 11pt; }
}
@media (min-width: 1125px) and (max-width: 1224px)
{
.footerDivContent { height: 4.5%; }
.main-grids-right .btn-2 { width: 6rem; height: 5.5rem; padding: 1.5rem 1rem; font-size: 1.5rem; }
.main-grids-right .btn-3 { width: 6rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 2rem; }
.main-grids-right .btn-4 { width: 6rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 2rem; }
.main-grids-right .btn-5 { width: 7.5rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 1.6rem; }
.main-grids-right .btn-6 { width: 6.5rem; height: 5.5rem; padding: 1.5rem 1.5rem; font-size: 1.5rem; }
.main-grids-right .btn-7 { width: 9rem; height: 5.5rem; padding: 1.5rem 0.5rem; font-size: 1.5rem; }
.main-grids-right .btn-8 { width: 11rem; height: 5.5rem; padding: 1.4rem 1.5rem; font-size: 1.8rem; }
.main-grids-right .btn-9 { width: 23rem; height: 5.5rem; padding: 1.4rem 1.5rem; font-size: 1.8rem; }
.main-grids-right .btn-10 { width: 14rem; height: 5.5rem; padding: 1.4rem 1.5rem; font-size: 1.8rem; }
.cartItemEditDiv { display:none; }
.cardDivContent { height: 77.5%;}
.cardDivContent h3 { font-size: 2.5rem; }
.cardDivContent .cartDelete { padding: 0px 1rem; font-size: 3rem; padding-right: 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; }
.billDetailContent { height: 13%; }
.billDetailContent .divBreakHr { border-top: 2px solid #ccc5c5;}
.billDetailContent .billHeading { font-size:1.8rem; }
.billDetailContent .billHeadingAmt { font-size:1.8rem; }
.paymentButtonDiv .payButton { font-size: 3rem; padding: 1.3rem 1.2rem;}
.itemRetailContent { height:92.3%;}
.searchbox { font-size: 2rem; padding: 2rem 1rem; }
.searchDivContent .cartProAutoContainer ul {font-size: 2rem; }
.leftSideDivContent .breadCrumbButton, .leftSideDivContent .openCartButton { font-size: 2rem; padding: 1.25rem 2rem; }
.mainCateDivContent .main-cate, .subCateDivContent .sub-cate , .productDivContent .productItem { width: 19%; }
.mainCateDivContent .main-cate img, .subCateDivContent .sub-cate img, .productDivContent .productItem img {width: 15.5rem; height: 15.5rem; }
.mainCateDivContent .main-cate h2 , .subCateDivContent .sub-cate h2 , .productDivContent .product-name { max-width: 15.5rem; font-size: 1.45rem; }
.productDivContent .productItem .price-tag {line-height:2rem; font-size: 1.6rem; top: 1.2rem;}
.cartItemEditDiv .cartItemEditCancel h3{ margin: 0.4rem; font-size: 2.5rem; padding-bottom: 0.5rem; }
.cartItemEditDiv .cartItemEditContent { top: 4rem; }
.cartItemEditContent .nav-tabs > li { font-size: 2rem; }
.cartItemEditContent .editTextBox .qtylabel { padding: 4.4rem 2.5rem 3.9rem 1.5rem; 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 .keyPadContent { margin-top: 3rem; }
.cartItemEditContent .numaricKeyPadGrid .key-btn { width: 16rem; height: 8rem; padding: 3rem; font-size: 3rem; }
.cartItemEditContent .numaricKeyPadGrid .key-icon { font-size:2.5rem;}
.cartItemEditContent .numaricKeyPadGrid .disc-btn { background:#2e99db; color:#333; }
.cartItemEditContent .submitButton { font-size: 3rem; padding: 2.5rem 21rem; }
.bottomButtonIcon ul li { margin: 0.5rem 0.5rem; }
.bottomButtonIcon ul li a { font-size: 2rem; }
.bottomButtonIcon ul li a i { font-size: 3rem; }
.bottomButtonIcon ul li a span { font-size: 2rem; }
.bottomButtonIcon .key-btn-1 { min-width: 18rem; height: 5.5rem; padding: 1rem; font-size:1.2rem; }
.custCalendarContent .backButton { padding: 0.6rem 1rem; }
.custBreadcrumbDiv .openCustPayHisory { font-size: 2rem; padding: 1.25rem 2rem; }
.custOrderDivContent .borderRadius { height:85%;}
.custOrderDivContent table th { font-size: 11pt; }
.vendorCalendarContent .backButton { padding: 0.6rem 1rem; }
.vendorBreadcrumbDiv .openVendorPayHisory { font-size: 2rem; padding: 1.25rem 2rem; }
.vendorInvoiceDivContent .borderRadius { height:85%;}
.vendorInvoiceDivContent table th { font-size: 11pt; }
}
@media (min-width: 1024px) and (max-width: 1124px)
{
.footerDivContent { height: 4.5%; }
.leftSideDivContent { width: 65%; }
.rightSideDivContent { width: 35%; }
.main-grids-right .btn-2 { width: 5.5rem; height: 5.5rem; padding: 1.5rem 1rem; font-size: 1.5rem; }
.main-grids-right .btn-3 { width: 5.5rem; height: 5.5rem; padding: 1.5rem 0.5rem; font-size: 2rem; }
.main-grids-right .btn-4 { width: 5.5rem; height: 5.5rem; padding: 1.5rem 0.5rem; font-size: 2rem; }
.main-grids-right .btn-5 { width: 7rem; height: 5.5rem; padding: 1.5rem 0.5rem; font-size: 1.6rem; }
.main-grids-right .btn-6 { width: 6rem; height: 5.5rem; padding: 1.5rem 0.5rem; font-size: 1.45rem;}
.main-grids-right .btn-7 { width: 8rem; height: 5.5rem; padding: 1.5rem 0.5rem; font-size: 1.45rem;}
.main-grids-right .btn-8 { width: 10rem; height: 5.5rem; padding: 1.4rem 1.5rem; font-size: 1.5rem; }
.main-grids-right .btn-9 { width: 20rem; height: 5.5rem; padding: 1.4rem 1.5rem; font-size: 1.5rem; }
.main-grids-right .btn-10 { width: 13rem; height: 5.5rem; padding: 1.4rem 1.5rem; font-size: 1.5rem; }
.cartItemEditDiv { display:none; }
.cardDivContent { height: 77.5%;}
.cardDivContent h3 { font-size: 2.5rem; }
.cardDivContent .cartDelete { padding: 0px 1rem; font-size: 3rem; padding-right: 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; }
.billDetailContent { height: 13%; }
.billDetailContent .divBreakHr { border-top: 2px solid #ccc5c5;}
.billDetailContent .billHeading { font-size:1.8rem; }
.billDetailContent .billHeadingAmt { font-size:1.8rem; }
.paymentButtonDiv .payButton { font-size: 3rem; padding: 1.3rem 1.2rem;}
.itemRetailContent { height:91.3%;}
.searchbox { font-size: 2rem; padding: 2rem 1rem; }
.searchDivContent .cartProAutoContainer ul {font-size: 2rem; }
.leftSideDivContent .breadCrumbButton, .leftSideDivContent .openCartButton { font-size: 2rem; padding: 1.25rem 2rem; }
.mainCateDivContent .main-cate, .subCateDivContent .sub-cate , .productDivContent .productItem { width: 19%; }
.mainCateDivContent .main-cate img, .subCateDivContent .sub-cate img, .productDivContent .productItem img {width: 14.5rem; height: 14.5rem; }
.mainCateDivContent .main-cate h2 , .subCateDivContent .sub-cate h2 , .productDivContent .product-name { max-width: 14.5rem; font-size: 1.45rem; }
.productDivContent .productItem .price-tag {line-height:2rem; font-size: 1.6rem; top: 1.2rem;}
.cartItemEditDiv .cartItemEditCancel h3{ margin: 0.4rem; font-size: 2.5rem; padding-bottom: 0.5rem; }
.cartItemEditDiv .cartItemEditContent { top: 4rem; }
.cartItemEditContent .nav-tabs > li { font-size: 2rem; }
.cartItemEditContent .editTextBox .qtylabel { padding: 4.4rem 2.5rem 3.9rem 1.5rem; 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 .keyPadContent { margin-top: 3rem; }
.cartItemEditContent .numaricKeyPadGrid .key-btn { width: 16rem; height: 8rem; padding: 3rem; font-size: 3rem; }
.cartItemEditContent .numaricKeyPadGrid .key-icon { font-size:2.5rem;}
.cartItemEditContent .numaricKeyPadGrid .disc-btn { background:#2e99db; color:#333; }
.cartItemEditContent .submitButton { font-size: 3rem; padding: 2.5rem 21rem; }
.bottomButtonIcon ul li { margin: 0.5rem 0.5rem; }
.bottomButtonIcon ul li a { font-size: 2rem; }
.bottomButtonIcon ul li a i { font-size: 3rem; }
.bottomButtonIcon ul li a span { font-size: 2rem; }
.bottomButtonIcon .key-btn-1 { min-width: 18rem; height: 5.5rem; padding: 1rem; font-size:1.2rem; }
.custCalendarContent .backButton { padding: 0.6rem 1rem; }
.custBreadcrumbDiv .openCustPayHisory { font-size: 2rem; padding: 1.25rem 2rem; }
.custOrderDivContent .borderRadius { height:85%;}
.custOrderDivContent table th { font-size: 11pt; }
.vendorCalendarContent .backButton { padding: 0.6rem 1rem; }
.vendorBreadcrumbDiv .openVendorPayHisory { font-size: 2rem; padding: 1.25rem 2rem; }
.vendorInvoiceDivContent .borderRadius { height:85%;}
.vendorInvoiceDivContent table th { font-size: 11pt; }
}
/* ##Device = Tablets, Ipads (portrait) */
@media (min-width: 891px) and (max-width: 1024px)
{
.footerDivContent { height: 4.5%; }
.leftSideDivContent { width: 65%; }
.rightSideDivContent { width: 35%; }
.main-grids-right .btn-2 { width: 4.5rem; height: 4.5rem; padding: 1.2rem 0.2rem; font-size: 1.4rem; }
.main-grids-right .btn-3 { width: 4.5rem; height: 4.5rem; padding: 1.2rem 1rem; font-size: 2rem; }
.main-grids-right .btn-4 { width: 4.5rem; height: 4.5rem; padding: 1.2rem 1rem; font-size: 2rem; }
.main-grids-right .btn-5 { width: 5.5rem; height: 4.5rem; padding: 1.2rem 0.2rem; font-size: 1.4rem; }
.main-grids-right .btn-6 { width: 5rem; height: 4.5rem; padding: 1.2rem 0.2rem; font-size: 1.15rem; }
.main-grids-right .btn-7 { width: 6rem; height: 4.5rem; padding: 1.3rem 0.2rem; font-size: 1.15rem; }
.main-grids-right .btn-8 { width: 10rem; height: 4.5rem; padding: 1.2rem 1.5rem; font-size: 1.5rem; }
.main-grids-right .btn-9 { width: 17rem; height: 4.5rem; padding: 1.2rem 1.5rem; font-size: 1.5rem; }
.main-grids-right .btn-10 { width: 11.5rem; height: 4.5rem; padding: 1.2rem 1.5rem; font-size: 1.5rem; }
.cartItemEditDiv { display:none; }
.cardDivContent { height: 77.5%;}
.cardDivContent h3 { font-size: 2.5rem; }
.cardDivContent .cartDelete { padding: 0px 1rem; font-size: 3rem; padding-right: 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; }
.billDetailContent { height: 13%; }
.billDetailContent .divBreakHr { border-top: 2px solid #ccc5c5;}
.billDetailContent .billHeading { font-size:1.8rem; }
.billDetailContent .billHeadingAmt { font-size:1.8rem; }
.paymentButtonDiv .payButton { font-size: 3rem; padding: 1.3rem 1.2rem;}
.itemRetailContent { height:92.3%;}
.searchbox { font-size: 2rem; padding: 2rem 1rem; }
.searchDivContent .cartProAutoContainer ul {font-size: 2rem; }
.leftSideDivContent .breadCrumbButton, .leftSideDivContent .openCartButton { font-size: 2rem; padding: 1.25rem 2rem; }
.mainCateDivContent .main-cate, .subCateDivContent .sub-cate , .productDivContent .productItem { width: 23%; padding:0rem }
.mainCateDivContent .main-cate img, .subCateDivContent .sub-cate img, .productDivContent .productItem img {width: 15rem; height: 15rem; }
.mainCateDivContent .main-cate h2 , .subCateDivContent .sub-cate h2 , .productDivContent .product-name { max-width: 13rem; font-size: 1.45rem; }
.productDivContent .productItem .price-tag {line-height:2rem; font-size: 1.5rem; top: 0.3rem;}
.cartItemEditDiv .cartItemEditCancel h3{ margin: 0.4rem; font-size: 2.5rem; padding-bottom: 0.5rem; }
.cartItemEditDiv .cartItemEditContent { top: 4rem; }
.cartItemEditContent .nav-tabs > li { font-size: 2rem; }
.cartItemEditContent .editTextBox .qtylabel { padding: 4.4rem 2.5rem 3.9rem 1.5rem; 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 .keyPadContent { margin-top: 3rem; }
.cartItemEditContent .numaricKeyPadGrid .key-btn { width: 16rem; height: 8rem; padding: 3rem; font-size: 3rem; }
.cartItemEditContent .numaricKeyPadGrid .key-icon { font-size:2.5rem;}
.cartItemEditContent .numaricKeyPadGrid .disc-btn { background:#2e99db; color:#333; }
.cartItemEditContent .submitButton { font-size: 3rem; padding: 2.5rem 21rem; }
.bottomButtonIcon ul li { margin: 0.5rem 0.5rem; }
.bottomButtonIcon ul li a { font-size: 2rem; }
.bottomButtonIcon ul li a i { font-size: 3rem; }
.bottomButtonIcon ul li a span { font-size: 2rem; }
.bottomButtonIcon .key-btn-1 { min-width: 18rem; height: 5.5rem; padding: 1rem; font-size:1.2rem; }
.custCalendarContent .backButton { padding: 0.6rem 1rem; }
.custBreadcrumbDiv .openCustPayHisory { font-size: 2rem; padding: 1.25rem 2rem; }
.custOrderDivContent .borderRadius { height:85%;}
.custOrderDivContent table th { font-size: 11pt; }
.vendorCalendarContent .backButton { padding: 0.6rem 1rem; }
.vendorBreadcrumbDiv .openVendorPayHisory { font-size: 2rem; padding: 1.25rem 2rem; }
.vendorInvoiceDivContent .borderRadius { height:85%;}
.vendorInvoiceDivContent table th { font-size: 11pt; }
}
@media (min-width: 768px) and (max-width: 890px)
{
.footerDivContent { height: 4.5%; }
.leftSideDivContent { width: 60%; }
.rightSideDivContent { width: 40%; }
.bigmenu { display: none; }
.menusmall{ display: block; }
.main-grids-right .btn-2 { width: 4rem; height: 3.5rem; padding: 0.5rem 0.2rem; font-size: 1.1rem; }
.main-grids-right .btn-3 { width: 3.9rem; height: 3.5rem; padding: 0.5rem 0.2rem; font-size: 1.4rem; }
.main-grids-right .btn-4 { width: 3.9rem; height: 3.5rem; padding: 0.5rem 0.2rem; font-size: 1.4rem; }
.main-grids-right .btn-5 { width: 5rem; height: 3.5rem; padding: 0.5rem 0.2rem; font-size: 1.1rem; }
.main-grids-right .btn-6 { width: 4rem; height: 3.5rem; padding: 0.5rem 0.2rem; font-size: 1rem; }
.main-grids-right .btn-7 { width: 5.5rem; height: 3.5rem; padding: 0.5rem 0.2rem; font-size: 1rem; }
.main-grids-right .btn-8 { width: 7.5rem; height: 3.5rem; padding: 0.5rem 0.2rem; font-size: 1.4rem; }
.main-grids-right .btn-9 { width: 15rem; height: 3.5rem; padding: 0.5rem 0.2rem; font-size: 1.4rem; }
.main-grids-right .btn-10 { width: 9.5rem; height: 3.5rem; padding: 0.5rem 0.2rem; font-size: 1.4rem; }
.cartItemEditDiv { display:none; }
.cardDivContent { height: 77.5%;}
.cardDivContent h3 { font-size: 2.5rem; }
.cardDivContent .cartDelete { padding: 0px 1rem; font-size: 3rem; padding-right: 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; }
.billDetailContent { height: 13%; }
.billDetailContent .divBreakHr { border-top: 2px solid #ccc5c5;}
.billDetailContent .billHeading { font-size:1.8rem; }
.billDetailContent .billHeadingAmt { font-size:1.8rem; }
.paymentButtonDiv .payButton { font-size: 3rem; padding: 1.3rem 1.2rem;}
.itemRetailContent { height:92.3%;}
.searchbox { font-size: 2rem; padding: 2rem 1rem; }
.searchDivContent .cartProAutoContainer ul {font-size: 2rem; }
.leftSideDivContent .breadCrumbButton, .leftSideDivContent .openCartButton { font-size: 2rem; padding: 1.25rem 2rem; }
.mainCateDivContent .main-cate, .subCateDivContent .sub-cate , .productDivContent .productItem { width: 23%; padding: 0rem; }
.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: 13rem; font-size: 1.45rem; }
.productDivContent .productItem .price-tag {line-height:2rem; font-size: 1.5rem; top: 1.2rem;}
.cartItemEditDiv .cartItemEditCancel h3{ margin: 0.4rem; font-size: 2.5rem; padding-bottom: 0.5rem; }
.cartItemEditDiv .cartItemEditContent { top: 4rem; }
.cartItemEditContent .nav-tabs > li { font-size: 2rem; }
.cartItemEditContent .editTextBox { text-align: left; margin-left: 6rem; }
.cartItemEditContent .editTextBox ul { text-align: left; }
.cartItemEditContent .editTextBox .qtylabel { padding: 4.4rem 2.5rem 3.9rem 1.5rem; 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 .keyPadContent { margin-top: 3rem; }
.cartItemEditContent .numaricKeyPadGrid ul { text-align: left; margin-left: 6rem; }
.cartItemEditContent .numaricKeyPadGrid .key-btn { width: 16rem; height: 8rem; padding: 3rem; font-size: 3rem; }
.cartItemEditContent .numaricKeyPadGrid .key-icon { font-size:2.5rem;}
.cartItemEditContent .numaricKeyPadGrid .disc-btn { background:#2e99db; color:#333; }
.cartItemEditContent .cartEditButton ul { text-align: left; margin-left: 6rem;}
.cartItemEditContent .submitButton { font-size: 3rem; padding: 2.5rem 21rem; }
.bottomButtonIcon ul li { margin: 0.5rem 0.5rem; }
.bottomButtonIcon ul li a { font-size: 2rem; }
.bottomButtonIcon ul li a i { font-size: 3rem; }
.bottomButtonIcon ul li a span { font-size: 2rem; }
.bottomButtonIcon .key-btn-1 { min-width: 18rem; height: 5.5rem; padding: 1rem; font-size:1.2rem; }
.custCalendarContent .backButton { padding: 0.6rem 1rem; }
.custBreadcrumbDiv .openCustPayHisory { font-size: 2rem; padding: 1.25rem 2rem; }
.custOrderDivContent .borderRadius { height:79%}
.custOrderDivContent table th { font-size: 11pt; }
.vendorCalendarContent .backButton { padding: 0.6rem 1rem; }
.vendorBreadcrumbDiv .openVendorPayHisory { font-size: 2rem; padding: 1.25rem 2rem; }
.vendorInvoiceDivContent .borderRadius { height:79%}
.vendorInvoiceDivContent table th { font-size: 11pt; }
}
@media (min-width: 415px) and (max-width: 767px)
{
/*------- Index Page keypad Start -------*/
.indexLogo { width: 40rem !important; }
.loginBox { height:35rem !important ; width: 40rem !important; top: 5rem !important; }
.loginBox .input-group { padding-bottom: 1rem; }
.loginBox input { height: 5rem; }
.loginBox hr { margin: 0rem; }
.loginBox .input-group-addon { font-size: 3rem;}
.loginBox .form-control { font-size: 2rem;}
.loginBox .btn-lg { font-size: 2.5rem;}
.loginBox p { font-size: 2rem;}
/*------ Index Page keypad End -------*/
.leftSideDivContent { width: 100%; }
.rightSideDivContent { width: 100%; display:none;}
.bigmenu { display: none; }
.menusmall{ display: block; }
.cardDivContent { height: 77.5%;}
.cardDivContent h3 { font-size: 2.5rem; }
.cardDivContent .cartDelete { padding: 0px 1rem; font-size: 3rem; padding-right: 6rem; }
.cardDivContent .backButton { padding: 0.6rem 1rem; display: block; }
.cardDivContent .cartItemContent { height: 92%;}
.cardDivContent .productName , .cardDivContent .productQuantity, .cardDivContent .productTotal{ font-size:1.6rem; }
.cardDivContent .productPrice ,.cardDivContent .productDisc { font-size:1.6rem; }
.billDetailContent { height: 13%; }
.billDetailContent .divBreakHr { border-top: 2px solid #ccc5c5;}
.billDetailContent .billHeading { font-size:2rem; }
.billDetailContent .billHeadingAmt { font-size:2rem; }
.paymentButtonDiv .payButton { font-size: 3rem; padding: 1.4rem 1.2rem;}
.itemRetailContent { height:92.3%;}
.searchbox { font-size: 2rem; padding: 2rem 1rem; }
.searchDivContent .cartProAutoContainer ul {font-size: 2rem; }
.searchDivContent .cartProAutoContainer ul li { padding: 1rem; }
.leftSideDivContent .openCartButton { display: block; }
.leftSideDivContent .breadCrumbButton, .leftSideDivContent .openCartButton { font-size: 2rem; padding: 1.25rem 2rem; }
.mainCateDivContent .main-cate, .subCateDivContent .sub-cate , .productDivContent .productItem { width: 31%; }
.mainCateDivContent .main-cate img, .subCateDivContent .sub-cate img, .productDivContent .productItem img {width: 12rem; height: 12rem; }
.mainCateDivContent .main-cate h2 , .subCateDivContent .sub-cate h2 , .productDivContent .product-name { max-width: 12rem; font-size: 1.45rem; }
.productDivContent .productItem .price-tag {line-height: 1.6rem; font-size: 1.5rem;}
.custOrderDivContent .borderRadius { height:79%;}
.custOrderDivContent table th { font-size: 11pt; }
.cartItemEditDiv .cartItemEditCancel h3{ margin: 0.4rem; font-size: 2.5rem; padding-bottom: 0.5rem; }
.cartItemEditDiv .cartItemEditContent { top: 4rem; }
.cartItemEditContent .nav-tabs > li { font-size: 2rem; }
.cartItemEditContent .editTextBox { text-align: left; margin-left: 6rem; }
.cartItemEditContent .editTextBox ul { text-align: left; }
.cartItemEditContent .editTextBox .qtylabel { padding: 4.4rem 2.5rem 3.9rem 1.5rem; 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; }
.cartItemEditCon tent .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 .keyPadContent { margin-top: 3rem; }
.cartItemEditContent .numaricKeyPadGrid ul { text-align: left; margin-left: 6rem; }
.cartItemEditContent .numaricKeyPadGrid .key-btn { width: 16rem; height: 8rem; padding: 3rem; font-size: 3rem; }
.cartItemEditContent .numaricKeyPadGrid .key-icon { font-size:2.5rem;}
.cartItemEditContent .numaricKeyPadGrid .disc-btn { background:#2e99db; color:#333; }
.cartItemEditContent .cartEditButton ul { text-align: left; margin-left: 6rem;}
.cartItemEditContent .submitButton { font-size: 3rem; padding: 2.5rem 21rem; }
.bottomButtonIcon ul li { margin: 0.5rem 0.5rem; }
.bottomButtonIcon ul li a { font-size: 2rem; }
.bottomButtonIcon ul li a i { font-size: 3rem; }
.bottomButtonIcon ul li a span { font-size: 2rem; }
.bottomButtonIcon .key-btn-1 { min-width: 18rem; height: 5.5rem; padding: 1rem; font-size:1.2rem; }
.custCalendarContent .backButton { padding: 0.6rem 1rem; display: block; }
.custBreadcrumbDiv .openCustPayHisory { display: block;font-size: 1.7rem; padding: 1.25rem 1rem; }
.custOrderDivContent .borderRadius { height:79%}
.custOrderDivContent table th { font-size: 11pt; }
.vendorCalendarContent .backButton { padding: 0.6rem 1rem; display: block; }
.vendorBreadcrumbDiv .openVendorPayHisory { display: block;font-size: 1.7rem; padding: 1.25rem 1rem; }
.vendorInvoiceDivContent .borderRadius { height:79%}
.vendorInvoiceDivContent table th { font-size: 11pt; }
.stockCardDivContent .backButton { padding: 0.6rem 1rem; display: block; }
}
@media (min-width: 376px) and (max-width: 414px)
{
/*------- Index Page keypad Start -------*/
.indexLogo { width: 40rem !important; }
.loginBox { height:35rem !important ; width: 40rem !important; top: 5rem !important; }
.loginBox .input-group { padding-bottom: 1rem; }
.loginBox input { height: 5rem; }
.loginBox hr { margin: 0rem; }
.loginBox .input-group-addon { font-size: 3rem;}
.loginBox .form-control { font-size: 2rem;}
.loginBox .btn-lg { font-size: 2.5rem;}
.loginBox p { font-size: 2rem;}
/*------ Index Page keypad End -------*/
.containerDivContent { height: 89%; }
.footerDivContent { height: 6%; padding-top: 2rem;}
.leftSideDivContent { width: 100%; }
.rightSideDivContent { width: 100%; display:none;}
.bigmenu { display: none; }
.menusmall{ display: block; }
.cardDivContent { height: 77.5%;}
.cardDivContent h3 { font-size: 2.5rem; }
.cardDivContent .cartDelete { padding: 0px 1rem; font-size: 3rem; padding-right: 6rem; }
.cardDivContent .backButton { padding: 0.6rem 1rem; display: block; }
.cardDivContent .cartItemContent { height: 92%;}
.cardDivContent .productName , .cardDivContent .productQuantity, .cardDivContent .productTotal{ font-size:1.4rem; }
.cardDivContent .productPrice ,.cardDivContent .productDisc { font-size:1.4rem; }
.billDetailContent { height: 14%; }
.billDetailContent .divBreakHr { border-top: 2px solid #ccc5c5;}
.billDetailContent .billHeading { font-size:2rem; }
.billDetailContent .billHeadingAmt { font-size:2rem; }
.paymentButtonDiv .payButton { font-size: 2.5rem; padding: 1.2rem 1.2rem;}
.itemRetailContent { height:92.3%;}
.searchbox { font-size: 2rem; padding: 2rem 1rem; }
.searchDivContent .cartProAutoContainer ul {font-size: 2rem; }
.searchDivContent .cartProAutoContainer ul li { padding: 1rem; }
.leftSideDivContent .openCartButton { display: block; }
.leftSideDivContent .breadCrumbButton, .leftSideDivContent .openCartButton { font-size: 1.7rem; padding: 1.25rem 1rem; }
.mainCateDivContent .main-cate, .subCateDivContent .sub-cate , .productDivContent .productItem { width: 31%; }
.mainCateDivContent .main-cate img, .subCateDivContent .sub-cate img, .productDivContent .productItem img {width: 13rem; height: 13rem; }
.mainCateDivContent .main-cate h2 , .subCateDivContent .sub-cate h2 , .productDivContent .product-name { max-width: 13rem; font-size: 1.45rem; }
.productDivContent .productItem .price-tag {line-height: 1.6rem; font-size: 1.5rem;}
.custOrderDivContent .borderRadius { height:79%;}
.custOrderDivContent table th { font-size: 11pt; }
.cartItemEditDiv .cartItemEditCancel h3{ margin: 0.4rem; font-size: 2.5rem; padding-bottom: 0.5rem; }
.cartItemEditDiv .cartItemEditContent { top: 4rem; }
.cartItemEditContent .nav-tabs > li { font-size: 2rem; }
.cartItemEditContent .editTextBox { text-align: left; margin-left: 6rem; }
.cartItemEditContent .editTextBox ul { text-align: left; }
.cartItemEditContent .editTextBox .qtylabel { padding: 4.0rem 1.0rem 3.9rem 1.0rem; font-size: 2.0rem; }
.cartItemEditContent .editTextBox .unitlabel { padding: 4.0rem 1.0rem 3.9rem 1.0rem; font-size: 2.0rem; }
.cartItemEditContent .editTextBox .pricelabel { padding: 4.0rem 3.0rem 3.9rem 3.0rem; font-size: 2.0rem; }
.cartItemEditContent .editTextBox .disclabel { padding: 4.0rem 1.5rem 3.9rem 1.0rem; font-size: 2.0rem; }
.cartItemEditContent .editTextBox input { padding: 1.0rem 1.5rem 1.0rem 1.5rem; font-size: 2.5rem; width: 15rem; height: 10rem; }
.cartItemEditContent .editTextBox .unitlabel .rupeeIcon { padding-right: 3rem; font-size: 3rem; }
.cartItemEditContent .editTextBox .unitlabel .deleteIcon { font-size: 4rem; }
.cartItemEditContent .keyPadContent { margin-top: 3rem; }
.cartItemEditContent .numaricKeyPadGrid ul { text-align: left; margin-left: 6rem; }
.cartItemEditContent .numaricKeyPadGrid .key-btn { width: 12rem; height: 7rem; padding: 3rem; padding-left: 4rem; font-size: 3rem; }
.cartItemEditContent .numaricKeyPadGrid .key-icon { font-size:2.5rem;}
.cartItemEditContent .numaricKeyPadGrid .disc-btn { background:#2e99db; color:#333; padding-left: 3rem; }
.cartItemEditContent .cartEditButton ul { text-align: left; margin-left: 6rem;}
.cartItemEditContent .submitButton { font-size: 3rem; padding: 2.5rem 15rem; }
.bottomButtonIcon ul li { margin: 0.5rem 0.5rem; }
.bottomButtonIcon ul li a { font-size: 2rem; }
.bottomButtonIcon ul li a i { font-size: 3rem; }
.bottomButtonIcon ul li a span { font-size: 2rem; }
.bottomButtonIcon .key-btn-1 { min-width: 18rem; height: 5.5rem; padding: 1rem; font-size:1.2rem; }
.custCalendarContent .backButton { padding: 0.6rem 1rem; display: block; }
.custBreadcrumbDiv .openCustPayHisory { display: block;font-size: 1.7rem; padding: 1.25rem 1rem; }
.custOrderDivContent .borderRadius { height:79%;}
.custOrderDivContent table th { font-size: 11pt; }
.vendorCalendarContent .backButton { padding: 0.6rem 1rem; display: block; }
.vendorBreadcrumbDiv .openVendorPayHisory { display: block;font-size: 1.7rem; padding: 1.25rem 1rem; }
.vendorInvoiceDivContent .borderRadius { height:79%}
.vendorInvoiceDivContent table th { font-size: 11pt; }
.stockCardDivContent .backButton { padding: 0.6rem 1rem; display: block; }
}
@media (min-width: 361px) and (max-width: 375px)
{
/*------- Index Page keypad Start -------*/
.indexLogo { width: 40rem !important; }
.loginBox { height:35rem !important ; width: 40rem !important; top: 5rem !important; }
.loginBox .input-group { padding-bottom: 1rem; }
.loginBox input { height: 5rem; }
.loginBox hr { margin: 0rem; }
.loginBox .input-group-addon { font-size: 3rem;}
.loginBox .form-control { font-size: 2rem;}
.loginBox .btn-lg { font-size: 2.5rem;}
.loginBox p { font-size: 2rem;}
/*------ Index Page keypad End -------*/
.containerDivContent { height: 89%; }
.footerDivContent { height: 6%; padding-top: 2rem;}
.leftSideDivContent { width: 100%; }
.rightSideDivContent { width: 100%; display:none;}
.bigmenu { display: none; }
.menusmall{ display: block; }
.cardDivContent { height: 77.5%;}
.cardDivContent h3 { font-size: 2.5rem; }
.cardDivContent .cartDelete { padding: 0px 1rem; font-size: 3rem; padding-right: 6rem; }
.cardDivContent .backButton { padding: 0.6rem 1rem; display: block; }
.cardDivContent .cartItemContent { height: 92%;}
.cardDivContent .productName , .cardDivContent .productQuantity, .cardDivContent .productTotal{ font-size:1.4rem; }
.cardDivContent .productPrice ,.cardDivContent .productDisc { font-size:1.4rem; }
.billDetailContent { height: 14%; }
.billDetailContent .divBreakHr { border-top: 2px solid #ccc5c5;}
.billDetailContent .billHeading { font-size:2rem; }
.billDetailContent .billHeadingAmt { font-size:2rem; }
.paymentButtonDiv .payButton { font-size: 2.5rem; padding: 0.8rem 1.2rem;}
.itemRetailContent { height:92.3%;}
.searchbox { font-size: 1.7rem; padding: 2rem 1rem; }
.searchDivContent .cartProAutoContainer ul {font-size: 1.7rem; }
.searchDivContent .cartProAutoContainer ul li { padding: 1rem; }
.leftSideDivContent .openCartButton { display: block; }
.leftSideDivContent .breadCrumbButton, .leftSideDivContent .openCartButton { font-size: 1.6rem; padding: 1.25rem 1.5rem; }
.mainCateDivContent .main-cate, .subCateDivContent .sub-cate , .productDivContent .productItem { width: 30.5%; }
.mainCateDivContent .main-cate img, .subCateDivContent .sub-cate img, .productDivContent .productItem img {width: 12rem; height: 12rem; }
.mainCateDivContent .main-cate h2 , .subCateDivContent .sub-cate h2 , .productDivContent .product-name { max-width: 12rem; font-size: 1.45rem; }
.productDivContent .productItem .price-tag {line-height: 1.6rem; font-size: 1.5rem;}
.cartItemEditDiv .cartItemEditCancel h3{ margin: 0.4rem; font-size: 2.5rem; padding-bottom: 0.5rem; }
.cartItemEditDiv .cartItemEditContent { top: 4rem; }
.cartItemEditContent .nav-tabs > li { font-size: 2rem; }
.cartItemEditContent .editTextBox { text-align: left; margin-left: 6rem; }
.cartItemEditContent .editTextBox ul { text-align: left; }
.cartItemEditContent .editTextBox .qtylabel { padding: 4.0rem 1.0rem 3.9rem 1.0rem; font-size: 2.0rem; }
.cartItemEditContent .editTextBox .unitlabel { padding: 4.0rem 1.0rem 3.9rem 1.0rem; font-size: 2.0rem; }
.cartItemEditContent .editTextBox .pricelabel { padding: 4.0rem 3.0rem 3.9rem 3.0rem; font-size: 2.0rem; }
.cartItemEditContent .editTextBox .disclabel { padding: 4.0rem 1.5rem 3.9rem 1.0rem; font-size: 2.0rem; }
.cartItemEditContent .editTextBox input { padding: 1.0rem 1.5rem 1.0rem 1.5rem; font-size: 2.5rem; width: 12rem; height: 10rem; }
.cartItemEditContent .editTextBox .unitlabel .rupeeIcon { padding-right: 3rem; font-size: 3rem; }
.cartItemEditContent .editTextBox .unitlabel .deleteIcon { font-size: 4rem; }
.cartItemEditContent .keyPadContent { margin-top: 3rem; }
.cartItemEditContent .numaricKeyPadGrid ul { text-align: left; margin-left: 6rem; }
.cartItemEditContent .numaricKeyPadGrid .key-btn { width: 11rem; height: 7rem; padding: 3rem; padding-left: 4rem; font-size: 3rem; }
.cartItemEditContent .numaricKeyPadGrid .key-icon { font-size:2.5rem;}
.cartItemEditContent .numaricKeyPadGrid .disc-btn { background:#2e99db; color:#333; padding-left: 3rem; }
.cartItemEditContent .cartEditButton ul { text-align: left; margin-left: 6rem;}
.cartItemEditContent .submitButton { font-size: 3rem; padding: 2.5rem 13.5rem; }
.bottomButtonIcon ul li { margin: 0.5rem 0.5rem; }
.bottomButtonIcon ul li a { font-size: 2rem; }
.bottomButtonIcon ul li a i { font-size: 3rem; }
.bottomButtonIcon ul li a span { font-size: 2rem; }
.bottomButtonIcon .key-btn-1 { min-width: 18rem; height: 5.5rem; padding: 1rem; font-size:1.2rem; }
.custCalendarContent .backButton { padding: 0.6rem 1rem; display: block; }
.custBreadcrumbDiv .openCustPayHisory { display: block;font-size: 1.6rem; padding: 1.25rem 1.5rem; }
.custOrderDivContent .borderRadius { height:79%}
.custOrderDivContent table th { font-size: 11pt; }
.vendorCalendarContent .backButton { padding: 0.6rem 1rem; display: block; }
.vendorBreadcrumbDiv .openVendorPayHisory { display: block;font-size: 1.6rem; padding: 1.25rem 1.5rem; }
.vendorInvoiceDivContent .borderRadius { height:79%}
.vendorInvoiceDivContent table th { font-size: 11pt; }
.stockCardDivContent .backButton { padding: 0.6rem 1rem; display: block; }
}
@media (min-width: 321px) and (max-width: 360px)
{
/*------- Index Page keypad Start -------*/
.indexLogo { width: 40rem !important; }
.loginBox { height:35rem !important ; width: 40rem !important; top: 5rem !important; }
.loginBox .input-group { padding-bottom: 1rem; }
.loginBox input { height: 5rem; }
.loginBox hr { margin: 0rem; }
.loginBox .input-group-addon { font-size: 3rem;}
.loginBox .form-control { font-size: 1.8rem;}
.loginBox .btn-lg { font-size: 1.8rem;}
.loginBox p { font-size: 1.8rem;}
/*------ Index Page keypad End -------*/
.containerDivContent { height: 89%; }
.footerDivContent { height: 6%; padding-top: 2rem;}
.leftSideDivContent { width: 100%; }
.rightSideDivContent { width: 100%; display:none;}
.bigmenu { display: none; }
.menusmall{ display: block; }
.cardDivContent { height: 77.5%;}
.cardDivContent h3 { font-size: 2.5rem; }
.cardDivContent .cartDelete { padding: 0px 1rem; font-size: 3rem; padding-right: 6rem; }
.cardDivContent .backButton { padding: 0.6rem 1rem; display: block; }
.cardDivContent .cartItemContent { height: 92%;}
.cardDivContent .productName , .cardDivContent .productQuantity, .cardDivContent .productTotal{ font-size:1.4rem; }
.cardDivContent .productPrice ,.cardDivContent .productDisc { font-size:1.4rem; }
.billDetailContent { height: 14%; }
.billDetailContent .divBreakHr { border-top: 2px solid #ccc5c5;}
.billDetailContent .billHeading { font-size:2rem; }
.billDetailContent .billHeadingAmt { font-size:2rem; }
.paymentButtonDiv .payButton { font-size: 2.5rem; padding: 0.8rem 1.2rem;}
.itemRetailContent { height:91.5%;}
.searchbox { font-size: 1.6rem; padding: 2rem 1rem; }
.searchDivContent .cartProAutoContainer ul {font-size: 1.6rem; }
.searchDivContent .cartProAutoContainer ul li { padding: 1rem; }
.leftSideDivContent .openCartButton { display: block; }
.leftSideDivContent .breadCrumbButton, .leftSideDivContent .openCartButton { font-size: 1.6rem; padding: 1rem 1.5rem; }
.mainCateDivContent .main-cate, .subCateDivContent .sub-cate , .productDivContent .productItem { width: 30.5%; }
.mainCateDivContent .main-cate img, .subCateDivContent .sub-cate img, .productDivContent .productItem img {width: 11rem; height: 11rem; }
.mainCateDivContent .main-cate h2 , .subCateDivContent .sub-cate h2 , .productDivContent .product-name { max-width: 11rem; font-size: 1.45rem; }
.productDivContent .productItem .price-tag {line-height: 1.6rem; font-size: 1.5rem;}
.cartItemEditDiv .cartItemEditCancel h3{ margin: 0.4rem; font-size: 2.5rem; padding-bottom: 0.5rem; }
.cartItemEditDiv .cartItemEditContent { top: 4rem; }
.cartItemEditContent .nav-tabs > li { font-size: 2rem; }
.cartItemEditContent .editTextBox { text-align: left; margin-left: 6rem; }
.cartItemEditContent .editTextBox ul { text-align: left; }
.cartItemEditContent .editTextBox .qtylabel { padding: 3.5rem 1.0rem 3.4rem 1.0rem; font-size: 2.0rem; }
.cartItemEditContent .editTextBox .unitlabel { padding: 3.5rem 1.0rem 3.4rem 1.0rem; font-size: 2.0rem; }
.cartItemEditContent .editTextBox .pricelabel { padding: 3.5rem 3.0rem 3.4rem 3.0rem; font-size: 2.0rem; }
.cartItemEditContent .editTextBox .disclabel { padding: 3.5rem 1.5rem 3.4rem 1.0rem; font-size: 2.0rem; }
.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: 4rem; }
.cartItemEditContent .keyPadContent { margin-top: 3rem; }
.cartItemEditContent .numaricKeyPadGrid ul { text-align: left; margin-left: 6rem; }
.cartItemEditContent .numaricKeyPadGrid .key-btn { width: 11rem; height: 7rem; padding: 3rem; padding-left: 4rem; font-size: 3rem; }
.cartItemEditContent .numaricKeyPadGrid .key-icon { font-size:2.5rem;}
.cartItemEditContent .numaricKeyPadGrid .disc-btn { background:#2e99db; color:#333; padding-left: 3rem; }
.cartItemEditContent .cartEditButton ul { text-align: left; margin-left: 6rem;}
.cartItemEditContent .submitButton { font-size: 3rem; padding: 2.5rem 13.5rem; }
.bottomButtonIcon ul li { margin: 0.5rem 0.5rem; }
.bottomButtonIcon ul li a { font-size: 2rem; }
.bottomButtonIcon ul li a i { font-size: 3rem; }
.bottomButtonIcon ul li a span { font-size: 2rem; }
.bottomButtonIcon .key-btn-1 { min-width: 18rem; height: 5.5rem; padding: 1rem; font-size:1.2rem; }
.custCalendarContent .backButton { padding: 0.6rem 1rem; display: block; }
.custBreadcrumbDiv .openCustPayHisory { display: block;font-size: 1.6rem; padding: 1.25rem 1.5rem; }
.custOrderDivContent .borderRadius { height:79%}
.custOrderDivContent table th { font-size: 11pt; }
.vendorCalendarContent .backButton { padding: 0.6rem 1rem; display: block; }
.vendorBreadcrumbDiv .openVendorPayHisory { display: block;font-size: 1.6rem; padding: 1.25rem 1.5rem; }
.vendorInvoiceDivContent .borderRadius { height:79%}
.vendorInvoiceDivContent table th { font-size: 11pt; }
.stockCardDivContent .backButton { padding: 0.6rem 1rem; display: block; }
}
@media screen and (max-width: 320px)
{
/*------- Index Page keypad Start -------*/
.indexLogo { width: 35rem !important; }
.loginBox { height:35rem !important ; width: 35rem !important; top: 5rem !important; }
.loginBox .input-group { padding-bottom: 1rem; }
.loginBox input { height: 5rem; }
.loginBox hr { margin: 0rem; }
.loginBox .input-group-addon { font-size: 3rem;}
.loginBox .form-control { font-size: 1.8rem;}
.loginBox .btn-lg { font-size: 1.8rem;}
.loginBox p { font-size: 1.8rem;}
/*------ Index Page keypad End -------*/
.containerDivContent { height: 89%; }
.footerDivContent { height: 5%;}
.leftSideDivContent { width: 100%; }
.rightSideDivContent { width: 100%; display:none;}
.bigmenu { display: none; }
.menusmall{ display: block; }
.cardDivContent { height: 73%;}
.cardDivContent h3 { font-size: 2.5rem; }
.cardDivContent .cartDelete { padding: 0px 1rem; font-size: 3rem; padding-right: 6rem; }
.cardDivContent .backButton { padding: 0.6rem 1rem; display: block; }
.cardDivContent .cartItemContent { height: 92%;}
.cardDivContent .productName , .cardDivContent .productQuantity, .cardDivContent .productTotal{ font-size:1.4rem; }
.cardDivContent .productPrice ,.cardDivContent .productDisc { font-size:1.4rem; }
.billDetailContent { height: 17%; }
.billDetailContent .divBreakHr { border-top: 2px solid #ccc5c5;}
.billDetailContent .billHeading { font-size:2rem; }
.billDetailContent .billHeadingAmt { font-size:2rem; }
.paymentButtonDiv .payButton { font-size: 2.5rem; padding: 0.8rem 1.2rem;}
.itemRetailContent { height:78%;}
.searchbox { font-size: 1.5rem; padding: 2rem 1rem; }
.searchDivContent .cartProAutoContainer ul {font-size: 1.5rem; }
.searchDivContent .cartProAutoContainer ul li { padding: 0.5rem 1rem; }
.leftSideDivContent .openCartButton { display: block; }
.leftSideDivContent .breadCrumbButton, .leftSideDivContent .openCartButton { font-size: 1.6rem; padding: 1rem 1.5rem; }
.mainCateDivContent .main-cate, .subCateDivContent .sub-cate , .productDivContent .productItem { width: 30.5%; }
.mainCateDivContent .main-cate img, .subCateDivContent .sub-cate img, .productDivContent .productItem img {width: 10rem; height: 10rem; }
.mainCateDivContent .main-cate h2 , .subCateDivContent .sub-cate h2 , .productDivContent .product-name { max-width: 10rem; font-size: 1.45rem; }
.productDivContent .productItem .price-tag {line-height: 1.6rem; font-size: 1.5rem;}
.cartItemEditDiv .cartItemEditCancel h3{ margin: 0.4rem; font-size: 2.5rem; padding-bottom: 0.5rem; }
.cartItemEditDiv .cartItemEditContent { top: 4rem; }
.cartItemEditContent .nav-tabs > li { font-size: 2rem; }
.cartItemEditContent .editTextBox { text-align: left; margin-left: 1rem; }
.cartItemEditContent .editTextBox ul { text-align: left; }
.cartItemEditContent .editTextBox .qtylabel { padding: 2.7rem 3.5rem 2.5rem 1.0rem; font-size: 1.5rem; }
.cartItemEditContent .editTextBox .unitlabel { padding: 2.7rem 1.0rem 2.5rem 1.0rem; font-size: 1.5rem; }
.cartItemEditContent .editTextBox .pricelabel { padding: 2.7rem 3.2rem 2.5rem 3.0rem; font-size: 1.5rem; }
.cartItemEditContent .editTextBox .disclabel { padding: 2.7rem 1.5rem 2.5rem 1.0rem; font-size: 1.5rem; }
.cartItemEditContent .editTextBox input { padding: 1.0rem 1.5rem 1.0rem 1.5rem; font-size: 2.0rem; width: 14rem; height: 7rem; }
.cartItemEditContent .editTextBox .unitlabel .rupeeIcon { padding-right: 3rem; font-size: 2.5rem; }
.cartItemEditContent .editTextBox .unitlabel .deleteIcon { font-size: 3rem; }
.cartItemEditContent .keyPadContent { margin-top: 3rem; }
.cartItemEditContent .numaricKeyPadGrid ul { text-align: left; margin-left: 1rem; }
.cartItemEditContent .numaricKeyPadGrid .key-btn { width: 11rem; height: 6rem; padding: 2rem; padding-left: 4rem; font-size: 3rem; }
.cartItemEditContent .numaricKeyPadGrid .key-icon { font-size:2.5rem;}
.cartItemEditContent .numaricKeyPadGrid .disc-btn { background:#2e99db; color:#333; padding-left: 3rem; }
.cartItemEditContent .cartEditButton ul { text-align: left; margin-left: 1rem;}
.cartItemEditContent .submitButton { font-size: 3rem; padding: 2rem 13.5rem; }
.bottomButtonIcon ul li { margin: 0.5rem 0.5rem; }
.bottomButtonIcon ul li a { font-size: 2rem; }
.bottomButtonIcon ul li a i { font-size: 3rem; }
.bottomButtonIcon ul li a span { font-size: 2rem; }
.bottomButtonIcon .key-btn-1 { min-width: 12rem; height: 5.5rem; padding: 1rem; font-size:1.2rem; }
.custCalendarContent .backButton { padding: 0.6rem 1rem; display: block; }
.custBreadcrumbDiv .openCustPayHisory { display: block;font-size: 1.6rem; padding: 1.25rem 1.5rem; }
.custOrderDivContent .borderRadius { height:79%}
.custOrderDivContent table th { font-size: 11pt; }
.vendorCalendarContent .backButton { padding: 0.6rem 1rem; display: block; }
.vendorBreadcrumbDiv .openVendorPayHisory { display: block;font-size: 1.6rem; padding: 1.25rem 1.5rem; }
.vendorInvoiceDivContent .borderRadius { height:79%}
.vendorInvoiceDivContent table th { font-size: 11pt; }
.stockCardDivContent .backButton { padding: 0.6rem 1rem; display: block; }
}