@media only screen and (max-width: 1640px) {
	.unit-cls {
		display: none;
	}

	.data-table-section-cls {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		gap: 12px 20px;
	}

	.labour-wraps {
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		gap: 13px 20px
	}

	.input-group-bands {
		width: 100% !important;
		max-width: 100% !important;
	}
}

@media only screen and (min-width:1200px) and (max-width:1400px) {
	.logregcon {
		padding-top: 30px;
	}

	.loginlogo {
		margin-bottom: 90px;
	}

	.updates-search-tags {
		width: 23%;
	}


}

@media only screen and (max-width: 1499px) {
	.download-cls {
		display: flex;
		justify-content: flex-start;
		gap: 30px;
	}
}

@media only screen and (max-width: 1399px) {
	.componets-cls .setting-card {
		height: 100%;
	}

	.modal-dialog {
		max-width: 500px !important;
	}

	.purchase-cls .modal-content {
		width: auto;
	}

	.purchase-cls .modal-content div.dataTables_wrapper div.dataTables_paginate ul.pagination {
		justify-content: end !important;
	}

	/* .select2-container {
		width: 100% !important;
	} */
}

@media only screen and (max-width: 1300px) {
	.setting-card {
		margin-bottom: 30px;
	}
}

/* ====== MEDIA QUERY for ≤1299px ====== */


/* For screens ≤1299px */
@media (max-width: 1299px) {
	.header {
		width: 100%;
		z-index: 9;
	}

	.dash-app {
		margin-left: 0;
	}

	.bodymenuopen .menu-overlay {
		width: 100%;
		height: 100%;
		z-index: 999;
		top: 0;
		left: 0;
		position: fixed;
		background: rgba(0, 0, 0, 0.8);
		transition: all 0.3s ease-in-out 0s;

		overflow: hidden;
	}

	.bodymenuopen .menu-overlay {
		opacity: 0.90;
		visibility: visible;
		z-index: 99;
	}

	/* Sidebar slides out if closed */
	body.bodymenuclose .leftbar-panel {
		transform: translateX(-100%);
		width: 360px;
	}

	/* Sidebar slides in if open */
	body.bodymenuopen .leftbar-panel {
		transform: translateX(0);
	}

	.leftbar-panel {
		transition: transform 0.3s ease;
	}

	/* Right panel full width, no left margin */
	.dass-midd-padd {
		margin-left: 0 !important;
		width: 100% !important;
		transition: margin-left 0.3s ease;
	}
}





@media only screen and (min-width:1200px) and (max-width:1299px) {}

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

	.pagination {
		padding-top: 0 !important;
	}

	.loginsection {
		height: calc(100vh - 65px);
	}

}

@media only screen and (min-width:992px) and (max-width:1199px) {
	
}

@media only screen and (max-width: 991px) {
	.componets-cls .setting-card {
		padding: 15px;
		height: 100%;
	}

	.middlesection {
		padding-left: 20px;
		padding-right: 20px;
	}

	.chart-labels {
		gap: 5px;
		flex-direction: column;
	}

	.setting-card-wrapper .row {
		flex-direction: column;
	}

	.setting-card-col {
		max-width: 100%;
	}



}

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

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

@media only screen and (max-width: 767px) {
	.quote-system-list {
		margin-bottom: 30px;
	}

	.bulk_delete_button {
		display: flex;
		justify-content: end;
	}

	#bulk_delete_button {
		position: unset;
	}

	.download-cls {
		gap: 20px;
	}

	.active-cls {
		margin-bottom: 25px;
	}

	.calender-cls {
		margin-bottom: 20px;
	}

	.stockiest-bands h3 {
		font-size: 13px;
	}

	.search-form {
		width: 100%;
	}

	body .quote-system-list {
		flex-direction: column;
		align-items: flex-start !important;
		gap: 15px;
	}

	.quote-system-list h2 {
		font-size: 26px;
	}

	.setting-card {
		flex-direction: column;
		gap: 10px;
	}

	.setting-card .label-text h2 {
		font-size: 18px;
	}

	.logregcon {
		width: auto;
		margin: 0 20px;
	}


	table.table-bordered.dataTable th,
	table.table-bordered.dataTable td {
		border-left-width: 1px !important;
	}

	.table-bordered {
		border-bottom: none !important;
	}


}

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

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

	.calender-wraps {
		flex-direction: column;
	}

	.calender-cls,
	.calender-cls-new {
		width: 100%;
		margin-bottom: 0;
		padding: 0 7px;
		margin-right: 0;
	}

	.download-cls .select2-container {
		width: 100% !important;
	}


	.accordien-cls,
	.stokiest-cls {
		align-items: flex-start;
		flex-direction: column;
	}

	.otp-cls input {
		width: 30px;
		height: 30px;
		padding: 0;
		font-size: 18px;
	}

	.loginlogo h5 {
		font-size: 15px;
	}
}

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

@media only screen and (max-width: 399px) {
	/* .data-table-section-cls .select2-container {
		width: 80% !important;
	} */
}



@media screen and (max-width:767px) {
	.table tbody tr td {
		white-space: wrap;
	}

	.responsive-cls {
		padding: 0;
	}

	table {
		border: 0;
	}

	table caption {
		font-size: 1.3em;
	}

	table thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.table tbody tr td:first-child {
		padding-left: 10px;
	}

	.table tbody tr td:last-child {
		padding-right: 10px;
	}

	table tr {
		border-bottom: 3px solid #ddd;
		display: block;
		margin-bottom: .625em;
	}

	table td {
		border-bottom: 1px solid #ddd;
		display: block;

		text-align: right;
	}

	table td::before {
		content: attr(data-label);
		float: left;
		padding-right: 8px;
	}

	table td:last-child {
		border-bottom: 0;
	}

}