@media only screen and (min-width: 1199px) and (max-width: 2999px) {
.zoom {
  zoom: 80% !important;
}
.sidebar-left .navigation-left {
        width: 250px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	/*------- Common CSS Starts -------*/
.sidebar-left .navigation-left {
        width: 250px;
}

.block-tab-landscape { display: block; }
.block-lap { display: block; }

	/*------- Common CSS Ends -------*/

	/*------- Mobile Close Menu Icon CSS Starts -------*/

.sidebar-close-menu { display: block; }

/*------- Mobile Close Menu Icon CSS Ends -------*/

	/*------- SignIn Form Section CSS Starts -------*/
	
.panel-sign-in { width: 50%; }
	
	/*------- SignIn Form Section CSS Ends -------*/

	/*------- Fixed Top Header CSS Starts -------*/

.top-header,
.top-header.active { padding-left: 0; } 

	/*------- Fixed Top Header CSS Ends -------*/

	/*------- Mobile Close Menu Icon CSS Starts -------*/

.sidebar-close-menu-icon { align-items: center; background-color: #353754; cursor: pointer; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; height: 60px; justify-content: center; width: 60px; }
.sidebar-close-menu-icon > i { color: #fff; font-size: 2.4rem; }

	/*------- Mobile Close Menu Icon CSS Ends -------*/

	/*------- Wrapper Section CSS Starts -------*/

.wrapper,
.wrapper.active { margin: 50px 0 0; }

	/*------- Wrapper Section CSS Ends -------*/

/*------- Button Page Starts -------*/

	/*------- Panel Button CSS Starts -------*/

.panel-button { margin-bottom: 30px; }
.btn-simple,
.btn-rounded { margin-bottom: 30px; }
.panel-label-body { padding: 30px 30px; }
.panel-button-body { padding: 30px 30px 0; }

	/*------- Panel Button CSS Ends -------*/

/*------- Button Page Ends -------*/

/*------- POS Page Starts -------*/

	/*------- Table Section Starts -------*/

.bg-pos-table { margin-top: 0; }

	/*------- Table Section Ends -------*/

	/*------- Payment Section Starts -------*/

.bg-payment-way-fixed,
.bg-payment-way-fixed.active { padding-left: 0; }
.flex-center-payment { display: block; }
.bg-payment-way { padding: 15px; }
.paymnet-way,
input[name="payment-mode"] + .payment-label { margin-bottom: 15px; }
.total-payment > p { margin-bottom: 15px; text-align: left; }
.save-print > a { margin-bottom: 0; }

	/*------- Payment Section Ends -------*/

/*------- POS Page Ends -------*/

/*------- POS-2 Page Starts -------*/

	/*------- POS Fixed Top Section Starts -------*/

.fixed-pos-header { position: static; }
.fixed-pos-header,
.fixed-pos-header.active { padding-left: 0; }

	/*------- POS Fixed Top Section Ends -------*/

	/*------- POS-2 Header Section Starts -------*/

.bg-pos-two-table { margin-top: 0; }
.panel-list-product-view { margin-bottom: 10px; }

	/*------- POS-2 Header Section Ends -------*/

	/*------- Images with Description Section Starts -------*/

.panel-body-pos-category-view { padding: 10px 10px 0; }
.panel-pos-category-view { margin-bottom: 10px; }
.quick-product-listing { height: 470px; }

	/*------- Images with Description Section Ends -------*/

/*------- POS-2 Page Ends -------*/

}

@media only screen and (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {

	/*------- SignUp Form Section CSS Starts -------*/

.bg-sign-up { padding: 30px; }
.form-sign-up-center { display: block; height: auto; }
.panel-sign-up { margin: 0 auto; width: 75%; }

	/*------- SignUp Form Section CSS Ends -------*/

	/*------- SignIn Form Section CSS Starts -------*/

.bg-sign-in, 
.particles-js-canvas-el { height: 100vh !important; }
.panel-sign-in { width: 50%; }
	
	/*------- SignIn Form Section CSS Ends -------*/

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

	/*------- Common CSS Starts -------*/

.block-tab { display: block; }

	/*------- Common CSS Ends -------*/

	/*------- Margin and Padding CSS Starts -------*/

.mb-sm-10 { margin-bottom: 10px; }

	/*------- Margin and Padding CSS Ends -------*/

	/*------- SignIn Form Section CSS Starts -------*/
	
.bg-sign-in, 
.particles-js-canvas-el { height: 100vh !important; }
.panel-sign-in { width: 50%; }
	
	/*------- SignIn Form Section CSS Ends -------*/

	/*------- Fixed Top Header CSS Starts -------*/

.top-header { margin-bottom: 0; }
.top-header.active { padding-left: 0; }
.admin-panel { font-size: 2.4rem; }
.top-menu-listing-dropdown > li > a { font-size: 1.6rem; }
.top-menu-listing > li > a > i > span { border: 0; }

	/*------- Fixed Top Header CSS Ends -------*/

	/*------- Tab Sidebar Menu Section Starts  -------*/

.sidebar-menu-listing > li > a,
.sidebar-submenu-listing > li > a { font-size: 1.6rem; }

	/*------- Tab Sidebar Menu Section Ends  -------*/

	/*------- Mobile Close Menu Icon CSS Starts -------*/

.sidebar-close-menu { display: block; }
.sidebar-close-menu-icon { align-items: center; background-color: #353754; cursor: pointer; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; height: 60px; justify-content: center; width: 60px; }
.sidebar-close-menu-icon > i { color: #fff; font-size: 2.4rem; }

	/*------- Mobile Close Menu Icon CSS Ends -------*/

	/*------- Wrapper Section CSS Starts -------*/

.wrapper,
.wrapper.active { margin: 50px 0 0 0; }

	/*------- Wrapper Section CSS Ends -------*/

	/*------- DataTable Section Starts -------*/

.table-datatable > thead > tr > th > a { margin-left: 10px; position: static; }

	/*------- DataTable Section Ends -------*/

/*------- Modal Page Starts -------*/

	/*------- Gradient Buttons of Modal CSS Starts -------*/

.btn-gradient-1,
.btn-gradient-2 { margin-bottom: 10px; }

	/*------- Gradient Buttons of Modal CSS Ends -------*/

/*------- Modal Page Ends -------*/

/*------- POS Page Starts -------*/

	/*------- POS Fixed Top Section Starts -------*/

.panel-pos-invoice > p,
.panel-pos-case-sales > p,
.panel-pos-payment > p { font-size: 1.2rem; }

	/*------- POS Fixed Top Section Ends -------*/
	
	/*------- Table Section Starts -------*/

.bg-pos-table { margin-top: 0; }
	
	/*------- Table Section Ends -------*/

	/*------- Payment Section Starts -------*/

.bg-payment-way { background-color: #777; padding: 15px; }
.flex-center-payment { display: block; }
.paymnet-way,
input[name="payment-mode"] + .payment-label { margin-bottom: 15px; }
.total-payment > p { margin-bottom: 15px; text-align: left; }
.save-print > a { margin-bottom: 0; }
.panel-sheet { margin-bottom: 15px; }

	/*------- Payment Section Ends -------*/

/*------- POS Page Ends -------*/

/*------- POS-2 Page Starts -------*/

	/*------- POS Fixed Top Section Starts -------*/

.fixed-pos-header { position: static; }
.fixed-pos-header,
.fixed-pos-header.active { padding-left: 0; }

	/*------- POS Fixed Top Section Ends -------*/

	/*------- POS-2 Header Section Starts -------*/

.bg-pos-two-table { margin-top: 0; }
.panel-list-product-view { margin-bottom: 10px; }

	/*------- POS-2 Header Section Ends -------*/

	/*------- Images with Description Section Starts -------*/

.panel-body-pos-category-view { padding: 10px 10px 0; }
.panel-pos-category-view { margin-bottom: 10px; }
.quick-product-listing { height: 360px; }

	/*------- Images with Description Section Ends -------*/

/*------- POS-2 Page Ends -------*/

}

@media only screen and (max-width: 767px) {

	/*------- Common CSS Starts -------*/

body.overflow-hidden { overflow: hidden; }

	/*------- Common CSS Ends -------*/

	/*------- Margin and Padding CSS Starts -------*/

.mb-xs-10 { margin-bottom: 10px; }

	/*------- Margin and Padding CSS Ends -------*/

	/*------- SignUp Form Section CSS Starts -------*/

.bg-sign-up { padding: 15px; }
.form-sign-up-center { display: block; height: auto; }
.panel-sign-up-heading > h2, 
.panel-sign-in-heading > h2 { font-size: 2.4rem; }
.form-sign-up-addon { font-size: 1.6rem; }

	/*------- SignUp Form Section CSS Ends -------*/

	/*------- SignIn Form Section CSS Starts -------*/

.bg-sign-in { padding: 0 15px; }
.bg-sign-in, 
.particles-js-canvas-el { height: 100vh !important; }
.form-sign-in-center { width: 85%; }
.panel-sign-in { width: 100%; }

	/*------- SignIn Form Section CSS Ends -------*/

	/*------- Mobile Close Menu Icon CSS Starts -------*/

.sidebar-close-menu { display: none; }
.sidebar-close-menu-icon { background-color: #353754; align-items: center; display: flex; height: 60px; justify-content: center; width: 60px; }
.sidebar-close-menu-icon > i { color: #fff; font-size: 2.4rem; }

	/*------- Mobile Close Menu Icon CSS Ends -------*/

	/*------- Fixed Top Header CSS Starts -------*/

.top-header,
.top-header.active { padding: 0 10px 0 0; }
.admin-panel { font-size: 2.4rem; }
.top-menu-listing-dropdown > li > a { font-size: 1.6rem; }
/*.top-menu-listing > li:first-child,
.top-menu-listing > li:nth-child(2),
.top-menu-listing > li:nth-child(4) { display: none; }*/
.top-menu-listing > li { margin-right: 15px; }
.top-menu-listing > li > a > i > span { border: 0; }

	/*------- Fixed Top Header CSS Ends -------*/

	/*------- Mobile Sidebar Menu Section Starts  -------*/
.topmenu{
    display:none !important;
}
.sidebar-menu-listing > li > a,
.sidebar-submenu-listing > li > a { font-size: 1.6rem; }

	/*------- Mobile Sidebar Menu Section Ends  -------*/

	/*------- Blur Section Starts -------*/

.bg-blur { background-color: #000; display: none; height: 100%; left: 0; opacity: 0.7; position: fixed; top: 0; width: 100%; z-index: 2; }
.bg-blur.active { display: block; }

	/*------- Blur Section Ends -------*/

	/*------- Wrapper Section CSS Starts -------*/

.wrapper,
.wrapper.active { margin: 50px 0 0 0; }

	/*------- Wrapper Section CSS Ends -------*/

	/*------- Dashboard Section CSS Starts -------*/

.count-me { font-size: 1.8rem; }

	/*------- Dashboard Section CSS Ends -------*/

	/*------- Chart Section CSS Starts -------*/

.panel-chart { margin-bottom: 15px; }
.panel-bar-chart-heading > h3, .panel-line-chart-heading > h3, .panel-polar-area-chart-heading > h3, .panel-pie-chart-heading > h3 { font-size: 1.8rem; padding: 10px; }

	/*------- Chart Section CSS Ends -------*/

	/*------- Lable Section Starts -------*/

.panel-label { margin-bottom: 15px; }
.panel-label-body { padding: 15px 15px; }
.panel-primary-label-heading > h3, 
.panel-success-label-heading > h3, 
.panel-info-label-heading > h3, 
.panel-danger-label-heading > h3, 
.panel-dafault-label-heading >h3, 
.panel-warning-label-heading > h3,
.panel-danger-alert-heading > h3, 
.panel-success-alert-heading > h3, 
.panel-info-alert-heading > h3, 
.panel-warning-alert-heading > h3 { font-size: 1.8rem; padding: 10px; }

	/*------- Lable Section Ends -------*/

	/*------- Custom .table-dashboard CSS Starts -------*/

.table-dashboard { border: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; margin-bottom: 0; }
.table-dashboard thead { display: none; }
.table-dashboard tr {
	border: 0;
	display: block;
	margin-bottom: 10px;
	padding: 0;
}
.table-dashboard td {
	border-bottom: 0;
	display: block;
	font-size: 1.4rem;
	text-align: right;
}
.table-dashboard td:before {
	content: attr(data-label);
	float: left;
}
.table-dashboard td:last-child { border-bottom: 1px solid #b5b5b5; }

	/*------- Custom .table-dashboard CSS Ends -------*/

	/*------- Alerts Section Starts -------*/

.panel-alert { margin-bottom: 15px; }
.panel-alert-body { padding: 15px; }

	/*------- Alerts Section Ends -------*/

	/*------- DataTable Section Starts -------*/

.table-datatable > thead > tr > th > a { margin-left: 10px; position: static; }

	/*------- DataTable Section Ends -------*/

/*------- Basic Form Page Starts -------*/

.bg-form-page { padding: 0 15px 15px; }
.panel-form-basic { margin-top: 25px; }
.panel-form-basic-heading { font-size: 2.4rem; height: 50px; line-height: 50px; }
.panel-form-basic-body { padding: 15px; }

/*------- Basic Form Page Ends -------*/

/*------- Button Page Starts -------*/

	/*------- All Button Section Starts -------*/

.bg-full-width-button { padding: 15px; }
.mb-xs-10 { margin-bottom: 10px; }

	/*------- All Button Section Ends -------*/

/*------- Button Page Ends -------*/

/*------- Modal Page Starts -------*/

.btn-fir-custom-modal,
.btn-sec-custom-modal,
.btn-thi-custom-modal { margin-bottom: 15px; }
.gradient-center { text-align: center; }
.modal-box { min-width: 300px; }
.box-panel-modal { width: 300px; }
.table-scroll { height: 235px; overflow-y: scroll; }
.btn-gradient-1,
.btn-gradient-2,
.btn-gradient-3 { margin-bottom: 10px; }

/*------- Modal Page Ends -------*/

/*------- Sign In Page Option Section Starts -------*/

.box-sign-in { width: auto; }
.sign-in-heading,
.arrow-opt-center { display: none; }
.form-white-opt { padding: 50px 30px; width: 300px; }

/*------- Sign In Page Option Section Ends -------*/

/*------- POS Page Starts -------*/
	
	/*------- Heading Section Starts -------*/

.bg-pos-head { margin-bottom: 15px; padding: 15px 15px 0; }
.panel-sheet { margin-bottom: 15px; min-height: auto; }
.panel-sheet > p { font-size: 1.4rem; }

	/*------- Heading Section Ends -------*/

	/*------- Table Section Starts -------*/

.bg-pos-table { margin-top: 0; }
	
	/*------- Table Section Ends -------*/

	/*------- Payment Section Starts -------*/

.bg-payment-way-fixed { position: static; }
.bg-payment-way-fixed,
.bg-payment-way-fixed.active { padding-left: 0; }
.flex-center-payment { display: block; }
.bg-payment-way { padding: 15px; }
.paymnet-way,
input[name="payment-mode"] + .payment-label { margin-bottom: 15px; }
.total-payment > p { font-size: 1.6rem; margin-bottom: 15px; text-align: left; }
.save-print > a { font-size: 1.4rem; margin-bottom: 0; min-width: auto; }
.paymnet-way { font-size: 1.6rem; }
input[name="payment-mode"] + .payment-label > span { font-size: 1.4rem; }

	/*------- Payment Section Ends -------*/

	/*------- Table Section Starts -------*/

.quantity { display: block; }
.minus > i, 
.plus > i { font-size: 1.4rem; }

	/*------- Table Section Ends -------*/

/*------- POS Page Ends -------*/

/*------- POS-2 Page Starts -------*/

	/*------- POS Fixed Top Section Starts -------*/

.fixed-pos-header { position: static; }
.fixed-pos-header,
.fixed-pos-header.active { padding-left: 0; }
.panel-pos-header { margin-bottom: 10px; min-height: auto; }
.panel-pos-header > p, 
.panel-pos-header > p > a, 
.panel-invoice > p { font-size: 1.4rem; }

	/*------- POS Fixed Top Section Ends -------*/

	/*------- POS Table Section Starts -------*/

.bg-pos-two-table { margin-top: 0; }
.panel-list-product-view { margin-bottom: 10px; }

	/*------- POS Table Section Ends -------*/

	/*------- Images with Description Section Starts -------*/

.panel-body-pos-category-view { padding: 10px 10px 0; }
.panel-pos-category-view { margin-bottom: 10px; }

	/*------- Images with Description Section Ends -------*/

/*------- POS-2 Page Ends -------*/
.table-responsive  {
    border:0;
}
.table-responsive>.table-bordered>tbody>tr>td:first-child {
    border-left: 1px solid #ddd;
}

table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 100%;
	table-layout: fixed;
}
table thead {
	display:none;
}
table.data-table th, table.data-table td {
	padding: 0.15em;
	text-align: center;
	font-size: 0.8em;
}
table.data-table tr {
	border-bottom: 2px solid #49b749;
	display: block;
	margin-bottom: .40em;
}
table.data-table td {
	border-bottom: 1px solid #000;
	display: block;
	font-size: 0.80em;
	text-align: right;
}
table td::before {
	content: attr(data-label);
	float: left;
	font-weight: bold;
	text-transform: uppercase;
}
table td:last-child {
	border-bottom: 0;
}

}

@media only screen and (max-width: 767px) and (orientation: landscape) {

	/*------- SignIn Form Section CSS Starts -------*/

.bg-sign-in { height: auto !important; padding: 15px; }
.form-sign-in-center { display: block; height: auto; }

	/*------- SignIn Form Section CSS Ends -------*/

	/*------- Sidebar Menu Section Starts -------*/

.sidebar-menu-listing { height: 252px; overflow-y: scroll; }

	/*------- Sidebar Menu Section Ends -------*/
}