@media (max-width: 2200px) {

	.article-content {

		padding: 2rem 20rem !important;

	}

}



@media (max-width: 1275px) {

	.blogs-container, .store-container {

		justify-content: space-around;

	}

	

	.article-inner, .article-content {

		padding: 1rem !important;

	}

	

	.collection {

		flex-direction: column;

	}

	.collection-side {

		flex-direction: row;

		width: unset;

		max-height: 10rem;

	}

	.collection-side img {

		min-height: unset;

		min-width: 15rem

	}

}



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

	.navbar-item-large:not(.hollow):hover > span,

	.navbar-item-large:not(.hollow):focus > span,

	.dropdown-option:hover > span,

	.dropdown-option:focus > span {

		text-shadow: 0px 0px 5px #bbb;

	}

	.navbar-item-large:not(.hollow) > span::after,

	.dropdown-option > span::after {

	--local-t: var(--t);

		content: '';

		display: flex;

		position:absolute;

		bottom: 0;

		opacity: 0;

		width: 0;

		margin-left: 50%;

		margin-bottom: calc(-1.5rem);

		height: 0.15rem;

		border-radius: 1rem;

		background-color: red;

		transition: all 300ms ease-in-out;

	}

	

	.navbar-item-large:not(.hollow):hover > span::after,

	.navbar-item-large:not(.hollow):focus > span::after,

	.dropdown-option:hover > span::after,

	.dropdown-option:hover > span::after {

		opacity: 1;

		width: calc(100% + 1.5rem);

		margin-left: -0.75rem;

		margin-bottom: calc(-.3rem);

	}

}



@media (max-width: 850px) {

	.product-preview {

		display: none;

	}

	.card-content,

	.card-center {

		padding: 2rem;

	}

	

	.card-inner {

		padding: 5rem 2rem;

	}

}



@media (max-width: 1550px) {

	.navbar-item-large {

		padding: 1rem 2rem;

	}

}



@media (max-width: 1350px) {

	nav {

		padding: 0rem 0.8rem;

	}

}

@media (max-width: 1050px) {

	.nav-hidable {

		display: none;

	}

	.nav-hamburger {

		display: flex;

	}

	

	.desktop-card {

		display: none;

	}

	

	.mobile-card {

		display: flex;

		flex-direction: column;

		justify-content: space-between;

	}

	

	.hero-bottom {

		flex-direction: column;

		gap: 1rem;

	}

	

	.navbar-item-large:has(.dropdown) {

		position: unset;

	}

	

	.dropdown {

		--local-t: var(--t);

		position: fixed;

		width: 100%;

		left: 0;

		top: calc(5rem - var(--local-t) * 2rem);

		border: unset !important;

		border-radius: 0;

		box-shadow: unset !important;

	}

	

	.navbar-item-large:hover .dropdown {

		height: 100%;

	}

	

	.dropdown-inner, .dropdown-col {

		width: 100%;

	}

}