/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (max-width:1750px){
	
	.nav ul li a:link, .nav ul li a:visited, .nav ul li a:active
	{
		padding-left: 10px;
		padding-right: 10px;
	}
	
}

/* HEADER RESPONSIVE 03-09 */
@media only screen and (max-width:1524px){
	.logo-img {
	    max-width: 185px;
	}
	.logo {
		top: 15px;
	}
	.tagline{
		font-size: 0.8em;
		top: 20px;
		left: 196px;
		z-index: 1;
	}
	header .col4:first-child, header .col6:first-child, header .col8:first-child{
		padding-left: 3%;
	}
	header .col4:last-child, header .col6:last-child, header .col8:last-child{
		padding-right: 3%;
	}
	.nav ul li a:link{
		padding: 18px 0px;
	}
	.nav ul li ul{
		top: 80px;
	}
	header .col4, header .col6, header .col8 {
	    height: 80px;
	}
	header .bg-blue:after{
		border-width: 80px 0 0 100px;
	}
	.header .nav ul {
    	text-align: right;
	}

}

@media only screen and (min-width:1400px) {

	.wrap-big
	{
		max-width: 1400px;
	}
	.wrap-full
	{
		max-width: 100%;
	}
}
@media only screen and (max-width:1400px) {

	.wrap-big
	{
		max-width: 100%;
	}
	.wrap-full
	{
		max-width: 100%;
	}
	.page-id-226 .section-blocks-lp-uitgebreid p {
		padding: 0px 0%;
	}
	.section-usps .col12.bg-lt.p-sm,
	.page-template-template-lp-uitgebreid .slider .wrap {
		width: calc(100% - 140px);
	    margin: 0 auto;
	    float: unset;
	}
}
@media only screen and (max-width:1300px) {
	.content-block {
		padding: 4.0em 2% 3.0em 4%;
		width: 50%;
	}
	p {
		margin: 0 0 1.5em 0;
		line-height: 1.75em;
	}
}
@media only screen and (min-width:1260px) {
	.wrap
	{
		max-width: 1260px;
	}

}
@media only screen and (max-width:1260px) {
	.wrap{
		max-width: 98%;
	}
	header .col6:first-child
	{
		padding-left: 1%;
	}
	header .col6:last-child
	{
		padding-right: 1%;
	}
	body,
	a.button, .button, span.button, a.button-white, .button-white, span.button-white, a.button-dark, .button-dark, span.button-dark, a.button-outline, .button-outline, span.button-outline, a.button-outline-dark, .button-outline-dark, span.button-outline-dark, input[type="button"], input[type="reset"], input[type="submit"]
	{
		font-size: 14px;
	}
	.change .widget
	{
		font-size: 14px;
	}
	.col12-1200{
		width: 100%
	}
	.col11-1200{
		width: 91.66666667%
	}
	.col10-1200{
		width: 83.51515133%
	}
	.col9-1200{
		width: 75%
	}
	.col8-1200{
		width: 66.66666667%
	}
	.col7-1200{
		width: 58.333%
	}
	.col6-1200{
		width: 50%
	}
	.col5-1200{
		width: 41.66666667%
	}
	.col4-1200 {
		width: 33.51515133%
	}
	.col3-1200{
		width: 25%
	}
	.col2-1200{
		width: 16.66666667%
	}
	.col1-1200
	{
		width: 8.51515133%
	}
	.single-stap-container .icon-single-stap {
		width: 100px;
		margin-right: 9%;
	}
	.single-stap-container .titel-content-stap {
		width: 60%;
		margin-right: 10%;
		float: right;
	}
	.single-stap:nth-child(even) .single-stap-container .titel-content-stap {
		float: left;
		margin-right: 0%;
		margin-left: 10%;
	}
	.single-recensie {

		padding:145px 5% 80px 5%;

	}
	.nav ul li a:link{
		font-size: 17px;
	}
	.tagline{
		top: 11px;
		left: 165px;
		width: 100px;
		line-height: 1.1;
	}
	.logo
	{
		top: 19px;
	}
	.logo-img {
	    max-width: 150px;
	}
	.nav ul li:hover ul, .nav ul li:hover ul li {
    	width: 180px;
    }
    .nav ul li ul li a:link {
    	padding-left: 25px;
    	font-size: 0.9em;
	}
	header .bg-blue:after
	{
		border-width:  80px 0 0 70px;
		right: -70px;
	}
	.header .col8
	{
		width: 73% !important;
	}	
	.header .col4
	{
		width: 27% !important;
	}
	
}

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

	.slider, .slider img
	{
		height: 250px;
	}
	.slider-info
	{
		bottom: 50px;
	}
	.slider-info h1
	{
		font-size: 3.0em;
	}
	.home .slider, .home .slider img, .home .slide-image-lp, .home .slide-image, .home .slider .wrap
	{
		height: 550px;
	}
	.home .slider .wrap .slider-content
	{

	}
	.zipcode-check
	{
		top: -500px;
	}

/*------------------------------------*\
	START LANDINGSPAGINA UITGEBREID CSS
\*------------------------------------*/
	.page-template-template-lp-uitgebreid h2 {
		font-size: 27px;
	}
	.page-id-226 .col3.building-blocks  {
		width: 50%;
	}
	.page-id-226 .building-blocks:nth-child(-n+2)  {
		margin-bottom:40px;
	}

}

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

	body,
	a.button, .button, span.button, a.button-white, .button-white, span.button-white, a.button-dark, .button-dark, span.button-dark, a.button-outline, .button-outline, span.button-outline, a.button-outline-dark, .button-outline-dark, span.button-outline-dark, input[type="button"], input[type="reset"], input[type="submit"],
	select, input[type="text"], input[type="email"], input[type="password"], input[type="date"], input[type="tel"], textarea, button
	{
		font-size: 14px;
	}
	select, input[type="text"], input[type="email"], input[type="password"], input[type="date"], input[type="tel"], textarea, button
	{
		min-height: 40px;
	}
	.footer,
	.change .widget
	{
		font-size: 13px;
	}
	h1
	{
		font-size:1.85em;
	}
	h2
	{
		font-size:1.7em;
	}
	h3
	{
		font-size:1.3em;
	}
	.page-template-template-lp-uitgebreid .slider .wrap .slider-content
	{
		left: 10%;
	}
	ul.list-horizontal li:last-child
	{
		display:none
	}

/*------------------------------------*\
    START RESPONSIVE MENU CSS
\*------------------------------------*/
	.nav ul li:hover ul,
	.nav ul li:hover ul li
	{
		width: 100%!important;
	}
	.btn-stroke:hover.c-hamburger--htx.is-active span{
		background:none;
	}
	#menu-mobile-menu{
		list-style:none;
		padding:0;
		margin:0;
	    min-height: 500px;
	}
	#menu-mobile-menu li{
		line-height: 1.8em;
		margin-bottom: 0em;
		ppadding: 7px 0px 7px 15px;
		padding: 2px;
		padding-left: 15px;
		border-bottom: 1px solid rgba(255,255,255, 0.15);
		position: unset;
		line-height: 0px;
	}
	#menu-mobile-menu li .sub-menu a{
		padding: 15px;
		padding-left: 0px;
	}
	#menu-mobile-menu li .sub-menu a,
	#menu-mobile-menu li a{
		font-size:18px;
		color:#fff;
		display:block;
		cursor:pointer;
		text-align:left;
		min-height:inherit !important;
	}
	#menu-mobile-menu .menu-item-has-children a:after,
	#menu-mobile-menu li.haschild > a:after{
		content: '\f105';
		font-family: FontAwesome;
		font-weight: normal;
		font-style: normal;
		font-size: 17px;
		margin: 0 10px 0 0;
		float: right;
	}
	#menu-mobile-menu .menu-item-has-children ul li a:after {
		display:none;
	}
	#menu-mobile-menu li a:hover{
		/*color:#999;*/
	}
	#menu-mobile-menu li.current > a{
		color: #e21a22;
	}
	#menu-mobile-menu li:before {
		content: none;
	}
	#menu-mobile-menu .sub-menu,
	#menu-mobile-menu .child{
		display:none;
		list-style:none;
		margin:0;
		padding: 0;
	}
	#menu-mobile-menu .menu-item-has-children.active .sub-menu,
	#menu-mobile-menu .haschild.active .child{
		display:block;
		background-color: #264476;
	}
	#menu-mobile-menu .haschild.active .child ul.child{
		display:none;

	}
	#menu-mobile-menu .haschild.active .child .active ul.child{
		display:block;

	}
	#menu-mobile-menu .menu-item-has-children,
	#menu-mobile-menu .haschild{
		left:-81%;
		overflow-x: hidden;
		overflow-y: auto;
		visibility: visible;
		-webkit-overflow-scrolling: touch;
		-moz-transition:left 0.3s ease;
		-webkit-transition:left 0.3s ease;
		transition: left 0.3s ease;
		-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
	}
	#menu-mobile-menu .menu-item-has-children.active,
	#menu-mobile-menu .haschild.active{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		padding:0;
		margin:0;
		background-color: #264476;
		border-bottom:0;
		padding-top: 0px;
		z-index: 2;
	}
	#menu-mobile-menu .menu-item-has-children.active > a,
	#menu-mobile-menu .haschild.active > a{
		padding-left: 15px !important;
		color: #fff;
		border-bottom: 1px solid rgba(255,255,255, 0.15);
		font-weight: bold;
		padding-top: 10px;
		padding-bottom: 10px;
		background: #264476!important;
	}
	#menu-mobile-menu .menu-item-has-children.active > a:before,
	#menu-mobile-menu .haschild.active > a:before{
		display:none;
	}
	#menu-mobile-menu .menu-item-has-children.active .mobile-close,
	#menu-mobile-menu .first-child .mobile-exit,
	#menu-mobile-menu .haschild.active .mobile-close{
		position: absolute;
		z-index: 2;
		cursor: pointer;
		float: right;
		font-size: 24px;
		bbackground: #393939;
		background: #264476;
		top: 0px;
		right: 0px;
		height: 49px;
		width: 49px;
		line-height: 49px;
		text-align: center;
		color: #fff !important;
		bborder-bottom: 1px solid rgba(255,255,255, 0.15);
	}
	#menu-mobile-menu .mobile-exit .c-hamburger{
		margin-left: 3px;
		margin-top: 2px;
	}
	#menu-mobile-menu .mobile-exit .c-hamburger span::before,
	#menu-mobile-menu .mobile-exit .c-hamburger span::after{
		background-color: #ffffff;
	}
	#menu-mobile-menu .menu-item-has-children .mobile-close i,
	#menu-mobile-menu .haschild.active .mobile-close i{
		pointer-events:None;
	}
	.mobile-menu-container .logo-lt
	{
		max-width: 200px;
	}
	.mobile-menu-container  .wpml-ls-menu-item .wpml-ls-flag {
		width: 30px;
		height: 30px;
	}
	.mobile-menu-container .icon-mail, .mobile-menu-container .icon-phone {
		float: left;
		width: 100%;
		margin: 0 0 1.5em 0;
	}
	.c-hamburger span::before {
	  top: -8px;
	}
	.c-hamburger span::after {
	  bottom: -8px;
	}
	.c-hamburger--htx span {
	  transition: background 0s 0.3s;
	}
	.c-hamburger--htx span::before,
	.c-hamburger--htx span::after {
	  transition-duration: 0.3s, 0.3s;
	  transition-delay: 0.3s, 0s;
	}
	.c-hamburger--htx span::before {
	  transition-property: top, transform;
	}
	.c-hamburger--htx span::after {
	  transition-property: bottom, transform;
	}
	/* active state, i.e. menu open */
	.c-hamburger--htx.is-active {

	}
	.c-hamburger--htx.is-active span {
	  background: none;
	}
	.c-hamburger--htx.is-active span::before {
	  top: 0;
	  transform: rotate(45deg);
	}
	.c-hamburger--htx.is-active span::after {
	  bottom: 0;
	  transform: rotate(-45deg);
	}
	.c-hamburger--htx.is-active span::before,
	.c-hamburger--htx.is-active span::after {
	  transition-delay: 0s, 0.3s;
	}
	.mobile-menu {
		position: relative;
		right: 0px;
		margin-right: 0px;
		z-index: 100;
		top: 6px;
		height: 79px;
		top: 0;
		display: flex!important;
		align-items: center;
	}
	.is-sticky .mobile-menu {
		top: -24px;
	}
	.c-hamburger {
	  display: block;
	  position: relative;
	  overflow: hidden;
	  margin: 0;
	  padding: 0;
	  width: 36px!important;
	  height: 36px;
	  font-size: 0;
	  text-indent: -9999px;
	  appearance: none;
	  box-shadow: none;
	  border-radius: none;
	  cursor: pointer;
	  background:none;
	  border:0;
	}
	.down .c-hamburger
	{
		background:none;
	}
	.c-hamburger span {
		display: block;
		position: absolute;
		top: 16px;
		left: 0px;
		right: 0px;
		background: #333333;
		width: 100%;
		height: 4px;
		border-radius: 1px;
		-moz-border-radius: 1px;
		-webkit-border-radius: 12px;
	}
	.c-hamburger span::before,
	.c-hamburger span::after {
		position: absolute;
		display: block;
		left: 0;
		width: 100%;
		height: 4px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		background-color: #393939;
		content: "";
	}
	.btn-stroke:hover.c-hamburger span,
	.btn-stroke:hover.c-hamburger span::before,
	.btn-stroke:hover.c-hamburger span::after
	{
		background-color:#A72072
	}
	.down .c-hamburger span,
	.down .c-hamburger span::before,
	.down .c-hamburger span::after
	{
		background-color:#000000;

	}
	.btn-stroke:hover.c-hamburger--htx.is-active span{
		background:none;
	}
	.mobile-menu-container .logo-lt {
		max-width: 260px;
		padding-left:15px;
	}
	.c-hamburger span::before {
	  top: -8px;
	}

	.c-hamburger span::after {
	  bottom: -8px;
	}
	.c-hamburger--htx span {
	  transition: background 0s 0.3s;
	}

	.c-hamburger--htx span::before,
	.c-hamburger--htx span::after {
	  transition-duration: 0.3s, 0.3s;
	  transition-delay: 0.3s, 0s;
	}

	.c-hamburger--htx span::before {
	  transition-property: top, transform;
	}

	.c-hamburger--htx span::after {
	  transition-property: bottom, transform;
	}

	/* active state, i.e. menu open */
	.c-hamburger--htx.is-active {

	}

	.c-hamburger--htx.is-active span {
	  background: none;
	}

	.c-hamburger--htx.is-active span::before {
	  top: 0;
	  transform: rotate(45deg);
	}

	.c-hamburger--htx.is-active span::after {
	  bottom: 0;
	  transform: rotate(-45deg);
	}

	.c-hamburger--htx.is-active span::before,
	.c-hamburger--htx.is-active span::after {
	  transition-delay: 0s, 0.3s;
	}
	.container-wrapper{
		-webkit-transition: -webkit-transform 0.3s ease;
		-moz-transition: -moz-transform 0.3s ease;
		-o-transition: -o-transform 0.3s ease;
		transition: transform 0.3s ease;
		-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

	}
	.mobile-menu-container{
		bbackground-color:#212121;
		background-color: #264476;
		padding:10px 10px 20px 10px;
		position: fixed;
		top: 0;
		left:-75%;
		bottom: 0;
		z-index: 100000;
		display: block!important;
		width: 75%!important;
		overflow-x: hidden;
		overflow-y: auto;
		visibility: visible;
		-webkit-overflow-scrolling: touch;
		-moz-transition:left 0.3s ease;
		-webkit-transition:left 0.3s ease;
		transition: left 0.3s ease;
		-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		-o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
		transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
	}
	.mobile-menu-container a:link, .mobile-menu-container a:visited, .mobile-menu-container a:active
	{
		color: #fff;
	}
	.mobile-menu-container .logo-img {
		width: 150px;
	}

	.off-screen{
		left:0;
	}

	.off-screen+* {
		position: relative;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 5;
		width: 100%;
		overflow: hidden;
		-webkit-transition: -webkit-transform .3s ease;
		-moz-transition: -moz-transform .3s ease;
		-o-transition: -o-transform .3s ease;
		transition: transform .3s ease;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition-delay: 0.1s; /* Safari */
		transition-delay: 0.1s;
	}
	.contact-mobile-menu {
		padding-left: 15px;
		margin-top: 50px;
	}
	.contact-mobile-menu h3 {
		color: #ed1c24;
	}
/*------------------------------------*\
    END RESPONSIVE MENU CSS
\*------------------------------------*/

	.section-services .icon
	{
		width: 120px;
		height: 120px;
		border: 3px solid #fff;
	}
	.section-services .icon img
	{
		max-width: 60px;
	}
	.col12-s{
		width: 100%
	}
	.col11-s{
		width: 91.66666667%
	}
	.col10-s{
		width: 83.51515133%
	}
	.col9-s{
		width: 75%
	}
	.col8-s{
		wwidth: 66.66666667%;
		width: 66.66666667% !important;
	}
	.col7-s{
		width: 58.333%
	}
	.col6-s{
		width: 50%
	}
	.col5-s{
		width: 41.66666667%
	}
	.col4-s {
		width: 33.333333%
	}
	.col3-s{
		width: 25%
	}
	.col2-s{
		width: 16.66666667%
	}
	.col1-s
	{
		width: 8.51515133%
	}
	.p-xxl
	{
		padding:  50px;
	}
	.p-l-xl
	{
		padding: 40px;
	}
	.p-b-xl {
    	padding-bottom: 50px;
	}
	.p-t-xl {
		padding-top: 50px;
	}
	.hide-1024 {
		display:none;
	}
	.show-1024 {
		display:block;
	}
	.p-none-s
	{
		padding: 0 !important;
	}
/*------------------------------------*\
    START STAPPEN FRONTPAGE CSS
\*------------------------------------*/
	.single-stap-container .icon-single-stap {
		display: flex;
	}
	.single-stap:nth-child(even) .single-stap-container .icon-single-stap {
		order: 1;
	}
	.single-stap-container {
		width: 50%;
		display: flex;
	}
	.section-nieuwsberichten .owl-controls {
		top: calc(50% - 40px);
		right: calc(60% - 30px);
		width:60px;
		height:80px;
	}
	.section-nieuwsberichten .owl-prev,
	.section-nieuwsberichten .owl-next {
		width: 100%;
		height: 40px;
		text-align: center;
		font-size: 18px;
		line-height: 40px;
	}
/*------------------------------------*\
    END STAPPEN FRONTPAGE CSS
\*------------------------------------*/

/*------------------------------------*\
    START NIEUWSBERICHTEN FRONTPAGE CSS
\*------------------------------------*/
.post-container-image-fp,
.post-container-inner-fp {
    width: 40%;
    margin-right: 10%;
}
.post-container-inner-fp {
    width: 50%;
	padding:20px;
    margin-right: 0%;
}
/*------------------------------------*\
    END NIEUWSBERICHTEN FRONTPAGE CSS
\*------------------------------------*/
/*------------------------------------*\
	START LANDINGSPAGINA UITGEBREID CSS
\*------------------------------------*/
.content-block {
    padding: 4.0em 4% 3.0em 4%;
}
.section-blocks-lp-uitgebreid p {
	padding: 0px 0%;
}
/*------------------------------------*\
	END LANDINGSPAGINA UITGEBREID CSS
\*------------------------------------*/
	
	  form.wpcf7-form .col6:nth-child(odd) {
    padding-left: 0;
		 	padding-right: 0;
  }
  form.wpcf7-form .col6:nth-child(even) {
	padding-right: 0;
	padding-left: 0;
  }
	.tagline{
		left: 165px;
		font-size: 0.8em;
	}
	.col12.banner-skew.bg-blue.text-lt.p-sm {
	    width: calc(100% - 129px);
	    margin: 0 auto;
	    float: unset;
	}
	.section-usps .row {
	    width: calc(100% - 129px);
	    margin: 0 auto;
	    float: unset;
	}
	.p-r-0-1024 {
		padding-right: 0px;
	}
	.section-usps .col12.bg-lt.p-sm, .page-template-template-lp-uitgebreid .slider .wrap {
		width: calc(100% - 40px);
	}
	.logo 
	{
		top: 15px;
	}
	.logo-img 
	{
		max-width: 185px;
	}
	.tagline
	{
		width: 200px;
		left: 195px;
		font-size: 0.9em;
		top: 26px;
	}
	.header .col8-s
	{
		width: 66.66666667%!important;
	}
	.header .col4-s 
	{
    	width: 33.333333%!important;
	}
	.wrap .col4.zipcode-check
	{
		display: none;
	}
	.home .slider, .home .slider img, .home .slide-image-lp, .home .slide-image, .home .slider .wrap
	{
		height: 450px;
	}
	.home .slider .wrap .slider-content
	{
		bottom: 10em;
	}
	
}

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

	.search input[type="search"]
	{
		width: 150px;
	}
	.slider-content h3
	{
		font-size: 2.4em;
	}
	select, input[type="text"], input[type="email"], input[type="password"], input[type="date"], input[type="tel"], textarea, button
	{
		padding-left: 8px;
		padding-right: 8px;
	}
	.home .slider-content
	{
		width: 75%;
	}
	.col12-s-900{
		width: 100%
	}
	.col11-s-900{
		width: 91.66666667%
	}
	.col10-s-900{
		width: 83.51515133%
	}
	.col9-s-900{
		width: 75%
	}
	.col8-s-900{
		width: 66.66666667%
	}
	.col7-s-900{
		width: 58.51515133%
	}
	.col6-s-900{
		width: 50%
	}
	.col5-s-900{
		width: 41.66666667%
	}
	.col4-s-900 {
		width: 33.51515133%
	}
	.col3-s-900{
		width: 25%
	}
	.col2-s-900{
		width: 16.66666667%
	}
	.col1-s-900
	{
		width: 8.51515133%
	}
	.hide-900 {
		display:none;
	}
	.show-900 {
		display:block;
	}
	.p-r-0-900 {
		padding-right: 0px;
	}
	.top-footer .widget-first.widget {
		width: 100%;
		margin-right: 0%;
		padding-right: 0px;
		margin-bottom: 50px;
	}
	.top-footer .widget {
		width: 30%;
		margin-right: 5%;
	}
/*------------------------------------*\
	START LANDINGSPAGINA UITGEBREID CSS
\*------------------------------------*/
	.page-template-template-lp-uitgebreid .slider, .page-template-template-lp-uitgebreid .slider img, .page-template-template-lp-uitgebreid .slide-image-lp, .page-template-template-lp-uitgebreid .slide-image, .page-template-template-lp-uitgebreid .slider .wrap
	{
		height: 250px;
	}
	.slider-lp-uitgebreid h1
	{
	}
	.section-rij-5-content {
		padding: 65px 0% 60px 0%;
	}
	.section-blocks-lp-uitgebreid p,
	.section-rij-5-content p {
		padding: 0px 5%;
	}
	.section-blocks-lp-uitgebreid p {
		padding: 0px 0%;
	}
	.page-template-template-lp-uitgebreid h2 {
		min-height:70px
	}

/*------------------------------------*\
	END LANDINGSPAGINA UITGEBREID CSS
\*------------------------------------*/
}

@media only screen and (max-width:800px) {
	.wrap {
		max-width: 96%;
	}
	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12
	{
		width: 100%;
	}
	.slider-info h1
	{
		font-size: 2.0em;
	}
	ul.list-horizontal li:last-child
	{
		display: block;
	}
	.slider-content
	{
		width: 100%;
	}
	.slider-content h3
	{
		font-size: 1.8em;
	}
	.zipcode-check
	{
/*		height: inherit;
		top:-260px;*/
		display: none;

	}
	.zipcode-check .p-lg
	{
		padding-bottom: 10px;
	}
	.zipcode-check p
	{
		display: none;
	}
	.search
	{
		position: absolute;
		right: 50px;
		top: 80px;
	}
	.change .widget .widget_wrap:after
	{
		width: 120px;
		right: 20px;
		z-index: 1;
	}
	.change .widget:nth-child(2) .widget_wrap:after,
	.change .widget:nth-child(4) .widget_wrap:after,
	.change .widget:nth-child(7) .widget_wrap:after
	{
		display: block;
		top: 109px;
		width: 149px;
		right: 130px;
		z-index: 1;
		transform: rotate(-45deg);
		background: #f5f5fb;
		border: none !important;
		height: 5px;
	}
	.change .widget:nth-child(5) .widget_wrap:after
	{
		display: none;
	}
	.change .widget:nth-child(5) .widget_wrap
	{
		margin-top: 0;
	}
	.change .widget:nth-child(5)
	{
		bbackground: red;
		order: 8;
	}
	.change .widget:nth-child(6)
	{
		bbackground: blue;
		order: 7;
	}
	.change .widget:nth-child(7)
	{
		bbackground: lime;
		order: 6;
	}
	.change .widget:nth-child(8)
	{
		bbackground: yellow;
		order: 5;
	}
	.change .p-b-xxl
	{
		padding-bottom: 100px;
	}
	.change .widget-step img
	{
		width: 200px;
		height: 220px;
	}
	.change .widget-step
	{
		padding-right: 200px;
	}
	.content
	{
		margin-bottom: 2.0em;
	}
	.minheight-800
	{
		height: 400px;
	}
	.min-height-lg
	{
		height: 300px;
	}
	.col12-s-800{
		width: 100%
	}
	.col11-s-800{
		width: 91.66666667%
	}
	.col10-s-800{
		width: 83.51515133%
	}
	.col9-s-800{
		width: 75%
	}
	.col8-s-800{
		width: 66.66666667%
	}
	.col7-s-800{
		width: 58.51515133%
	}
	.col6-s-800{
		width: 50%
	}
	.col5-s-800{
		width: 41.66666667%
	}
	.col4-s-800 {
		width: 33.3333333%
	}
	.col3-s-800{
		width: 25%
	}
	.col2-s-800{
		width: 16.66666667%
	}
	.col1-s-800
	{
		width: 8.51515133%
	}
	.p-none-s-800
	{
		padding: 0 !important;
	}
	.hide-800 {
		display:none;
	}
	.p-r-800-none
	{
		padding-right: 0;
	}
	.p-l-800-none
	{
		padding-left: 0;
		
	}	
	.p-t-800-none
	{
		padding-top: 0;
	}
	.p-b-800-none
	{
		padding-bottom: 0;
		
	}
	.show-800 {
		display:block;
	}
	.section-usps ul li {
	}
	
	.slider, .slider img, .slide-image-lp, .slide-image, .slider .wrap
	{
		height: 175px;
	}
/*------------------------------------*\
	START LANDINGSPAGINA UITGEBREID CSS
\*------------------------------------*/
	.foto-block {
		width: 100%;
		padding-top: 60%;
	}
	.section-foto-content .order-odd .foto-block {
		order: 1;
	}
	.foto-content-row .order-odd:last-child .bg-photo
	{
		background-position: left top !important;
	}
	.content-block {
		width: 100%;
	}
	.show-right-side {
		order: 0;
	}
	.building-blocks {
		margin-bottom:40px;
	}
	.page-template-template-lp-uitgebreid h2 {
		min-height:unset
	}
	.building-blocks img {
		max-width: 200px;
	}
	.building-blocks:last-child {
		margin-bottom:0px;
	}
	.page-id-226 .col3.building-blocks  {
		width: 100%;
	}
	.video-url {
		top: calc(50% - 50px);
	}
	.gewonen_buttons .btn
	{
		text-align: center;
	}
	.row-9-contact-form input[type="submit"]
	{
		width: inherit;
	}
	.wrap .col4.zipcode-check{
		display: none;
	}
/*------------------------------------*\
	END LANDINGSPAGINA UITGEBREID CSS
\*------------------------------------*/
}

@media only screen and (max-width:768px) {
	a.button, .button, span.button, a.button-white, .button-white, span.button-white, a.button-dark, .button-dark, span.button-dark, a.button-outline, .button-outline, span.button-outline, a.button-outline-dark, .button-outline-dark, span.button-outline-dark, input[type="button"], input[type="reset"], input[type="submit"]
	{
		margin-right: 0;
	}
	.col12-768{
		width: 100%
	}
	.col11-768{
		width: 91.66666667%
	}
	.col10-768{
		width: 83.51515133%
	}
	.col9-768{
		width: 75%
	}
	.col8-768{
		width: 66.66666667%
	}
	.col7-768{
		width: 58.51515133%
	}
	.col6-768{
		width: 50%
	}
	.col5-768{
		width: 41.66666667%
	}
	.col4-768 {
		width: 33.51515133%
	}
	.col3-768{
		width: 25%
	}
	.col2-768{
		width: 16.66666667%
	}
	.col1-768
	{
		width: 8.51515133%
	}
	.home .section.section-banner.bg-cover{
		display: none;
	}
/*------------------------------------*\
    START STAPPEN FRONTPAGE CSS
\*------------------------------------*/
	.tekst-boven-stappen {
		padding: 0px 0%;
	}
	.line-steps {
		display:none;
	}
	.single-stap {
		margin-bottom: 20px;
	}
	.single-stap-container {
		width: 100%;
	}
	.single-stap-container .titel-content-stap {
		width: 100%;
		margin-right: 0%;
		float: left;
		text-align: left;
	}
	.single-stap-container .icon-single-stap {
		width: 100px;
		margin-right: 5%;
	}
	.single-stap:nth-child(even) .single-stap-container .icon-single-stap {
		order:0;
		float: right;
		margin-right: 5%;
		margin-left: 0%;
	}
	.single-stap:nth-child(even) .single-stap-container .titel-content-stap {
		margin-left: 0%;
	}
/*------------------------------------*\
    END STAPPEN FRONTPAGE CSS
\*------------------------------------*/
/*------------------------------------*\
    START RECENSIES FRONTPAGE CSS
\*------------------------------------*/
.single-recensie {
	padding:100px 2% 45px 2%;
}
/*------------------------------------*\
    END RECENSIES FRONTPAGE CSS
\*------------------------------------*/
/*------------------------------------*\
    START NIEUWSBERICHTEN FRONTPAGE CSS
\*------------------------------------*/
.post-container-image-fp,
.post-container-inner-fp {
    width: 100%;
    margin-right: 0%;
}
.post-container-inner-fp {
    width: 100%;
    padding: 0px;
    margin-right: 0%;
    padding-top: 40px;
}
.section-nieuwsberichten .owl-controls {
    position: relative;
	top: unset;
    right: calc(-50% + 50px);
    width: 100px;
    height: 40px;
    bottom: -45px;
}
.section-nieuwsberichten .owl-prev, .section-nieuwsberichten .owl-next {
    float: left;
    width: 50px;
}
.section-nieuwsberichten .owl-prev {
	border-bottom: none;
}
/*------------------------------------*\
    END NIEUWSBERICHTEN FRONTPAGE CSS
\*------------------------------------*/
/*------------------------------------*\
    START LOGO'S FRONTPAGE CSS
\*------------------------------------*/
.single-logo {
	width: 33.333333333333%;
}
/*------------------------------------*\
    END LOGO'S FRONTPAGE CSS
\*------------------------------------*/
	.home .slider, .home .slider img, .home .slide-image-lp, .home .slide-image, .home .slider .wrap
	{
		height: 400px;;
	}
	.home .slider-content
	{
		width: 100%;
	}
	.wrap .col4.zipcode-check{
		top: -440px!important;
	}

	
	.header_resp {
    	width: 33%;
	}
	.header .col4
	{
		width: 65% !important;
	}	
	.header .col8
	{
		width: 35% !important;
	}
	.negative-wrap
	{
		margin: 0;
	}
	
}

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

	.change .widget .widget_wrap:after
	{
		right: -20px;
	}
	.change .widget:nth-child(2) .widget_wrap:after, .change .widget:nth-child(4) .widget_wrap:after, .change .widget:nth-child(7) .widget_wrap:after
	{
		right: 80px;
	}
	.content-lp-sidebar
	{
		padding-bottom: 1.0em;
	}
	.section-table table td
	{
		padding-left: 10px;
		padding-right: 10px;
		font-size: 13px;
	}
	.img-single-post-template img
	{
		width: 100%;
		margin-right: 0;
	}
	.col12-xs{
		width: 100%
	}
	.col11-xs{
		width: 91.66666667%
	}
	.col10-xs{
		width: 83.51515133%
	}
	.col9-xs{
		width: 75%
	}
	.col8-xs{
		width: 66.66666667%
	}
	.col7-xs{
		width: 58.51515133%
	}
	.col6-xs{
		width: 50%
	}
	.col5-xs{
		width: 41.66666667%
	}
	.col4-xs {
		width: 33.51515133%
	}
	.col3-xs{
		width: 25%
	}
	.col2-xs{
		width: 16.66666667%
	}
	.col1-xs
	{
		width: 8.51515133%
	}
	.hide-670 {
		display:none;
	}
	.show-670 {
		display:block;
	}
	.section-blocks  {
	}
	.section-usps ul li {
		width: 100%;
		font-size: 15px;
	}
	.mobile-menu{
		display: unset!important;
	}
	.c-hamburger{
		margin-top: 10px;
	}
/*------------------------------------*\
    START FORMS CSS
\*------------------------------------*/
	input,
	select,
	textarea {
		width: 100%;
	}
	select,
	input[type="text"],
	input[type="email"],
	input[type="password"],
	input[type="date"],
	input[type="tel"],
	textarea,
	button
	{
		min-height: 40px;
		margin-bottom: 1.0em;
	}
	form p {
		margin-bottom: 10px;
	}
	/*------------------------------------*\
		START CONTACT FRONTPAGE CSS
	\*------------------------------------*/
	.rij-1-contact-fp {
		width: 100%;
		margin-right: 0%;
	}
	.row-9-contact-form textarea {
		max-height:150px;
	}
	select,
	input[type="text"],
	input[type="email"],
	input[type="password"],
	input[type="date"],
	input[type="tel"],
	textarea,
	button
	{
		min-height: 40px;
		font-size: 14px;
	}
	.row-9-contact-form select, .row-9-contact-form input[type="text"], .row-9-contact-form input[type="email"], .row-9-contact-form input[type="password"], .row-9-contact-form input[type="date"], .row-9-contact-form input[type="tel"], .row-9-contact-form textarea
	{
		font-size: 16px;
	}
	.header_resp {
    	width: 33%;
	}
	.logo {
	    position: absolute;
	    top: 0;
	}

	header .col4,
	header .col6,
	header .col8 {
		height: 70px;
	}
	header .bg-blue:after
	{
		border-width: 70px 0 0 70px;
	}
	.c-hamburger {
		margin-top: 16px;
	}

	.logo-img{
		width: 100px;
		margin-top: 10px;
	}
	.tagline {
	    top: 45px;
	    left: 0;
		font-size: 0.7em;
	}

	header .col4:first-child, header .col6:first-child, header .col8:first-child{
		padding-left: 3%;
	}
	header .col4:last-child, header .col6:last-child, header .col8:last-child{
		padding-right: 3%;
	}
	.section-usps
	{
		overflow: hidden;
		width: 100%;
	}
}

@media only screen and (max-width:550px) {
	a.btn,
	.btn,
	span.btn,
	a.btn-white,
	.btn-white,
	span.btn-white,
	a.btn-blue,
	.btn-blue,
	span.btn-blue,
	a.btn-blue-outline,
	.btn-blue-outline,
	span.btn-blue-outline,
	a.btn-dark,
	.btn-dark,
	span.btn-dark,
	a.btn-outline,
	.btn-outline,
	span.btn-outline,
	a.btn-outline-white,
	.btn-outline-white,
	span.btn-outline-white,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		margin-right: 0px;
		margin-bottom:0.5em;
		width: 100%;
		text-align: center;
	}
	.info-middleheader
	{
		top: 20px;
	}
	.slider-content h2, .slider-content h3
	{
		font-size: 2.2em;
	}
	.page-template-template-lp-uitgebreid .slider, .page-template-template-lp-uitgebreid .slider img, .page-template-template-lp-uitgebreid .slide-image-lp, .page-template-template-lp-uitgebreid .slide-image, .page-template-template-lp-uitgebreid .slider .wrap
	{
		height: 200px;
	}
	.page-template-template-lp-uitgebreid .slider .wrap .slider-content
	{
		left: 3%;
	}
	.section-usps, .section-usps .col12
	{
		height: 45px;
	}
	.section-usps .row
	{
	    width: calc(100% - 100px) !important;
		left: -30px;
	}
	.section-usps .col12.bg-lt.p-sm
	{
		width: 100% !important;
	}
	.section-usps .col12:before
	{
		border-width: 0 0 50px 30px;
		left: -30px;
	}
	.section-usps .col12:after
	{
		border-width: 115px 0 0 70px;
	}
	.section-usps .col12
	{
		padding-top: 15px;
	}
	ul.list-items-middelheader
	{
		width: 200px;
		text-align: right;
	}
	ul.list-items-middelheader li {
		margin-bottom: 0.5em;
	}
	.cols2 > li, .cols3 > li, .cols4 > li
	{
		width: 100%;
	}
	.mobile-menu
	{
		top: 0;
	}
	.bottomheader
	{
		height: 55px;
	}
	.foto-block 
	{
		padding-top: 70%;
	}
	.search
	{
		display: none;
	}
	.information .button,
	.information .nobutton
	{
		float: left;
		width: 100%;
		text-align: center;
	}
	.change .p-b-xxl
	{
		padding-bottom: 50px;
	}
	.change .widget-step img
	{
		display: none;
	}
	.change .widget-step
	{
		padding-right: 0;
	}
	.col12-xs-550,#wpcf7-f5-o1{
		width: 100%
	}
	.col11-xs-550{
		width: 91.66666667%
	}
	.col10-xs-550{
		width: 83.51515133%
	}
	.col9-xs-550{
		width: 75%
	}
	.col8-xs-550{
		width: 66.66666667%
	}
	.col7-xs-550{
		width: 58.51515133%
	}
	.col6-xs-550{
		width: 50%
	}
	.col5-xs-550{
		width: 41.66666667%
	}
	.col4-xs-550 {
		width: 33.51515133%
	}
	.col3-xs-550{
		width: 25%
	}
	.col2-xs-550{
		width: 16.66666667%
	}
	.col1-xs-550
	{
		width: 8.51515133%
	}
	.hide-550 {
		display:none;
	}
	.hide-550 {
		display:none;
	}
	.home .slider, .home .slider img, .home .slide-image-lp, .home .slide-image, .home .slider .wrap
	{
		height: 450px;
	}
	.home .slider .wrap .slider-content {
		bottom: 6em;
	}
	.section-blocks-lp-uitgebreid
	{
		top: -45px;
	}
	.section-usps
	{
		top: -45px;
	}
/*------------------------------------*\
    START LOGO'S FRONTPAGE CSS
\*------------------------------------*/
.single-logo {
	width: 50%;
}
/*------------------------------------*\
    END LOGO'S FRONTPAGE CSS
\*------------------------------------*/
	.top-footer .widget-first.widget {
		margin-bottom: 20px;
	}
	.top-footer .widget {
		width: 100%;
		margin-right: 0%;
		margin-bottom: 20px;
	}
}
@media only screen and (max-width:480px) {
	.col12-xs-480{
		width: 100%
	}
	.col11-xs-480{
		width: 91.66666667%
	}
	.col10-xs-480{
		width: 83.51515133%
	}
	.col9-xs-480{
		width: 75%
	}
	.col8-xs-480{
		width: 66.66666667%
	}
	.col7-xs-480{
		width: 58.51515133%
	}
	.col6-xs-480{
		width: 50%
	}
	.col5-xs-480{
		width: 41.66666667%
	}
	.col4-xs-480 {
		width: 33.51515133%
	}
	.col3-xs-480{
		width: 25%
	}
	.col2-xs-480{
		width: 16.66666667%
	}
	.col1-xs-480
	{
		width: 8.51515133%
	}
	.hide-480 {
		display:none;
	}
	.show-480 {
		display:block;
	}
	.tekst-boven-stappen
	{
		padding: 0;
	}
	.home .slider .wrap .slider-content
	{
		bottom: 8em;
	}
	.slider-lp-uitgebreid h1
	{
		font-size: 2.0em;
	}
}
@media only screen and (max-width:400px) {
	.wrap {
		max-width: 94%;
	}

	ul.list-items-middelheader li
	{
		font-size: 14px;
	}
	.icon-phone:before, .icon-mail:before, .icon-back:before
	{
		margin-right: 5px;
	}
	.slider, .slider img, .slide-image-lp, .slide-image, .slider .wrap {
		height: 100px;
	}
	.slider .wrap .slider-content
	{
		bottom: 0;
	}
	.section-usps ul li
	{
		font-size: 13px;
		line-height: 1.2em;
	}
	.section-usps .col12.bg-lt.p-sm
	{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.zipcode-check
	{
		display: none;
	}
	form.dropdown:after
	{
		right: 6px;
		top: 9px;
		font-size: 18px;
	}
	.video-url a
	{
		height: 75px;
		width: 75px;
		font-size: 25px;
		padding-top: 20px;
	}
	.change .widget .widget_wrap:after
	{
		display: none !important;
	}
	.section-table table td
	{
		padding-left: 5px;
		padding-right: 5px;
	}
	.p-l-xl
	{
		padding: 25px;
	}
	.minheight-800
	{
		height: 300px;
	}
	.col12-xs-400{
		width: 100%
	}
	.col11-xs-400{
		width: 91.66666667%
	}
	.col10-xs-400{
		width: 83.51515133%
	}
	.col9-xs-400{
		width: 75%
	}
	.col8-xs-400{
		width: 66.66666667%
	}
	.col7-xs-400{
		width: 58.51515133%
	}
	.col6-xs-400{
		width: 50%
	}
	.col5-xs-400{
		width: 41.66666667%
	}
	.col4-xs-400 {
		width: 33.51515133%
	}
	.col3-xs-400{
		width: 25%
	}
	.col2-xs-400{
		width: 16.66666667%
	}
	.col1-xs-400
	{
		width: 8.51515133%
	}
	.slider-content h2, .slider-content h3
	{
		font-size: 2.0em;
	}
}
@media only screen and (max-width:350px) {
	
	.section-usps ul li
	{

	}
	
}