/* Responsive */
@media screen and (max-width: 1280px) {
	.email-header {
		height: auto;
	}

	.email-content {
		padding: 100px 0 0 0;
	}
}

@media screen and (max-width: 1024px) {
	.email-header {
		border-top-left-radius: 0.25rem;
	}

	.email-sidebar {
		left: -280px;
	}

	.email-content {
		margin-left: 0;
	}

	.email-header {
		left: 0;
	}

	.email-toggled .email-sidebar {
		left: 0;
	}

	.email-toggled .overlay {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 250px;
		background: rgba(255, 255, 255, 0.7);
		backdrop-filter: blur(2px);
		z-index: 9;
		display: block;
		cursor: move;
		transition: all 0.3s ease-out;
	}

	.chat-header {
		border-top-left-radius: 0.25rem;
	}

	.chat-footer {
		border-bottom-left-radius: 0.25rem;
	}

	.chat-sidebar {
		left: -370px;
	}

	.chat-content {
		margin-left: 0;
	}

	.chat-header {
		left: 0;
	}

	.chat-footer {
		left: 0;
	}

	.chat-toggled .chat-sidebar {
		left: 0;
	}

	.chat-toggled .overlay {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 340px;
		background: rgba(255, 255, 255, 0.7);
		backdrop-filter: blur(2px);
		z-index: 11;
		display: block;
		cursor: move;
		transition: all 0.3s ease-out;
	}
}

/* Toogle in responsive */
@media only screen and (max-width: 1199px) {
	.table-responsive {
		white-space: nowrap;
	}

	.sidebar-wrapper {
		left: -330px;

		.sidebar-header {
			.sidebar-close {
				display: flex;
			}
		}
	}

	.top-header {
		.navbar {
			left: 0;
		}
	}

	.page-content {
		margin-left: 0;
	}

	.toggled {
		.sidebar-wrapper {
			width: 300px;
			left: 0px;

			.sidebar-header {
				width: 300px;
			}

			.sidebar-bottom {
				width: 260px;
			}
		}

		.logo-name {
			display: block;
		}

		.top-header {
			.navbar {
				left: 0px;
			}
		}

		.page-footer {
			left: 0px;
		}

		.main-wrapper {
			margin-left: 0;
		}

		.overlay {
			position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background: rgba(255, 255, 255, 0.7);
			backdrop-filter: blur(2px);
			z-index: 11;
			display: block;
			cursor: move;
			transition: all 0.23s ease-out;
		}
	}
}

@media only screen and (max-width: 1199px) {
	.top-header {
		.navbar {
			left: 0;

			.dropdown {
				position: static;

				.dropdown-menu {
					width: 100%;

					&::after {
						display: none;
					}
				}
			}

			.mega-menu-widgets {
				padding: 1rem;
				position: relative;
				height: 480px;
				overflow-y: auto;
				overflow-x: hidden;
			}
		}
	}

	.main-wrapper {
		margin-left: 0;
	}

	/*page footer*/

	.page-footer {
		left: 0px;
	}

	/*mini sidebar*/

	.mini-sidebar {
		left: -70px;
	}
}

@media only screen and (max-width: 992px) {
	.search-popup {
		position: fixed !important;
		top: 0 !important;
		z-index: 10;
	}
}
