﻿@media (max-width: 1300px) {
	.subCategories .subCategoriesInner { justify-content: flex-start; overflow-x: scroll; }

}
	@media (max-width: 1200px) {
		.width-25.imageCard .img { height: 150px; }
		.width-33.imageCard .img { height: 200px; }
	}

	@media screen and (max-width: 1100px) {

		.width-33.centerText p,
		.width-33.centerText li { font-size: 0.875rem; }

		.webshopProduct .productName h1 { font-size: 2rem; }
	}

	@media screen and (max-width: 1000px) {
		.width-20 { width: calc(33% - 16px); }
			.width-20.imageCard .img { height: 20vw; }
		.galleryGrid { height: 400px; }
		.productinfo .columnInner .leftColumn .columnTextBlock:first-child p { font-size: 1.25rem; }
		.productinfo .columnInner .leftColumn .columnTextBlock p { font-size: 1rem; }

		.webshopProduct .productImages,
		.webshopProduct .productInfo { width: 100%; }
		.webshopProduct .columnInner { flex-direction: column; }
	}


	@media screen and (max-width: 860px) {
		.width-100 h1.pageHeader { font-size: 2.25rem; }
		.width-100 .pageHeader { font-size: 2rem; }
		.width-50 { width: 100%; margin: 0 0 20px 0; }

		:nth-child(2n of .leftRightBlock) { flex-direction: column-reverse; }
			:nth-child(2n of .leftRightBlock) .column:last-child { margin: 0 0 20px 0; }

		.width-50.margin-large { width: 100%; margin: 0 0 20px 0; }
		.width-50:last-child { margin: 0 0 0px 0; }
		.width-25 { width: calc(50% - 16px); }
		.pageblock.columns-2 { gap: 0; }
		.textBlock .pageHeader, .normal .pageHeader { font-size: 1.5rem; }
		.textBlock.hasBg { padding: 32px 16px; }
		.textBlock.width-33 { margin: 0 2% 0 0; }
		.instagramFeed h2,
		.instagramFeed h2 a,
		.instagramFeed h3,
		.instagramFeed h3 a,
		.instagramFeed h4,
		.instagramFeed h4 a { font-size: 1.5rem; }

		.instagramFeed .instagram-feed { grid-template-columns: repeat(3, 1fr); }
		.instagramFeed .instagram-feed { overflow-x: auto; }

		.subNav { display: none; overflow-x: auto; border-top: 0; }
			.subNav.productListSubNav { display: block; }
			.subNav .subNavInner { width: auto; bottom: 0; justify-content: flex-start; }
		.subNavInner a { white-space: nowrap; }
		.subNavColumn { margin: 0 0 80px 0; width: 100%; }
		:nth-child(2 of .subNavColumn) { margin: 0; }
		#productSearchField { position: absolute; left: 20px; width: calc(100% - 40px); margin: 10px 0 0 0; }


		.width-100.margin-small { margin: 0 0 10px 0; }
		.width-100.margin-medium { margin: 0 0 30px 0; }
		.width-100.margin-large { margin: 0 0 40px 0; }

		.pageblock.useBorder { padding: 0 0 30px 0; }
		.margin-down-small { margin: 0 0 10px 0; }
		.margin-down-medium { margin: 0 0 30px 0; }
		.margin-down-large { margin: 0 0 40px 0; }
		.webshopProductList .productList { gap: 12px 1.8%; }
			.webshopProductList .productList .product { width: 49%; }

		.normal p,
		.normal li,
		.contactPerson .name,
		.width-100 p,
		.contactPerson p,
		.qnaBlock .questionHeader p,
		.webshopProduct .webshopInfo p { font-size: 1rem; }
		.qnaBlock .answerText p { font-size: 0.875rem; }
		.contactPerson .contactInfo { gap: 10px; }
		.contactPerson.width-50 { margin: 0 0 32px 0; }
		.width-25 .pageHeader, .width-50.imageCard .pageHeader { font-size: 1rem; }
		.imageCard .columnTextBlock p { font-size: 1rem; }

		.pageblock.columns-3 { gap: 9px; }
		.width-33 { width: calc(33.33% - 6px); }
			.width-33.imageCard .img { height: 150px; }

		.galleryGrid .columnInner { gap: 0.5rem !important; }
		.galleryGrid.hasBg { padding: 0.5rem; }

		.gallery .img { height: 250px; }

		.productinfo .columnInner { flex-direction: column; }
			.productinfo .columnInner .leftColumn { margin: 0 0 40px 0; width: 100%; }
				.productinfo .columnInner .leftColumn .columnTextBlock:first-child,
				.productinfo .columnInner .leftColumn .columnTextBlock { margin: 0 0 20px 0; padding: 0 0 20px 0; }
			.productinfo .columnInner .rightColumn { padding: 20px; width: 100%; }
	}

	@media screen and (max-width: 600px) {
		.pageblock { width: 100% !important; }
		.width-100 h1.pageHeader { font-size: 2rem; }
		.width-100 h2.pageHeader { font-size: 1.75rem; }
		.centerText p, .centerText li { font-size: 0.875rem; }
		.width-100 h1.pageHeader { font-size: 2rem; }
		.width-33,
		.width-66,
		.textBlock.width-33 { width: 100%; }
		.textBlock.width-33 { margin: 0 0 16px 0; }
		.width-33.imageCard .img { height: auto; }
		.width-33.imageCard.hasBg { padding: 10px 0; }
		.subNav { margin: 0 0 40px 0; }
		.pageblock.columns-5 { gap: 10px; }
		.pageblock.columns-4 { gap: 10px; }
		.width-20,
		.width-25 { width: calc(50% - 5px); }
			.width-20.imageCard .img { height: 30vw; }
		.textBlock .columnTextBlock p { font-size: 0.875rem; }
		.galleryGrid { height: 300px; }
		.normal p,
		.normal li,
		.width-100 p { font-size: 0.875rem; }
		.normal h3,
		.width-33 .pageHeader { font-size: 1.125rem; }
		.textBlock.hasBg { padding: 16px 15px; }

		.gallery .img { height: 200px; width: calc(50% - 5px); }
		.contactPageInfo p { margin: 0 0 15px 0; }

		.productinfo .columnInner .leftColumn .columnTextBlock:first-child p { font-size: 1.125rem; }
		.productinfo .columnInner .leftColumn { margin: 0 0 20px 0; }
		.productinfo .columnInner .rightColumn p.priceText { font-size: 1.5rem; }
		.productinfo .columnInner .rightColumn .steps p { font-size: 0.875rem; }

		.subNav.margin-large { margin: 10px 0; }

		.webshopProductList .productList .product .image { height: 240px; }
		.webshopProduct .productName h1 { font-size: 1.5rem; }
		.webshopProduct .productImages .productImageThumbs .productImageThumb { width: 20%; box-sizing: border-box; }
			.webshopProduct .productImages .productImageThumbs .productImageThumb .img { height: 100%; }
		.webshopProduct .productImages .large-image-ph { height: 430px; padding: 12px; }
	}

	@media screen and (max-width: 480px) {
		.width-100 h1.pageHeader { font-size: 1.5rem; }
		.width-100 h2.pageHeader,
		.textBlock .pageHeader, .normal .pageHeader { font-size: 1.25rem; }
		.galleryGrid { height: 215px; }
		.pageblock.columns-4 { gap: 9px; }
		.width-25 { width: calc(50% - 5px); }
			.width-25.imageCard.hasBg { padding: 10px 0; }
		.instagramFeed .instagram-feed { gap: 8px; }
		.productinfo .columnInner .leftColumn .columnTextBlock:first-child p { font-size: 1.125rem; }
		.productinfo .columnInner .leftColumn .columnTextBlock p { font-size: 0.875rem; }
		.gallery .img { height: 170px; }

		.webshopProductList .productList .product .image { height: 150px; }
		.webshopProductList .productList .product { padding: 8px; }
			.webshopProductList .productList .product .info { font-size: 0.875rem; }
				.webshopProductList .productList .product .info .productName {font-size: 1rem;}
				.webshopProductList .productList .product .info .productPrice {font-size: 1.125rem;}
				.webshopProduct .productName h1 { font-size: 1.25rem; }
		.webshopProduct .productPrice .priceLabel { font-size: 1.5rem; }
		.webshopProduct .productImages .large-image-ph { height: 350px; }
		.webshopProduct .large-image-ph img { object-fit: contain; }
		.webshopProduct .productImages .productImageThumbs .productImageThumb { width: 25%; padding: 5px; }
		.webshopProduct .addToCart input[type="number"] { width: 100px; }

		.contactForm .formRow input[type="text"],
		.contactForm .formRow input[type="number"],
		.contactForm .formRow input[type="email"],
		.contactForm .formRow input[type="date"],
		.contactForm .formRow textarea { font-size: 1rem; }
		#applyDiscount { flex-direction: column; }
	}
