/*================================
    #RESPONSIVE CSS
====================================*/

/* Large Device: 1200px. */

/* @media (min-width: 1601px) {
    .j-data-recv .j-data-box:last-child {
        display: none;
    }
} */

@media only screen and (min-width: 1601px) and (max-width: 1700px) {
	.j-data-box .j-box-left .j-box-icon {
		flex-direction: column;
	}
}

@media only screen and (min-width: 1401px) and (max-width: 1600px) {

	.j-chart-parent {
		grid-template-columns: 630px 1fr;
	}

	.j-data-recv {
		grid-template-columns: repeat(3, 1fr);
	}

	.j-data-box .j-box-left .j-box-icon {
		flex-direction: column;
	}

}


/* Large Device: 1200px. */


@media only screen and (min-width: 1201px) and (max-width: 1400px) {
	/*	table*/

	.j-parcel-res .card {
		overflow-x: auto;
	}

	/* .j-parcel-res .card .table-responsive {
		width: 1200px;
		overflow-x: auto;
	} */

	.j-data-recv {
		grid-template-columns: repeat(2, 1fr);
	}

	.j-chart-parent {
		grid-template-columns: 1fr 1fr;
	}

	.j-chart-parent-2 {
		grid-template-columns: repeat(2, 1fr);
	}

}

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

	[data-sidebar-style="mini"] .nav-header {
		width: auto;
	}

	[dir="rtl"] .dropdown-menu-right {
		right: inherit;
		left: 0;
	}

	/*	Header*/

	.j-header-container {
		justify-content: flex-end;
		/* padding-right: 15px; */
	}

	/*	Upper box*/

	.j-data-recv {
		grid-template-columns: repeat(2, 1fr);
	}

	/*	Charts*/

	.j-chart-parent {
		grid-template-columns: 1fr 1fr;
	}

	.j-chart-parent-2 {
		grid-template-columns: repeat(2, 1fr);
	}

	/*	table*/

	.j-parcel-res .card {
		overflow-x: auto;
	}
}

/* Tablet Layout: 768px.*/
@media only screen and (min-width: 768px) and (max-width: 991px) {

	/*	Rtl*/

	[dir="rtl"] .content-body {
		margin-left: 0 !important;
		margin-right: 3.75rem;
	}

	[dir="rtl"] .nav-control {
		/* display: inline-block; */
		display: none;
	}

	[dir="rtl"] .nav-control {
		top: 14px !important;
		right: inherit !important;
		left: 15px !important;
	}

	[dir="rtl"] .j-header-container {
		justify-content: flex-end;
	}

	[dir="rtl"] .j-search-form {
		width: 175px;
	}

	/*	Menu*/


	/*	Grid*/

	.grid-2 {
		grid-template-columns: 1fr;
	}

	.grid-3 {
		grid-template-columns: repeat(2, 1fr);
	}

	.grid-4 {
		grid-template-columns: repeat(2, 1fr);
	}

	/*	Header*/

	.header .header-content {
		padding-left: 0;
		padding-right: 0;
	}

	.header {
		background-color: transparent;
	}

	[data-header-position="fixed"] .header {
		position: inherit;
		/* top: 175px; */
		top: 0px;
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
		z-index: 1;
		/* left: 30px; */
	}

	/* .j-search-form {
		width: 200px;
	} */

	.nav-control {
		right: 15px;
	}

	.j-header-content {
		flex-wrap: wrap;
		padding: 20px;
		border-radius: 6px;
		/* background: #fff;	 */
	}

	[data-sidebar-style="compact"] .nav-header .brand-logo,
	[data-sidebar-style="mini"] .nav-header .brand-logo {
		justify-content: flex-start;
	}

	[data-sidebar-style="mini"] .nav-header {
		width: 100%;
	}

	/*	Content Body*/

	.j-chart-parent {
		grid-template-columns: 1fr;
	}

	/*	table*/

	.j-parcel-res .card {
		overflow-x: auto;
	}

	/* .j-parcel-res .card .table-responsive {
		width: 1200px;
		overflow-x: auto;
	} */

}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {

	/*	Rtl*/

	[dir="rtl"] .content-body {
		margin-left: 0 !important;
		margin-right: 0;
	}

	[dir="rtl"] .nav-control {
		/* display: inline-block; */
		display: none;
	}

	[dir="rtl"] .nav-control {
		top: 14px !important;
		right: inherit !important;
		left: 15px !important;
	}

	.btn-ami {
		padding: 0 .675rem !important;
	}


	/*	Padding*/

	.de-padding {
		padding: 6rem 0;
	}

	.de-pt {
		padding-top: 6rem;
	}

	.pt-120 {
		padding-top: 6rem;
	}

	.pt-105 {
		padding-top: 6rem;
	}

	.pt-210 {
		padding-top: 13rem;
	}

	.de-pb {
		padding-bottom: 6rem;
	}

	.pb-120 {
		padding-bottom: 6rem;
	}

	.pb-105 {
		padding-bottom: 6rem;
	}

	.pb-80 {
		padding-botto: 6rem;
	}

	.btn-md {
		padding: 2rem 4rem;
	}

	/*	Grids*/

	.grid-2 {
		grid-template-columns: 1fr;
	}

	.grid-3 {
		grid-template-columns: 1fr !important;
	}

	.grid-4 {
		grid-template-columns: 1fr !important;
	}

	.grid-fit-1 {
		grid-template-columns: 1fr !important;
	}

	.grid-5 {
		grid-template-columns: repeat(1, 1fr);
	}

	/*	Header*/

	.header .header-content {
		padding-left: 0;
		padding-right: 0;
	}

	.header {
		background-color: transparent;
	}

	[data-header-position="fixed"] .header {
		position: inherit;
		top: 0px;
		width: 100%;
		/* padding-left: 10px;
		padding-right: 10px; */
		z-index: 1;
		height: auto;
	}

	.nav-header {
		width: 100%;
	}

	.nav-header .brand-logo {
		justify-content: flex-start;
		padding-left: 15px;
	}

	.nav-control {
		position: fixed;
		top: 14px;
		transform: translateY(0);
		z-index: 9999;
		right: 15px !important;
	}

	/* .nav-np h6 {
		display: none;
	} */

	.j-header-content {
		flex-wrap: wrap;
		padding: 20px;
		border-radius: 6px;
		/* background: #fff; */
		justify-content: center;
	}

	.media {
		flex-wrap: wrap;
	}

	[data-header-position="fixed"] .content-body {
		/* padding-top: 14.5rem; */
		padding-top: 0;
	}

	/*
	.dropdown-menu-right {
		right: auto;
		left: 0;
	}
*/



	/*	Content Body*/

	.j-chart-parent {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 20px;
	}

	.j-card-flex {
		flex-direction: column;
	}

	.j-chart-box .card .card-header .card-title {
		font-size: 15px;
	}

	.card-title {
		font-size: 15px;
	}

	.j-chart-box .card {
		padding: 20px;
	}

	.j-data-box .j-box-left .j-box-icon {
		flex-direction: column;
	}

	/*	Parcel List*/

	.card-header {
		flex-direction: column;
		gap: 20px;
	}

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

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

	/*	table*/

	.j-parcel-res .card {
		overflow-x: auto;
	}

	.footer {
		/* padding-left: 0; */
		margin-left: 0 !important;
	}
}

/* @media only screen and (max-width: 360px) {
	.dropdown-menu-right {
		right: inherit;
		left: auto;
	}
} */

@media only screen and (min-width: 1200px) and (max-width: 1350px) {
	.nav-control {
		margin-inline-start: 50px !important;
	}

	.nav-header .brand-logo img {
		max-width: 180px;
	}

	.content-body {
		margin-left: 15.375rem;
	}
}

.table-responsive {
	margin-bottom: 10px;
}