/* ===============================
   MOBILE (max 480px)
================================ */
@media (max-width: 480px) {

	.envor-top-bar,
	.envor-header-1 .envor-header-bg nav,
	.envor-header-2 .envor-desktop-menu-bg,
	.envor-header-3 .envor-desktop-menu-bg,
	img.shadow,
	.envor-desktop-breadscrubs {
		display: none;
	}

	.container {
		max-width: 350px;
	}

	.envor-boxed {
		max-width: 100%;
	}

	#envor-mobile-menu-btn,
	#envor-mobile-cart-btn,
	.envor-mobile-menu {
		display: block;
	}

	/* Center logo */
	.envor-header-bg .envor-relative {
		display: flex;
		justify-content: center;
		padding: 10px;
	}

	.envor-header-bg a {
		padding-left: 0 !important;
	}

	.envor-header-bg img {
		max-width: 100%;
		height: auto;
		margin: 0 auto;
		display: block;
	}
}


/* ===============================
   SMALL TABLET (481px – 768px)
================================ */
@media (max-width: 768px) {

	.envor-top-bar,
	.envor-header-1 .envor-header-bg nav,
	.envor-header-2 .envor-desktop-menu-bg,
	.envor-header-3 .envor-desktop-menu-bg {
		display: none;
	}

	.container {
		max-width: 420px;
	}

	.envor-boxed {
		max-width: 480px;
	}

	#envor-mobile-menu-btn,
	#envor-mobile-cart-btn,
	.envor-mobile-menu {
		display: block;
	}

	/* Header fix */
	.envor-header-bg,
	.envor-header-bg .container {
		padding: 0;
		margin: 0;
	}

	/* Logo alignment */
	.envor-header-bg .envor-relative {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 10px;
	}

	.envor-header-bg a {
		padding-left: 0 !important;
	}

	.envor-content {
		padding-top: 0 !important;
	}
}


/* ===============================
   TABLET (768px – 992px)
================================ */
@media (min-width: 768px) and (max-width: 992px) {

	.envor-header-1 nav ul li,
	.envor-header-3 nav ul li {
		padding: 0 8px;
	}

	.envor-boxed {
		max-width: 790px;
	}
}


/* ===============================
   SMALL DESKTOP (992px – 1200px)
================================ */
@media (min-width: 992px) and (max-width: 1200px) {

	.envor-header-1 nav ul li,
	.envor-header-3 nav ul li {
		padding: 0 15px;
	}

	.envor-boxed {
		max-width: 1020px;
	}
}


/* ===============================
   LARGE DESKTOP (1200px+)
================================ */
@media (min-width: 1200px) {
	.envor-boxed {
		max-width: 1250px;
	}
}