@media only screen and (max-width: 2320px) {

	
	.sectioninner {
		padding: 0 27em;
	}
	
}

@media only screen and (max-width: 2100px) {

	
	.sectioninner {
		padding: 0 22em;
	}
	
	.productintro {
		padding-bottom: 8em;
	}

	
}

@media only screen and (max-width: 1920px) {

	
	.sectioninner {
		padding: 0 15em;
	}
	
		
	.top {
		padding-right: 2em;
	}

	
}


@media only screen and (max-width: 1800px) {

		
	.sectioninner {
		padding: 0 8em;
	}
	
	
		
	.top {
		padding-left: 2em;
	}

	
}

@media only screen and (max-width: 1520px) {

	body, html {
		font-size: 14pt;
	}
	
	.sectioninner {
		padding: 0 7em;
	}
		
	.productintro {
		padding-bottom: 6em;
	}

	
	.top .menu li {
		margin-left: 1.5em;
	}
	
}


@media only screen and (max-width: 1420px) {

	body, html {
		font-size: 13pt;
	}
	
	.sectioninner {
		padding: 0 6em;
	}
	
	.productctasection {
		margin-top: -8em;	
	}


}

@media only screen and (max-width: 1300px) {

	body, html {
		font-size: 12pt;
	}
	
	.sectioninner {
		padding: 0 5em;
	}
	
	.productintro {
		padding-bottom: 4em;
	}
	
	.productctasection {
		margin-top: -5em;	
	}
	
	.top {
		padding: 2em 1em;
	}
	
	.top .button::after {
		width: 0.75em;
		margin-left: .25em;
	}
	
	

}

@media only screen and (max-width: 1200px) {

	.formwrap {
		width: 75%;
	}
	
	.sectioninner {
		padding: 0 4em;
	}
	
}

@media only screen and (max-width: 1100px) {

	
	.sectioninner {
		padding: 0 2em;
	}
	
	.productctasection {
		margin-top: -4em;	
	}
	
}

@media only screen and (max-width: 1000px) {

	.sectioninner,
	.top,
	.section-tekst_twee_kolommen {
		padding: 0 2em;
	}	
	
	.cc25 .ccimg.type-Links,
	.cc25 .ccimg.type-Rechts {
		width: 50%;
		margin: auto;
	}
	.cc25 .ccimg.type-Onder {
		width: 100%;
	}
	
	.cc25 .ccimg.type-Onder,
	.cc25 .ccimg.type-Links,
	.cc25 .ccimg.type-Rechts {
		position: relative;
		right: auto;
		top:auto;
		margin-bottom: 2rem;
	}
	
	
	
	.productintro {
		padding-bottom: 2em;
	}
	
	.topfloat {
		bottom: -1em;
	}
	
	
	.section-tekst_twee_kolommen {
		padding-bottom: 2em;
	}
	
	.section-tekst_twee_kolommen .tablecell {
		padding: 0;
	}
	
	.section-afbeelding_met_tekst {
		padding: 2em 0;
		margin: 0;
		
	}
	
	.style-L .textcell,
	.style-R .textcell {
		padding: 2em;
	}
	
	.txtcontent p {
	   word-wrap: break-word;
	}
	
	.section-onze_opdrachtgevers .logoscell {
		width: 100%;
		left: auto !important;
	}
	
	.section-onze_opdrachtgevers.s-odd .logoscell {
		margin-top:2em;
	}
	
	.section-onze_opdrachtgevers.s-even .logoscell {
		margin-bottom:2em;
	}
	
	.tablecell, 
	.tablerow,
	.table {
		display: block;
		width: 100%;
	}
	
	.menucell {
		white-space: normal;
	}
	
	.hamburgeractive .top .menucell {
		z-index: 100;
	}
	
	.hamburgeractive .top .logocell {
		z-index: 200;
	}
	
	.section-footer .tablecell {
		padding-right: 0;
		margin-bottom: 1em;
	}
	
	.splitimg img {
		position: relative;
		width: 50%;
	}
	
	.splitimg svg {
		top: 5em;
	}
	
	.threecolumnsplit .tablecell {
		padding-top: 1em;
	}
	
	.productctasection {
		margin-top: 2em;
	}
	
	.section-header {
		background-image: url('/https/www.aquachain.nl/wp-content/uploads/2023/06/Maak-uw-kantoor-compleet-met-een-waterkoeler-op-maat.jpg');
		background-size: cover;
		background-position: 25% top;
		padding-top: 6em;
		
	}
	
	.header-back {
		display: none;
	}
	
	.header-content {
		position: relative;
		top: auto;
		padding: 2em;
	}
	
	.header-content .tablecell:nth-child(2),
	.header-buttons {
		text-align: left !important; 
	}
	
	.header-content .header-buttons .secondary {
		background: var(--sand);
	}

	.header-overlay {
		right: 1em;
	}
	
	#menu-hoofdmenu {
		text-align: center;
		margin-top: 1em;
	}
	
	.logo {
		margin: .5em 0;
		height: 4em;
		display: block;
		z-index: 999999999;
		position: relative;
	}
	
	.top.scrollview {
		padding: 0 1em;
	}
	
	.top .menu li {
		margin: 0 1em;
		display: block;
	}
	
	.hamburgeractive .top .menu li a {
		color: var(--darkblue);
	}
	.hamburgeractive .top .menu li a:hover {
		color: var(--blue);
	}
	.hamburgeractive .top .menu .sub-menu li a:hover {
		color: var(--darkblue);
	}
	
	.top .sub-menu {
		position: relative;
		top: auto;
		left: auto;
		text-align: center;
		display: none;
		opacity: 1;
	}
	
	.top .menu li:hover .sub-menu {
		display: block;
	}
	
	
	.section-tekst_twee_kolommen .title {
		width: 100%;
		margin: 0;
		padding: 1em 0;
	}
	
	
	.productimagehold {
		padding-top: 0;
	}
	
	.productintro, .productspecs {
		padding:0;
	}
	
	.productspecs {
		margin-top: 4rem;
	}
	
	.single_product_part3 .products {
		width: 100%;
	}
	
	.single_product_part1 {
		padding-bottom: 3em !important;
	}
	
	.section-coolculator .textcell {
		padding: 0;
	}
	
	.section-coolculator .button {
		position: relative;
		right: auto;
		bottom: auto;
		margin-top: 2em;
	}
	
	.section-coolculator h2 {
		font-size: 1.5em;
	}
	
	.team-item,
	.blog-item {
		flex: 100%;
	}
	
	.team-container {
		width: 75%;
		margin: auto;
		margin-bottom: 5em;
	}
	
	.formwrap {
		width: calc(100% - 4em);
		border-radius: 3em 0 3em 3em;
	}
	
	.formcontent {
		padding: .5em;
	}
	
	
	.logooverzicht img {
		width: 50%;
	}
	
	.menu-hoofdmenu-container {
		display: none;
	}
	
		
	.hamburger {
		position: absolute;
		top:1.5em;
		right:1em;
		display: inline-block;
		fill: white;
		height: 2em;
		width: 2em;
		transition: fill .25s;
		z-index: 9999999;
	}
	
	.mobilefix {
		width: 75%;
		padding-top: .5em;
	}
	
	.scrollview .hamburger {
		top: .5em;
	}
	
	.mcart {
		display: block;
		position: absolute;
		top: 1.5em;
		right: 4.5em;
		list-style: none;
		margin: 0;
		padding: 0;
		z-index: 9999999;
	}
	.mcart .cart-contents svg {
		height: 2em;
		transition: fill .25s;
	}
	
	.woocommerce-cart-form__contents .qty {
		width: 3em !important;
	}
	
	.hamburgeractive .hamburger,
	.hamburgeractive .mcart .cart-contents svg  {
		fill: var(--darkblue);
	}
	
	.hamburgeractive .mcart .cart-contents .cart-contents-count {
		background: white;
		transition: background .25s;
	}
		
	.hamburgeractive .menu-hoofdmenu-container {
		  display: block;
		  position: fixed;
		  top: 0em;
		  right: 0;
		  left:0;
		  text-align: center;
		  background: var(--sand);
		  line-height: 3em;
		  padding: 1em;
		  padding-top: 4em;
		  border-radius: 0 0 0 .2em;
		  box-shadow: 3px 3px 6px rgba(0,0,0,0.0);
		  z-index: 99999;
	}
	
	.section-coolculator .contentinner {
		padding: 1em;
	}
	
	.section-coolculator .choice {
		font-size: 1em;
	}
	.section-coolculator .choice .radio {
		margin-right: .5em;
	}	
	
	.coolcalcnav {
		position: relative;
		text-align: left;
		left: auto;
		right: auto;
		bottom: auto !important;
		max-width: none;
	}
	
	.section-coolculator .tab {
		padding: .5em 1em;
	}
	
	.section-coolculator .tab big {
		display: inline-block;
		vertical-align: middle;
		margin-right: .5em;
		margin-bottom: 0;
	}
	
	section.product_cat .sectioninner {
		padding: 0 2em;
	}
	
	.products .product,
	.single_product_part3 .products .product{
		display: block !important;
		width: 75% !important;
		flex: none !important;
		padding-right: 0 !important;
		text-align: center;
		font-size: 1em;
	}
	
	
	
	.products li img {
		margin: auto;
		width: 75% !important;
		margin-bottom: 2em;
	}
	
	.products .product .lastprice,
	.products .product .currentprice,
	.products .product h2 {
		text-align: center;
	}
	
	.product_info {
		padding: 0 !important;
	}
	
	.product_info .usp {
		text-align: left;
	}
	
	.cta_right {
		position: relative;
		right: auto;
		top: auto;
		width: calc(75% - 2em);
		margin: auto;
	}

	.threecolumnsplit .tablecell:hover .splitimg svg {
		top: 5em;
	}
	
	.productintro h1,
	.product_cat h1,
	.textcell h2,
	.textcell h1,
	section.section-teamleden h1, 
	section.section-titel_en_tekst_gecentreerd h1,
	section.section-blog-single h1,
	.titlesection h1 {
		font-size: 2em;
	}
	
	.blog-nav a:last-of-type {
		float: none;
	}
	
	.header-content h1 {
		font-size: 3em;
		white-space: normal;
	}
	
	.header-content h2 {
		font-size: 1.25em;
	}

	.products .archive-title-wrap {
		width: 100%;
	}	
	
	.img_enlarged .imgholder img {
		margin-top: 5em;
	}
	
	.imagetoggle_container {
		padding-top: 1em;
	}
	
	.section-coolculatorbanner .stap {
		display: block;
	}
	
	.section-coolculatorbanner .stap:not(.section-coolculatorbanner .stap:last-of-type)::after {
		display: block;
		transform: rotate(90deg);
		top: auto;
		margin: .5em auto;
		left: auto;
		width: 1em;
		height: 1em;
	}
	
	.header-content .logo_container {
		width: 100vw;
		left:-2em;
		margin: 1em 0;
		position: relative;
	}
	
	.section-reviewblok {
		margin: 0em;
	}
	
	.section-reviewblok .flexcontainer {
		display: block;
	}
	
	.section-reviewblok .sectioninner {
		padding: 0 2em;
	}
	
	.section-reviewblok .reviewitem {
		width: 100%;
		margin: 2em 0;
	}
}