/*********************/
/** SORT DESCENDING **/
/*********************/


@media screen and (max-width: 1919px) {
	.wrapper {
		max-width: calc(100% - calc(var(--gutter) * 2));
	}

	footer section + section > .wrapper {
		flex-wrap: wrap;
		justify-content: space-around;
	}

	footer section + section > .wrapper img {
		width: auto;
		max-width: 100%;
	}

	.ProductRange .section__case-studies img {
		width: 100%;
		height: auto;
	}

	.ProductRange .section__products .product-card img,
	.IndividualProductHolder .section__products .product-card img, {
		max-width: 100%;
		width: 100%;
	}

	.swiper-case-study {
		height: 1500px;
	}

	.news-main-img,
	.news-sec-img {
		max-width: 100%;
		height: auto;
	}

	.ProjectPage .project-images img {
		width: 100%;
	}

	.ProjectPage .project-testimonials .quote figcaption {
		font-size: 2rem;
	}
}





@media screen and (max-width: 1792px) {
	.swiper-hero {
		height: 830px;
	}

	.BrandSampleHolder .brand-sample-grid a {
		max-height: 496px;
		overflow: hidden;
	}

	.ProductRange .section__products .product-card img,
	.IndividualProductHolder .section__products .product-card img {
		max-width: 100%;
	}

	.ProductRange .section__products .product-cta {
		font-size: 4rem;
		max-height: 489px;
	}

	.ProjectHolder .project-card img {
		max-width: 100%;
		height: auto;
	}

	.ProjectHolder .project-card h3 {
		font-size: 2.6rem;
	}
}





@media screen and (max-width: 1680px) {
	.swiper-hero {
		height: 775px;
	}

	.BrandSampleHolder .brand-sample-grid a {
		max-height: 498px;
	}

	.ProductRange .section__products .product-card img,
	.IndividualProductHolder .section__products .product-card img {
		max-width: 100%;
		width: 100%;
	}

	.ProductRange .section__products .product-cta {
		font-size: 4rem;
		max-height: 491px;
	}
}





@media screen and (max-width: 1536px) {
	.hero__shared-title {
		top: 35%;
	}

	.product-range h2 {
		max-width: 100%;
	}

	.BrandSampleHolder .brand-sample-grid a {
		max-height: 454px;
	}

	.ProductRange .section__products .product-card img,
	.IndividualProductHolder .section__products .product-card img {
		max-width: 100%;
		width: 100%;
	}

	.ProductRange .section__products .product-cta {
		font-size: 3rem;
		max-height: 447px;
	}

	#Form_ContactForm_action_ProcessContact {
		width: 100%;
	}
}





@media screen and (max-width: 1440px) {
	.did-you-know-responsive {
		padding: 4rem 6rem;
		grid-column: span 2;
		font-size: 1.8rem;
	}

	.did-you-know__container .grid-overlay .did-you-know-responsive {
		border-right: 0;
	}

	.did-you-know__container .grid-overlay div:nth-child(4) {
		display: none;
	}

	.BrandSampleHolder .brand-sample-grid a {
		max-height: 426px;
	}

	.ProductRange .section__products .product-card img,
	.IndividualProductHolder .section__products .product-card img {
		max-width: 100%;
		width: 100%;
	}

	.ProductRange .section__products .product-cta {
		font-size: 3rem;
		max-height: 418px;
	}

	.ProductRange .section__case-studies .grid {
		--yGap: 4rem !important;
	}

	.ProductRange .section__case-studies .project-card {
		margin-bottom: 0;
	}

	.ProductRange .section__case-studies p {
		font-size: 2.6rem;
	}

	.ProductRange .section__case-studies img {
		max-width: 100%;
		height: auto;
	}

	.contact-cta {
		padding-block: 3.5rem;
	}

	.image-panel__content h2 {
		font-size: 4rem;
	}

	.image-panel__content p {
		font-size: 1.8rem;
	}

	.studies-title {
		top: 20%;
	}

	.ProjectPage .project-title {
		padding-inline: 4rem;
	}
}





@media screen and (max-width: 1366px) {
	.ProductRange .section__products .product-cta {
		max-height: 396px;
	}

	.BrandSampleHolder .brand-sample-grid a {
		max-height: 403px;
	}

	.contact-cta {
		padding-block: 1.9rem;
	}

	.image-panel__content h2 {
		font-size: 3.6rem;
	}

	.image-panel__content p {
		font-size: 1.8rem;
	}
}





@media screen and (max-width: 1344px) {
	.did-you-know-responsive {
		font-size: 1.6rem;
	}

	.BrandSampleHolder .brand-sample-grid a {
		max-height: 397px;
	}
}





@media screen and (max-width: 1280px) {
	.hero__shared-title {
		top: 40%;
	}

	.BrandSampleHolder .brand-sample-grid a {
		max-height: 387px;
	}

	.ProductRange .section__products .product-cta {
		max-height: 380px;
	}

	.contact-cta {
		padding-block: 4.2rem;
	}

	.image-panel__content h2 {
		font-size: 3rem;
	}

	.image-panel__content p {
		font-size: 1.6rem;
	}

	.quote blockquote {
		margin-top: 40px;
	}

	.ProjectPage .swiper-testimonial {
		height: 480px;
	}

	.hero .swiper-pagination-bullets.swiper-pagination-horizontal {
		bottom: 0;
	}
}





@media screen and (max-width: 1152px) {
	.did-you-know-responsive {
		padding: 2rem 3rem;
	}

	.BrandSampleHolder .brand-sample-grid a {
		max-height: 344px;
	}

	.swiper-hero {
		max-height: 530px;
		height: 530px;
	}

	.ProductRange .section__products .product-cta {
		max-height: 337px;
	}

	.contact-cta {
		font-size: 4rem;
		padding-block: 2.9rem;
	}

	.swiper-case-study {
		height: 1250px;
	}

	.studies-title {
		top: 10%;
	}

	.swiper-slide.swiper-slide__case-study::after {
		background: linear-gradient(to bottom, rgba(0, 0, 0, 25%) 728px, transparent 431px);
	}

	.heritage-grid {
		grid-template-rows: 210px 60px 305px;
	}

	.heritage-content-container {
		font-size: 1.4rem;
	}

	.OurFactoryPage .image-panel__content img {
		max-width: 50px;
		height: auto;
	}

	.quote blockquote {
		margin-top: 50px;
	}

	.ProjectHolder .quote figcaption {
		font-size: 1.8rem;
	}

	.ProjectHolder .project-card-img {
		max-width: 300px;
	}

	.ProjectPage .project-testimonials blockquote > p {
		font-size: 2.2rem;
	}
}





@media screen and (max-width: 1024px) {
	.hero__shared-title {
		top: 40%;
	}

	.did-you-know-responsive {
		padding: 2rem;
		font-size: 1.4rem;
	}

	.did-you-know-responsive h2 {
		font-size: 2.2rem;
	}

	.BrandSampleHolder .brand-sample-grid a {
		max-height: 302px;
	}

	.swiper-hero {
		max-height: 470px;
		height: 470px;
	}

	.AboutPage .icon-group {
		padding-bottom: 0;
	}

	.AboutPage .icon-container {
		flex-direction: column;
	}

	.AboutPage .icon-container {
		margin-bottom: 0;
	}

	.AboutPage .icon-card {
		border-right: 0;
		border-bottom: 1px solid currentColor;
		padding-bottom: 0;
		margin-bottom: 2rem;
		grid-template-columns: 100px auto;
		grid-template-rows: 100px auto;
	}

	.AboutPage .icon-card:last-child {
		border-bottom: 0;
	}

	.AboutPage .icon-card img {
		max-width: 100%;
		height: auto;
	}

	.AboutPage .icon-card h2 {
		margin-top: 0;
		display: grid;
		place-content: center;
		height: 100%;
	}

	.AboutPage .icon-card .icon-content {
		grid-column: 1 / -1;
	}

	.heritage-content-container h3 {
		font-size: 1.2rem;
	}

	.heritage-content-container p {
		font-size: 1.2rem;
	}

	.ProductRange .section__products .product-cta {
		max-height: 295px;
	}

	.ProductRange .section__case-studies .three-col {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.contact-cta {
		font-size: 3.6rem;
		padding-block: 3.9rem;
	}

	.quote blockquote {
		margin: 50px 0 0;
	}

	.HomePage .quote blockquote,
	.TestimonialHolder .quote blockquote {
		margin: 50px 0 0 55px;
	}

	.ProjectHolder .quote blockquote::before {
		background-size: 75%;
	}

	.ProjectHolder .quote figcaption {
		font-size: 1.6rem;
	}

	.ProjectPage .project-testimonials blockquote p {
		max-width: 90%;
		margin-inline: auto;
	}

	.ProjectPage .project-testimonials blockquote > p {
		font-size: 1.8rem;
	}

	.ProjectPage .project-testimonials .quote figcaption {
		font-size: 1.6rem;
	}
}





@media screen and (max-width: 900px) {
	.desktop-only {
		display: none;
	}

	.mobile-only {
		display: block;
	}

	header {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 90px 0px;
		transition: grid-template-rows .3s ease-in;
		overflow: hidden;
		min-height: 90px;
		height: auto;
	}

	.logo-wrapper {
		margin-right: auto;
	}

	.logo-header {
		margin: 10px 0;
	}

	.tel-wrapper {
		display: flex;
		align-items: center;
		height: 100%;
		width: 100%;
		justify-content: flex-end;
		gap: 2rem;
	}

	header.search {
		grid-template-rows: 90px 55px;
	}

	header nav {
		position: absolute;
		inset: 90px 0 0;
		height: 0;
		overflow: hidden;
		background-color: var(--clr-primary);
		transition: height .5s ease-in;
		margin-top: 0;
		z-index: 11;
	}

	header ul {
		margin: 1.7rem 0 0;
		padding: 0;
		list-style: none;
		text-align: center;
		font-size: 2.4rem;
	}

	header li {
		padding-block: 1.7rem;
	}

	header li a {
		text-decoration: none;
		color: #FFF;
	}

	header nav.open {
		height: calc(100vh - 90px);
		overflow-y: scroll;
	}

	header .search-form {
		grid-row: 2 / -1;
		grid-column: 1 / -1;
		min-height: 0;
		visibility: hidden;
		transition: visibility .3s ease-in;
		top: 0;
		width: 100%;
		height: 100%;
		position: relative;
	}

	header.search .search-form {
		z-index: 2;
		visibility: visible;
	}

	.search-form input {
		width: calc(100% - 4px);
		margin-inline: auto;
		background: rgb(var(--clr-primary-rgb) / 20%);
		border: 0;
		padding: 1rem 5rem 1rem 2rem;
		border-radius: 5px;
		font-size: 1.8rem;
		display: block;
	}

	.search-form input:focus {
		outline-color: transparent;
		outline-style: solid;
		box-shadow: 0 0 0 2px var(--clr-primary);
	}

	.search-form button {
		border: 0;
		background: transparent;
		position: absolute;
		top: 0;
		right: 0;
		padding: 1rem 2rem 1rem 1rem;
	}

	#burger-menu {
		width: 30px;
		height: 19px;
		position: relative;
		margin: 50px auto;
		transform: rotate(0deg);
		transition: .5s ease-in-out;
		cursor: pointer;
	}

	#burger-menu span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background: var(--clr-primary);
		border-radius: 9px;
		opacity: 1;
		left: 0;
		transform: rotate(0deg);
		transition: .25s ease-in-out;
	}

	#burger-menu span:nth-child(1) {
		top: 0;
		transform-origin: left center;
	}

	#burger-menu span:nth-child(2) {
		top: 9px;
		transform-origin: left center;
	}

	#burger-menu span:nth-child(3) {
		top: 18px;
		transform-origin: left center;
	}

	#burger-menu.open span:nth-child(1) {
		transform: rotate(45deg);
		top: -3px;
		left: 8px;
	}

	#burger-menu.open span:nth-child(2) {
		width: 0;
		opacity: 0;
	}

	#burger-menu.open span:nth-child(3) {
		transform: rotate(-45deg);
		top: 19px;
		left: 8px;
	}





	.swiper-hero {
		max-height: 314px;
	}

	.hero__shared-title {
		width: 70%;
	}

	.hero__made-uk {
		font-size: 1.2rem;
	}

	.hero__made-uk::before,
	.hero__made-uk::after {
		width: 100px;
	}

	.hero__made-uk::before {
		left: -150px;
	}

	.hero__made-uk::after {
		right: -150px;
	}

	.featured-sections {
		grid-template-rows: 420px 420px 420px 386px 386px;
	}

	.featured-sections span {
		display: flex;
	}

	.featured-sections span img {
		width: auto;
	}





	.image-panel {
		flex-direction: column;
	}

	.image-panel>div {
		width: 100%;
	}

	.testimonials .grid {
		grid-template-columns: 1fr;
	}

	.swiper-case-study {
		height: 1200px;
	}

	.swiper-case-study p a {
		width: 95%;
		text-align: center;
	}

	.swiper-case-study+.pagination-wrapper {
		top: 30%;
	}

	.swiper-slide__case-study .testimonial-wrapper {
		font-size: 1.6rem;
		background-position: 0px 15%;
		padding: 115px 0 0 50px;
	}

	.swiper-slide__case-study .testimonial-wrapper .testimonial-logo {
		top: 0;
	}

	.swiper-slide__case-study p {
		font-size: 1.8rem;
	}

	footer section+section>.wrapper {
		flex-wrap: wrap;
		justify-content: space-around;
	}

	footer section+section>.wrapper img {
		width: auto;
		max-width: 100%;
	}

	.search-page.hero {
		min-height: 100px;
	}

	.search-page.hero h1 {
		font-size: 3.5rem;
	}

	.ContactPage .hero {
		min-height: 200px;
	}

	.ContactPage .hero h1 {
		font-size: 3.5rem;
	}

	.ContactPage .hero p {
		font-size: 1.8rem;
	}

	.ContactPage .two-col {
		grid-template-columns: 1fr;
	}

	.ContactPage .contact-content h2 {
		font-size: 3.6rem;
	}

	#Form_ContactForm_action_ProcessContact {
		width: 100%;
	}






	.heritage-img-container::before,
	.heritage-img-container::after {
		content: none;
	}

	.heritage-grid {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}

	.heritage-grid .heritage-img-container {
		grid-column: 1;
		display: grid;
		grid-template-columns: 100px auto;
		grid-template-rows: repeat(3, auto);
		padding-bottom: 2rem;
		margin-bottom: 4rem;
		border-bottom: 1px solid #FFF;
	}

	.heritage-img-container:nth-child(5) {
		border-bottom: 0;
		padding-bottom: 0;
		margin-bottom: 2rem;
	}

	.heritage-icon {
		grid-column: 1;
		grid-row: 1 / span 2;
	}

	.heritage-date {
		grid-column: 2;
		grid-row: 1;
		display: grid;
		align-items: end;
	}

	.heritage-title {
		grid-column: 2;
		grid-row: 2;
		font-size: 1.8rem;
	}

	.heritage-content {
		grid-row: 3;
		grid-column: 1 / -1;
		font-size: 1.6rem;
	}

	.heritage-grid .heritage-img-container.tacked-content {
		display: none;
	}
}





@media screen and (max-width: 834px) {
	.hero__shared-title {
		top: 40%;
	}

	.did-you-know-responsive {
		grid-column: span 3;
	}

	.did-you-know-responsive h2 {
		margin-top: 0;
		font-size: 1.8rem;
	}

	.did-you-know__container .grid-overlay div:nth-child(2) {
		display: none;
	}

	.BrandSampleHolder .brand-sample-grid a {
		max-height: 238px;
	}

	.ProductRange .section__case-studies .three-col {
		grid-template-columns: 1fr 1fr;
	}

	.swiper-slide__case-study .testimonial-wrapper img {
		max-width: 200px;
		height: auto;
		max-height: 80px;
	}

	.TestimonialHolder .hero__shared-title {
		top: 45%;
	}

	.quote blockquote {
		margin: 40px 0 0;
	}

	.HomePage .quote blockquote,
	.TestimonialHolder .quote blockquote {
		margin: 40px 0 0 55px;
	}

	.ProjectHolder .quote blockquote::before {
		background-size: 50%;
	}

	.ProjectHolder .quote figcaption {
		font-size: 1.6rem;
	}

	.ProjectPage .project-content-wrapper {
		flex-direction: column;
	}

	.ProjectPage .project-content-wrapper .project-title,
	.ProjectPage .project-content-wrapper .project-content {
		width: 100%;
	}
}





@media screen and (max-width: 810px) {
	.BrandSampleHolder .brand-sample-grid a {
		max-height: 230px;
	}

	.NewsHolder .hero h1 {
		font-size: 5rem;
	}

	.quote blockquote {
		margin: 50px 0 0;
	}

	.HomePage .quote blockquote,
	.TestimonialHolder .quote blockquote {
		margin: 50px 0 0 55px;
	}

	.ProjectHolder .quote blockquote::before {
		background-size: 50%;
	}

	.ProjectHolder blockquote > * {
		max-width: 90%;
	}

	.quote figcaption {
		font-size: 1.6rem;
	}
}





@media screen and (max-width: 768px) {
	.did-you-know-responsive p {
		margin-bottom: 0;
	}

	.BrandSampleHolder .brand-sample-grid a {
		max-height: 216px;
	}
}





@media screen and (max-width: 767px) {
	.did-you-know__container {
		display: flex;
		flex-direction: column-reverse;

	}

	.did-you-know__container .grid-overlay {
		display: block;
		position: relative;
	}

	.did-you-know__container .grid-overlay div {
		display: none;
	}

	.did-you-know__container .grid-overlay .did-you-know-responsive {
		display: block;
		border: 0;
	}
}





@media screen and (max-width: 430px) {
	header {
		align-items: center;
	}

	.logo-header {
		max-width: 100%;
	}

	.HomePage .swiper-hero {
		background: linear-gradient(rgb(0 0 0 / 20%) 175px, rgb(0 0 0 / 80%) 175px);
		max-height: 280px;
	}

	.HomePage .hero__shared-title {
		font-size: 2.6rem;
		top: 30%;
	}

	.HomePage .hero__shared-title h1 {
		font-size: 2.6rem;
	}

	.hero__made-uk {
		text-align: center;
		font-size: 1.4rem;
	}

	.hero__made-uk::before,
	.hero__made-uk::after {
		width: 50px;
		top: 15px;
	}

	.hero__made-uk::before {
		left: -80px;
	}

	.hero__made-uk::after {
		right: -80px;
	}

	.HomePage .studies-title {
		font-size: 2.6rem;
		width: 70%;
		text-align: center;
	}

	.HomePage .swiper-slide__case-study .faux-h2 {
		font-size: 3rem;
		max-width: 70%;
	}

	.HomePage .swiper-slide__case-study p a {
		font-size: 1.4rem;
	}

	.HomePage .swiper-slide__case-study .testimonial-wrapper {
		padding: 80px 0 0 40px;
		background-position: 0 60px;
	}

	.HomePage .swiper-slide__case-study .testimonial-wrapper img {
		height: 50px;
	}

	.HomePage .swiper-slide__case-study p {
		font-size: 1.6rem;
	}

	.HomePage .swiper-slide__case-study cite {
		font-size: 1.4rem;
	}

	.featured-sections {
		grid-template-rows: 307px 307px 307px 202px 202px;
	}

	.featured-sections span {
		width: 90%;
	}

	footer .logo {
		max-width: 100%;
	}

	.footer-social a {
		width: 45px;
	}

	.wrapper {
		--gutter: 15px;
	}

	.floating-contact {
		display: none;
	}

	.header-wrapper {
		position: sticky;
		top: 0;
		z-index: 11;
		background-color: #FFF;
		box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.15);
	}

	.trusted > div:last-child .wrapper {
		grid-template-columns: 1fr 1fr;
	}

	.trusted>div .wrapper img {
		max-width: 100%;
	}

	.working-life-boxes {
		grid-template-columns: 1fr;
	}

	.cta-guarantee {
		display: flex;
		flex-direction: column-reverse;
	}

	.cta-guarantee img {
		margin-inline: auto;
	}

	.cta-guarantee h2 {
		text-align: center;
	}

	footer section {
		grid-template-columns: 1fr 1fr;
	}

	.footer-social li {
		margin-right: 0;
	}

	footer section div:last-child {
		grid-column: 1 / -1;
	}

	.HomePage .testimonials .quote blockquote,
	.TestimonialHolder .testimonials .quote blockquote {
		margin: 40px 0 0 50px;
	}

	.HomePage .testimonials .quote blockquote::before,
	.TestimonialHolder .testimonials .quote blockquote::before {
		background-size: 50%;
	}

	.OurFactoryPage .hero,
	.OurFactoryPage .swiper-hero {
		min-height: 179px;
		max-height: 179px;
	}

	.OurFactoryPage .hero__shared-title {
		width: 90%;
		font-size: 3rem;
		top: 50%;
	}

	.OurFactoryPage .hero__shared-title h1 {
		font-size: 3rem;
	}

	.OurFactoryPage .hero h1 {
		font-size: 3rem;
	}

	.our-factory__main-images img {
		max-width: 100%;
	}

	.our-factory__main {
		flex-direction: column-reverse;
	}

	.our-factory__main-content .lead {
		font-size: 2.6rem;
	}

	.OurFactoryPage blockquote {
		font-size: 1.8rem;
		margin: 0 0 0 50px;
	}

	.OurFactoryPage blockquote::before {
		top: -30px;
		left: -40px;
		background-size: 50%;
	}

	.did-you-know {
		grid-template-rows: 1fr 1fr;
		grid-template-columns: 1fr;
	}

	.did-you-know picture {
		grid-row: 2;
		grid-column: 1;
	}

	.did-you-know div {
		grid-row: 1;
		grid-column: 1;
	}

	.NewsHolder .hero {
		min-height: 262px;
	}

	.NewsHolder .swiper-hero {
		min-height: 179px;
		max-height: 262px;
	}

	.NewsHolder .hero h1 {
		font-size: 2.6rem;
	}

	.NewsHolder .hero p {
		font-size: 1.8rem;
	}

	.news-filter {
		flex-direction: column;
		padding: 2rem;
	}

	.news-search-form {
		width: 100%;
	}

	.news-categories {
		flex-wrap: wrap;
		place-content: center;
	}

	.news-categories span {
		width: 100%;
		text-align: center;
	}

	.news-list-title {
		font-size: 2.4rem;
	}

	.news-list-date {
		font-size: 1.8rem;
	}

	.news-list-image {
		margin-bottom: 2rem;
	}

	.news-list-desc {
		font-size: 1.8rem;
	}

	.news-list-more {
		margin-bottom: 2rem;
	}

	.news-list-more a {
		font-size: 2rem;
	}

	.news-list-more a::before {
		top: 0;
	}

	.article-hr {
		margin-bottom: 4rem;
	}

	.ProjectHolder .swiper-hero {
		min-height: 280px;
		max-height: 280px;
	}

	.ProjectHolder .hero__shared-title {
		top: 10%;
	}

	.ProjectHolder .hero__content {
		font-size: 1.8rem;
		top: 45%;
	}

	.ProjectHolder .three-col {
		grid-template-columns: 1fr;
	}

	.project-container-card {
		margin-bottom: 3rem;
	}

	.ProjectHolder .project-card-container {
		padding-block: 4rem;
	}

	.ProjectHolder .project-card-img {
		max-height: 50px;
		max-width: 100px;
	}

	.ProjectHolder .quote blockquote {
		margin: 30px 0 0 10px;
	}

	.ProjectHolder blockquote > * {
		font-size: 1.6rem;
		max-width: 80%;
	}

	.ProjectHolder .quote blockquote::before {
		background-size: 40%;
		top: -50px;
	}

	.ProjectHolder .quote figcaption {
		font-size: 1.4rem;
	}

	.contact-cta {
		font-size: 2.4rem;
		padding-block: 2rem;
	}

	.CareersPage .hero__shared-title {
		top: 15%;
		width: 90%;
	}

	.CareersPage .hero__content {
		font-size: 1.8rem;
		top: 55%;
	}

	.CareersPage .swiper-hero {
		min-height: 280px;
		max-height: 280px;
	}

	.ProjectPage .swiper-hero {
		min-height: 280px;
		max-height: 280px;
	}

	.ProjectPage .hero__clients {
		width: 75px;
		height: auto;
		top: 1rem;
		right: 1rem;
	}

	.ProjectPage .hero__shared-title img {
		margin-inline: auto;
	}

	.ProjectPage .project-content-wrapper {
		flex-direction: column;
	}

	.ProjectPage .project-title {
		width: 100%;
	}

	.ProjectPage .project-content {
		width: 100%;
	}

	.ProjectPage .project-images {
		grid-template-columns: 1fr;
	}

	.ProjectPage .project-images img {
		max-width: 100%;
		height: auto;
	}

	.ProjectPage .project-images__top :first-child,
	.ProjectPage .project-images__top :nth-child(2),
	.ProjectPage .project-images__top :nth-child(3),
	.ProjectPage .project-images__top :nth-child(4),
	.ProjectPage .project-images__bottom :nth-child(5n + 1),
	.ProjectPage .project-images__bottom :nth-child(5n + 2),
	.ProjectPage .project-images__bottom :nth-child(5n + 3),
	.ProjectPage .project-images__bottom :nth-child(5n + 4),
	.ProjectPage .project-images__bottom :nth-child(5n + 5) {
		grid-column: 1;
	}

	.ProjectPage .project-testimonials {
		padding-bottom: 2rem;
	}

	.ProjectPage .project-testimonials .quote blockquote::before {
		background-size: 30%;
		top: -40px;
	}

	.ProjectPage .project-testimonials img {
		width: 100px;
		height: auto;
	}

	.ProjectPage .project-testimonials .quote blockquote {
		font-size: 1.8rem;
		margin: 30px 0 0 20px;
	}

	.ProjectPage .project-testimonials .quote figcaption {
		font-size: 1.6rem;
	}

	.TestimonialHolder .hero {
		min-height: 280px;
	}

	.TestimonialHolder .swiper-hero {
		min-height: 280px;
		max-height: 280px;
	}

	.AboutPage .hero {
		min-height: 235px;
	}

	.AboutPage .swiper-hero {
		min-height: 235px;
		max-height: 235px;
	}

	.AboutPage .icon-group {
		padding-bottom: 0;
	}

	.AboutPage .icon-container {
		flex-direction: column;
	}

	.AboutPage .icon-container {
		margin-bottom: 0;
	}

	.AboutPage .icon-card {
		border-right: 0;
		border-bottom: 1px solid currentColor;
		padding-bottom: 0;
		margin-bottom: 2rem;
		grid-template-columns: 100px auto;
		grid-template-rows: 100px auto;
	}

	.AboutPage .icon-card:last-child {
		border-bottom: 0;
	}

	.AboutPage .icon-card img {
		max-width: 100%;
		height: auto;
	}

	.AboutPage .icon-card h2 {
		margin-top: 0;
		display: grid;
		place-content: center;
		height: 100%;
	}

	.AboutPage .icon-card .icon-content {
		grid-column: 1 / -1;
	}

	.manufacture-uk-panel .wrapper>div {
		grid-template-columns: 100px auto;
		grid-template-rows: auto auto;
		gap: 1rem;
	}

	.manufacture-uk-panel img {
		grid-area: 1 / 1;
		padding-inline: 0;
	}

	.manufacture-uk-panel h2 {
		text-align: center;
	}

	.manufacture-uk-panel__text {
		grid-column: 1 / -1;
		text-align: center;
	}

	.icon-group .group-content p {
		font-size: 1.8rem;
	}

	.heritage-img-container::before,
	.heritage-img-container::after {
		content: none;
	}

	.heritage-grid {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}

	.heritage-grid .heritage-img-container {
		grid-column: 1;
		display: grid;
		grid-template-columns: 100px auto;
		grid-template-rows: repeat(3, auto);
		padding-bottom: 2rem;
		margin-bottom: 4rem;
		border-bottom: 1px solid #FFF;
	}

	.heritage-img-container:nth-child(5) {
		border-bottom: 0;
		padding-bottom: 0;
		margin-bottom: 2rem;
	}

	.heritage-icon {
		grid-column: 1;
		grid-row: 1 / span 2;
	}

	.heritage-date {
		grid-column: 2;
		grid-row: 1;
		display: grid;
		align-items: end;
	}

	.heritage-title {
		grid-column: 2;
		grid-row: 2;
		font-size: 1.8rem;
	}

	.heritage-content {
		grid-row: 3;
		grid-column: 1 / -1;
		font-size: 1.6rem;
	}

	.heritage-grid .heritage-img-container.tacked-content {
		display: none;
	}

	.ProductHolder .hero {
		margin-bottom: 2rem;
	}

	.ProductHolder .hero,
	.ProductHolder .swiper-hero {
		min-height: 258px;
		max-height: 258px;
		height: 258px;
	}

	.ProductHolder .hero__shared-title {
		top: 20%;
	}

	.ProductHolder .hero__content {
		font-size: 1.8rem;
	}

	.ProductHolder .hero+section {
		margin-top: 3rem;
	}

	.ProductHolder .product-range>a {
		position: relative;
		text-decoration: none;
	}

	.ProductHolder .product-range>a::before {
		content: '';
		position: absolute;
		inset: 0;
		background-color: rgb(0 0 0 / 30%);
	}

	.ProductHolder .product-range h2 {
		font-size: 2rem;
		top: 1rem;
		left: 2rem;
	}

	.ProductHolder .product-range .hero-brand-image {
		top: 35%;
		right: 2rem;
	}

	.ProductHolder .product-range .hero-brand-image img {
		max-width: 150px;
		height: auto;
	}

	.ProductHolder .hover-effect {
		display: block;
		position: relative;
		padding: 1rem;
		background-color: rgb(0 0 0 / 80%);
	}

	.ProductHolder .hover-effect p {
		padding: 0;
		margin: 0 0 1rem;
		max-width: 100%;
		font-size: 1.6rem;
	}

	.ProductHolder .hover-effect div {
		font-size: 1.6rem;
		gap: 1rem;
	}

	.ProductHolder .hover-effect img {
		width: 16px;
		height: auto;
	}

	.ProductRange .hero,
	.ProductRange .swiper-hero {
		min-height: 280px;
		max-height: 280px;
		height: 280px;
	}

	.ProductRange .hero__shared-title {
		font-size: 3rem;
		top: 20%;
	}

	.ProductRange .hero__shared-title h1 {
		font-size: 3rem;
	}

	.ProductRange .hero__brand-image {
		display: none;
	}

	.ProductRange .hero__content {
		top: 65%;
	}

	.ProductRange .hero__content p {
		font-size: 1.6rem;
	}

	.ProductRange .section__products,
	.IndividualProductHolder .section__products {
		margin-bottom: 4rem;
	}

	.ProductRange .two-col,
	.ProductRange .three-col,
	.IndividualProductHolder .two-col,
	.IndividualProductHolder .three-col {
		grid-template-columns: 1fr;
	}

	.ProductRange .product-cta.span_one-three {
		grid-column: 1 / -1;
	}

	.ProductRange .cta-text {
		--gutter: 10px !important;

		font-size: 2.6rem;
	}

	.ProductRange .section__case-studies .grid {
		--yGap: 4rem !important;
	}

	.ProductRange .section__case-studies .project-card {
		margin-bottom: 0;
	}

	.ProductRange .section__case-studies p {
		font-size: 2.6rem;
	}

	.ProductRange .section__case-studies .three-col {
		grid-template-columns: 1fr;
	}

	.ProductRange .section__case-studies img {
		max-width: 100%;
		height: auto;
	}

	.ProductRange .section__testimonials .wrapper {
		font-size: 3.6rem;
		margin-top: 6rem;
	}

	.ProductRange .section__testimonials .grid {
		grid-template-columns: 1fr;
	}

	.BrandSampleHolder .hero h1 {
		font-size: 2.6rem;
	}

	.BrandSampleHolder .hero p {
		font-size: 1.6rem;
	}

	.BrandSampleHolder .two-col {
		grid-template-columns: 1fr;
	}

	.BrandSampleHolder .brand-sample-grid :first-child {
		grid-column: 1;
	}

	.BrandSampleHolder .brand-sample-logo {
		left: 50%;
		top: 50%;
		bottom: unset;
		transform: translate(-50%, -50%);
	}

	.BrandSamplePage .hero,
	.BrandSamplePage .swiper-hero {
		min-height: 257px;
		max-height: 257px;
		height: 257px;
	}

	.BrandSamplePage .hero__shared-title img {
		margin-inline: auto;
	}

	.BrandSamplePage .two-col {
		grid-template-columns: 1fr;
	}

	.BrandSamplePage .brand-sample-grid :first-child {
		grid-column: 1;
	}

	.BrandSampleHolder .brand-sample-grid a {
		max-height: 266px;
	}

	.swiper-case-study {
		height: 940px;
	}

	.ProjectPage .swiper-testimonial {
		min-height: 600px;
		max-height: 1500px;
		height: 600px;
	}

	.HomePage .swiper-slide.swiper-slide__case-study::after {
		background: linear-gradient(to bottom, rgba(0, 0, 0, 25%) 455px, transparent 431px);
	}

	.hero .swiper-pagination-bullets.swiper-pagination-horizontal {
		bottom: -1rem;
	}
}

@media screen and (max-width: 384px) {
	.ProjectPage .swiper-testimonial {
		height: 650px;
	}
}