@media screen and (max-width:1699px){
	.responsiveTable .wastage{width:100%;overflow-x:auto;}
	.responsiveTable .wastage table{width:1600px !important;}	
	.responsiveTable .inventory{width:100%;overflow-x:auto;}
	.responsiveTable .inventory table{width:1600px !important;}
	.responsiveTable .historyTable{width:100%;overflow-x:auto;}
	.responsiveTable .historyTable table{width:1600px !important;}
}
@media screen and (max-width:1629px){
	.searchFilter span{margin-right:5px;width:calc(50% - 5px);margin-bottom:5px;}
	.searchFilter span:nth-child(even){margin-right:0;margin-left:5px;}
	.searchFilter .btn{width:auto;margin:0 5px 5px 0 !important;}
	.searchFilter .selectField{width:calc(50% - 5px);}
	.searchFilter .date{width:calc(50% - 5px);}
	.responsiveTable .ingredient{width:100%;overflow-x:auto;}
	.responsiveTable .ingredient table{width:1400px;}	
}
@media screen and (max-width:1399px){
	.responsiveTable .tableScroller{width:100%;overflow-x:auto;}
	.responsiveTable .tableScroller table{width:1400px;}	
	.accordionContent ul li{width:calc(50% - 22px);}
}

@media screen and (max-width:1279px){
	.formFields .formCol4{width:calc(50% - 20px);}
	.formFields .formCol2{width:calc(100% - 20px);}
}

@media screen and (max-width:1199px){
	.responsiveTable .tableScroller{width:100%;overflow-x:hidden;}
	.responsiveTable .tableScroller table{width:100%;}	
	.responsiveTable .ingredient{width:100%;overflow-x:hidden;}
	.responsiveTable .ingredient table{width:100%;}
	.responsiveTable .wastage{width:100%;overflow-x:hidden;}
	.responsiveTable .wastage table{width:100% !important;}	
	.responsiveTable .historyTable{width:100%;overflow-x:hidden;}
	.responsiveTable .historyTable table{width:100% !important;}	
	.responsiveTable{margin-top:0;}
	.responsiveTable .container{width: calc(100% - 20px);padding:0 10px;}
	.responsiveTable table{margin:0;border-radius:5px;}
	.responsiveTable table thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
	.responsiveTable table tr{display:block;border-bottom:none;border-radius:5px;margin:10px 0 10px 0;background:#e5e3e3;}
	.responsiveTable table tbody tr td{border-bottom:none;display:block;text-align:right !important;padding:6px 12px;}
	.responsiveTable table td::before{content: attr(data-label);float:left;font-weight:600;color:#1d4567;}
	.responsiveTable table tbody tr td:last-child{paddding-bottom:0;}
	.responsiveTable table tbody tr:last-child td{border-bottom:none;}
	.responsiveTable table .checkBoxStyle{text-align:right !important;display:inline-block;padding-bottom:10px;margin:15px 15px 0 0;}
	.responsiveTable .viewAll{position:relative;right:0;top:0;text-align:right;display:block;}
	.responsiveTable input[type="text"]:disabled{border:1px solid #ffffff;}
	.responsiveTable table thead tr th.noPadding,
	.responsiveTable table tbody tr td.noPadding{padding:5px 10px;}
	.userAccess{margin-top:0;}
	.userAccess .container{padding-bottom:0;}
	.user-access-table{width:100%;overflow:auto;border-radius:5px;}
	.user-access-table table{width:100%;}
	.user-access-table table thead{border:none;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
	.user-access-table table tr{display:block;border-bottom:none;border-radius:5px;margin:10px 0 20px 0;background:#fdf0d8;}
	.user-access-table table tbody tr td{border-top:none;display:block;text-align:left !important;padding:7.5px 10px;background:none;white-space:normal;}
	.user-access-table table td::before{content:attr(data-label);font-weight:600;color:#1d4567;}
	.user-access-table table tbody tr td:last-child{paddding-bottom:0;}
	.user-access-table table tbody tr:last-child td{border-bottom:none;}
	.user-access-table tbody th{color:#ffffff !important;text-align:left !important;padding:10px;border-top-left-radius:5px;border-top-right-radius:5px;position:relative;background:#ffffff;font-size:14px;line-height:18px; width:calc(100% - 20px);height:auto;margin-top:0;display:block;}
	.clone{position:relative;top:0;left:0;pointer-events:none;display:none !important;}
	.clone th, .clone td{visibility:visible;}
	.clone td, .clone th{border-color:transparent;}
	.clone tbody th{visibility:visible; background:#f7b035;}
	.clone .fixed-side{border-bottom:1px solid #fdf0d8;visibility:hidden;}
	.clone tbody .fixed-side{color:#232323;font-size:14px;line-height:18px;font-weight:600;}
	.clone thead{background:transparent;}
	.clone tr{background:#fdf0d8;}
	.pagination{margin:0 0 10px 0;}
	.pagination .page{display:block;text-align:center;width:100%;}
	.pagination .pageNum{display:block;text-align:center;width:100%;margin:15px 0;}
	.pagination ul li span{margin:0;}
	.pagination ul li a{margin:0;}
	.backBtn.add{margin-top:0;}
}

@media screen and (max-width:999px){
	.searchFilter span{margin-right:0;width:100%;margin-bottom:5px;}
	.searchFilter span:nth-child(even){margin-left:0;}
	.searchFilter .selectField{width:100%;}
	.searchFilter .date{width:100%;}
	.searchFilter .btn{width:auto;margin-right:5px;}
}

@media screen and (max-width:800px){
	.header{padding:10.5px 15px;width:calc(100% - 30px);position:relative;z-index:0;}
	.page-wrapper .footer{position:relative;}
	.page-wrapper .footer{padding:15px;width:calc(100% - 30px);}
	.commonPage{padding:25px 15px;width:calc(100% - 30px);}
	.formFields{width:100%;font-size:14px;line-height:18px;}
	.formFields .fieldName{width:100%;}
	.formFields .formCol4{width:100%;margin:0 0 10px 0;}
	.formFields .formCol2{width:100%;margin:0 0 10px 0;}
	.formFields .formCol{width:100%;margin:0 0 10px 0;}
}

@media screen and (max-height:729px){
	.RESET .wrapper{height:auto;padding-top:20px;}
	.RESET .footer{position:relative;padding:15px 0;}
}


@media screen and (max-width:699px){
	.accordionContent ul{width:100%;}
	.accordionContent ul li{width:calc(100% - 2px);margin-right:0;}
	.rightBtn{position:relative;display:block;top:0;margin-top:15px;}
	.categoryGrp li{display:block;width:100%;margin:10px 0;}
}

@media screen and (max-height:629px){
	.LOGIN .wrapper{height:auto;padding-top:20px;}
	.LOGIN .footer{position:relative;padding:15px 0;}
}
/*FOR PRINT ONLY*/
@media print {
	*{ color-adjust: exact; -webkit-print-color-adjust: exact; print-color-adjust: exact; margin:0; padding:0; }
}

@media screen and (max-width:1599px){
	.responsiveTable .orderHistory{width:100%;overflow-x:auto;}
	.responsiveTable .orderHistory table{width:1500px !important;}
}
@media screen and (max-width:1199px){
	.responsiveTable .orderHistory{width:100%;overflow-x:hidden;}
	.responsiveTable .orderHistory table{width:100% !important;}
}