.popup .gform_description { color: #0E213F; margin: 30px 0; display: block; font-weight: 700;  }
.popup .gform_confirmation_message { max-width: 80%; text-align: center; margin: auto; padding: 50px 0; }
.popup .mfp-close { color: #0E213F; }
.wk .select--energie-onttrekking, .wk .select--compressor, .wk .select--subsidies, .wk .select--koelvermogen, .wk .select--verwarmingsvermogen, .lb .select--warmteterugwinning, .lb .select--luchtdebiet,
.lb .select--vrije-koeling, .lb .select--subsidies, .lb .select--koelvermogen, .ia .select--koudemiddel, .ia .select--verwarmingsvermogen, .ca .select--uitvoering, .va .select--energie-onttrekking,
.va .select--compressor, .va .select--opstellingslocatie, .va .select--type-verwarmen, .va .select--subsidies { display: none; }

@media (max-width: 1199px) {
	body { padding: 0; }
	#main .container, #footer .container { max-width: 100%; padding: 0 30px; }
	.home-cta-section .section-cta { max-width: 50%!important;  }
	.home-cta-section .section-cta .block__button { padding-top: 30px;  }
	.content-wrapper { margin: 30px auto!important; }
	.content-wrapper.has-sidebar { flex-wrap: wrap; width: 100%; }
	.content-wrapper.has-sidebar #maincontent, .content-wrapper.has-sidebar #sidebar { max-width: 100%; width: 100%;  }
	.frontpage .intro__content { max-width: 100%!important; text-align: center; padding: 0 0 30px; }
	.frontpage .intro__content .title { margin: 0 0 10px; }
	.frontpage .intro__content .text p { margin: 0 auto 20px; width: 80%; }
	.frontpage .intro__content .read-more { display: flex; }
	.frontpage .intro__content .read-more a { margin: auto; width: auto; }
	.service-items { max-width: 100%; }
	.usps { padding: 40px 24px 20px 24px!important; }
	.container.special { padding: 0 30px 60px!important; width: 100%; }
	.cta .content { width: 50%; }
	#footer section.footermenu .footernavigation > ul > li ul { padding-left: 0; }
	#footer section.footermenu .footernavigation > ul > li.menu-diensten { padding-left: 0; }
	#footer .footerbar { padding: 30px 0; }
	#footer .footerbar__companies  { margin: 0!important; }
	#footer .footerbar__companies a img { padding: 0 40px; box-sizing: border-box; }
	#footer .footerbar__companies:first-of-type a img { padding-left: 0; }
}

@media (max-width: 1100px) {
	.products .items .item { width: calc(47% - 10px); }
}

@media (max-width: 990px) {
	.home-cta-section .section-cta .title { font-size: 30px!important; line-height: 40px!important; }
	.page.downloads .searchblock--primary { margin: 0 0 30px; }
	.page.downloads .search-results { margin-bottom: 0; }
	.counters__bar .counters { flex-wrap: wrap; }
	.counters__bar .counter { width: 48%; justify-content: center; text-align: center; margin-bottom: 50px; }
	.counters__bar .circle { margin: 0 auto 20px; }
	#footer section.footermenu .footernavigation > ul { flex-wrap: wrap;  }
	#footer section.footermenu .footernavigation > ul > li > a { margin-bottom: 30px; }
	#footer section.footermenu .footernavigation > ul > li.menu-contactgegevens { padding-left: 0; width: auto; background-color: transparent;}
	#footer section.footermenu .footernavigation > ul > li.menu-contactgegevens::before { content: none; }
	#footer section.footermenu .footernavigation > ul > li.menu-contactgegevens ul li { margin-bottom: 0; }
	#footer section.footermenu .footernavigation > ul > li.menu-contactgegevens ul li div div:last-of-type { margin-bottom: 0; }
}

@media (max-width: 890px) {
	.products .items .item { width: 100%; } 
	#footer section.footermenu .footernavigation > ul { max-width: 70%; margin: 0 auto; padding-bottom: 60px; }
	#footer section.footermenu .footernavigation > ul > li { padding-bottom: 0; padding-right: 0!important; }
	#footer section.footermenu .footernavigation > ul > li.menu-contactgegevens { width: 100%; padding: 60px;  background-color: rgba(255, 255, 255, 0.45); }
}

@media (max-width: 875px) {
	#footer .footerbar__companies { margin: 0 auto!important; }
	#footer .footerbar__companies a img { padding: 0 30px!important; }
}

@media (max-width: 790px) {
	.home-cta-section .section-cta { padding: 30px!important; }
	.usps { margin: 30px 0!important; }
	.cta { flex-wrap: wrap; text-align: center; justify-content: center; }
	.cta .icon__wrapper { margin-bottom: 30px; }
	.cta .content { width: 100%; margin-bottom: 30px; }
	.cta .button__wrapper { margin: auto; }
	#footer section.footermenu .footernavigation > ul { max-width: 90%;  }
}

@media (max-width: 700px) {
	.mobile-widget.docu { padding: 0 0 30px; }
	.intro .block.show-mobile { padding: 0 0 30px; }
	.service.single .intro { margin: 30px 0!important; }
	.cta { display: block; }
	.cta .button__wrapper { margin-top: 30px; }
	.widgets.mobile .widget:nth-child(3)  a:nth-child(3) { display: none;  }
	#footer .footerbar__companies { display: block!important; }
	#footer .footerbar__companies > a { display: block!important; margin: 0!important; }
	#footer .footerbar__companies a:last-of-type { margin-top: 20px!important;  filter: none!important; opacity: 1!important; }
}

@media (max-width: 690px) {
	#main .container { padding: 0 20px; }
	.home-cta-section { flex-wrap: wrap; }
	.home-cta-section .section-cta { max-width: 100%!important; width: 100%!important; min-height: auto!important; margin-bottom: 30px!important; }
	.home-cta-section .section-cta:nth-child(2n) { margin-bottom: 0!important; }
	.mobile-widget.docu .button { width: auto; margin: 0 auto 0 0; }
	.counters__bar .counter { width: 100%; }
}

@media (max-width: 650px) {
	.pageheader .headline__holder { background: #0e213f; padding: 30px; box-sizing: border-box; max-width: 100%!important; }
	.pageheader .headline__holder h1 { color: #fff;  padding: 0; }
	.pageheader .headline__holder h1:before { position: relative; top: 0; bottom: 0; margin: auto 10px auto auto; max-width: 10px; width: 100%;  }
	.pageheader__image2.noimage { padding-top: 100px; background-color: #0e213f; }
	.contact .pageheader { height: 0; margin-top: 40px; }
	
}

@media (max-width: 500px) {
	.pageheader__image2 { display: block!important; }
	.topical .pageheader, .reference-archive .pageheader { margin-top: 0; }
}

@media (max-width: 450px) {
	.overons .content-wrapper .introtext { margin: 30px 0; }
}