@media (min-width: 1240px) {
	.most-ordered {
		width: 100%;
	}
}

@media (max-width: 1180px) {
	.articleBlock.layout1 .articles {
		display: grid;
		grid-gap: 20px;
		grid-template-areas: "area0 area1"
							 "area3 area4"
							 "area2 area2";
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 1024px) {
	#content {
		padding-top: 40px;
	}

	.blockContainer > div {
		padding: 40px 10px 0;
	}

	.header-slider,
	header .top-bar,
	header .bottom-bar {
		display: none;
	}

	footer .blockitems .blockitem {
		border-left: none;
		padding-left: 0;
	}

	footer .blockitems .blockitem:not(:first-child) {
		border-top: 1px solid var(--color-white);
		padding-top: 25px;
	}

	header .mobile-bar {
		display: grid;
	}

	.mobile-navigation-top {
		display: grid;
	}

	.header-slider-container {
		display: none;
	}

	section.content {
		margin-top: 0;
	}

	.shop-products .category {
		top: 76px !important;
	}

	#content:not([data-quick="false"]) {
		grid-template-columns: 100%;
	}

	.shop-categories {
		position: relative;
		top: unset;
	}

	.shop-products .product-buttons {
		height: 90px;
		opacity: 1;
	}

	.shop-products .product {
		height: auto;
		padding: 10px;
	}

	.shop-container.stuck .shop-categories .button {
		font-size: 1rem;
		padding: 8px 16px;
	}

	.shop-products .product .product-image {
		transform: scale(0.8);
	}

	.footer-links a {
		line-height: 250%;
	}

	.new-customer-grid {
		grid-template-columns: 100%;
		grid-template-areas:
			'button-top'
			'address'
			'cart'
			'button';
	}
}

@media (max-width: 860px) {
	.allContent h1 {
		margin: 0 0 10px 0;
	}

	.hamburger .icon {
		top: 15px;
	}

	.shop-container {
		padding: 20px 10px;
	}

	.blockContainer.blockColor-0.firstBlock > div {
		padding-top: 20px;
	}

	.cart .products {
		border-top: 2px solid var(--color-cart-row-even);
	}

	.cart .products .product .price {
		justify-content: start;
	}

	.cart .products .product .title {
		align-self: normal;
		margin-bottom: 12px;
	}

	.cart .products .product .delete {
		align-items: start;
	}

	.product-detail {
		display: block;
	}

	.product-detail .product-information {
		border-bottom: 1px solid var(--dark);
		border-right: none;
	}

	.delivery-grid {
		grid-template-columns: repeat(1, 1fr);
		grid-template-areas:
			'button-top'
			'pickup-delivery'
			'extras'
			'cart'
			'button';
		}

	.customer-name-grid,
	.customer-address-grid,
	.customer-postal-city-grid,
	.customer-postal-city-phone-grid,
	.customer-postal-number-phone-grid,
	.customer-address-city-grid {
		grid-gap: 15px;
	}

	.customer-name-grid {
		grid-template-columns: repeat(3, [col] auto) ;
		grid-template-rows: repeat(2, [row] auto);
	}

	.customer-name-grid > input:first-child {
		grid-column: col 1 / span 2;
		grid-row: row 1;
	}

	.customer-name-grid > input:nth-child(2) {
		grid-column: col 3 / span 1;
		grid-row: row 1;
	}

	.customer-name-grid > input:nth-child(3){
		grid-column: col 1 / span 3;
		grid-row: row 2;
	}

	.customer-postal-number-phone-grid {
		grid-template-columns: 100px 100px auto;
	}

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

	.deliverySettings,
	.delivery-grid .cart-overview {
		padding: 10px;
		width: 100vw;
		overflow: hidden;
	}

	.deliveryTabs .shopPickupDelivery > div:not(.message) {
		display: grid;
		grid-template-columns: 100%;
	}

	.deliveryTabs .shopPickupDelivery input[type="text"], .deliveryTabs .shopPickupDelivery select {
		border: 1px solid var(--color-gray-4);
	}

	.deliveryTabs .optionContainer {
		width: calc(100% - 20px);
		margin: 10px;
	}

	.delivery-grid .buttons {
		padding: 0 10px;
	}

	.delivery-grid .small-cart .products .product,
	.orderFinished .small-cart .products .product {
		grid-template-areas:
			'image			title			title			title			title	delete'
			'actions		actions			actions			itemprice		itemprice	total'
			'productoptions	productoptions	productoptions	productoptions	.		.'
			'message		message			message			message			.		.';
		grid-template-columns: 20fr 10fr 10fr 10fr 10fr 5fr;
	}

	.cart-overview .product .price,
	.orderFinished .product .price {
		display: none;
	}

	.cart-overview .cart {
		padding: 10px 0;
	}

	.cart .products .product .image {
		display: block;
		text-align: center;
	}

	.cart .products .product .image img {
		max-width: 100%;
		width: 250px;
	}

	.cart .products .product {
		grid-column-gap: 15px;
		padding: 10px 0;
	}

	.content.orderFinished {
		width: 100vw;
		overflow: hidden;
		padding: 10px;
	}

	.cart.small .products .product {
		grid-template-areas:
			'image image image'
			'title title itemprice'
			'productoptions productoptions productoptions'
			'message message message'
			'price actions total';
		grid-template-columns: 80fr auto 80fr;
	}

	.cart.big-cart .products .product {
		grid-template-areas:
			'image image image image'
			'delete title title itemprice'
			'productoptions productoptions productoptions productoptions'
			'message message message message'
			'price price actions total';
		grid-template-columns: 20px 80fr auto 80fr;
		padding: 0 0 20px 0;
	}

	.new-customer-grid .buttons {
		padding: 0 10px;
	}

	.new-customer-grid .authForm,
	.new-customer-grid .shopping-cart,
	.new-customer-grid .address-block,
	.new-customer-grid .cart-overview {
		padding: 20px 10px;
	}

	.big-cart .products {
		grid-template-columns: repeat(1, 1fr);
	}

	.complete .steps {
		margin-bottom: 20px;
		width: 100%;
		padding: 20px;
	}

	.complete .steps.steps4 {
		grid-template-columns: repeat(1, 1fr);
	}

	.complete .steps .step {
		height: auto;
		margin-bottom: 5px;
	}

	.complete .steps .line {
		display: none;
	}

	.complete .steps .step div {
		top: 6px;
		left: 50px;
		transform: none;
	}

	.payment-methods-wrapper {
		padding: 20px;
		width: 100%;
	}

	.payment-methods {
		grid-gap: 25px;
		grid-template-columns: repeat(2, 1fr);
	}

	#content .big-cart {
		background-color: var(--color-white);
		padding: 10px;
	}

	.shop-products .product {
		border-bottom: 1px solid var(--light);
		transition: none;
		min-height: initial;
		padding-bottom: 20px;
	}

	.shop-products .product-buttons {
		margin-top: 0;
	}

	.authForm.login,
	.authForm.register,
	.authForm.password {
		margin: 0;
		padding: 10px;
	}

	.authForm .buttons a:last-child {
		float: right;
		margin: 15px 0 0 0;
	}

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

	.account-grid .account-navigation {
		display: none;
	}

	.account-content {
		padding: 10px;
	}

	.account-content .account-field {
		grid-template-columns: repeat(1, 1fr);
	}

	.account-content .account-field label {
		padding: 8px 0 5px;
	}

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

	.iz-popup {
		bottom: 50px;
		right: 20px;
		width: calc(100vw - 20px);
	}
}

@media (max-width: 700px) {
	.category-products {
		grid-template-columns: repeat(2, 1fr);
	}

	.articleBlock.layout1 .articles {
		display: grid;
		grid-gap: 20px;
		grid-template-areas: "area0"
							"area1"
							"area3"
							"area4"
							"area2";
		grid-template-columns: repeat(1, 1fr);
	}

	.articleBlock.layout1 .articles .article {
		min-height: 280px;
	}
}

@media (max-width: 640px) {
	header .mobile-bar {
		grid-template-columns: auto auto 60px;
	}

	header .mobile-bar .logo {
		margin-top: 7px;
	}

	header .mobile-bar img {
		width: 200px
	}

	header a.shop-counter-span {
		float: none;
	}

}

@media (max-width: 540px) {
	.category-products {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media (max-width: 440px) {
	#content {
		padding: 0 0 10px;
	}

	.most-ordered {
		width: calc(100vw - 20px);
	}
}