@media (max-width: 767px) {
	
	.header .nav ul,
	.header .nav ul li{
		float: left;
		margin: 0; padding: 0;}
	
	.nav{
		padding-top: 15px;}
	
	#mega-menu-wrap-hoofdmenu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-hoofdmenu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-hoofdmenu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after{
		background-color: #65147A;}
	
	.header .nav li {
		width: 100%;}
	
	.header .mobile-buttons {
		float: right;
		margin-top: 20px;}
	
	.header .mobile-buttons a{
		width: 48px;
		height: 48px;
		margin: 10px 5px 20px 0;
		display: inline-block;
		text-indent: -9999px;
		float: right;
		border-radius: 5px;
		color: #fff;
		border-bottom: 2px solid #3b9a9b;}
	
	.headerafbeelding img{
	object-fit: cover;
	height: 100%;}
	
	.persuasion{
		display: none;}
	
	.quote-afb img{
		margin: 0 auto;
		max-width: 50%;}
	
	.contact-details,
	.contact-afb{
	width: 100%;
	margin: 0;
	left: inherit;}
	
	.contact-details{
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		padding: 25px;}
	
	.brandsma-contact .phone, .brandsma-contact .mail{
		width: 100%;}
	
	.contact-afb{
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;}
	
	.footermenu{
		margin-top: 50px;}
	
	.producten-content .product-ingang{
		margin-bottom: 50px;}
	
	.vervolg-content .vervolg-afbeelding,
	.vervolg-content-blok2 .vervolg-afbeelding,
	.vervolg-content-blok3 .vervolg-afbeelding, .vervolg-content-blok4 .vervolg-afbeelding{
		margin-top: 30px;}
	
	.footerbottommenu ul{
		float: left;
		margin-left: 0;}
	
	.footerbottommenu ul li{
		margin: 0 20px 0 0;}
	
	.intro .cta{
		display: inline-block;
		width: 100%;
		clear:both;
		margin-top: 10px;}
	
	.logo{
		float: left; display: inline-block;
		width: 100%;}

	.header a.navigation {
		background: url(../img/menu.svg) no-repeat center center #d2232a;}
	
	.no-svg .header a.navigation {
	  	background-image: url(../img/menu.png);}

	.header a.search-toggle {
		background: url(../img/search.svg) no-repeat center center #41a7a8;}
		
	.no-svg .header a.search-toggle {
	  	background-image: url(../img/search.png);}

	.header a.phone {
	  	background: url(../img/phone.svg) no-repeat center center #000;}
	
	.no-svg .header a.phone {
	  	background-image: url(../img/phone.png);}
		  
	a.phone, a.envelope, a.phone:link, a.envelope:link, a.phone:visited, a.envelope:visited{
		border: 0;}
	
	.head-contact{
		display: none;}


.headerafbeelding{
	padding: 0;
	height: 225px;}
		  
		  .header-content{
			  position: absolute;
			  margin: 0;
			  left: inherit;}
		  
		  .header-content .intro{
			  top: 20px;
			  padding: 35px;
		  	text-align: center;}
			  
			 .page-template-template-frontpage .intro h2{
				 font-size: 35px;}
				 
			.page-template-template-frontpage .intro h3{
			 font-size: 26px;
		 	line-height: 30px;}
			  
			  .hp-dealers p{
				  padding: 0;}
			  
			  .dealer-logo img{
				  margin: 0 auto;}
		  
.vervolg-content-blok2, .vervolg-content-blok4,
		  .vervolg-content-blok3, .footer,
		  .usps, .hp-diensten, .product-ingangen,
		  .hp-referentie, .vervolg-referentie,
		  .producten-content, .vervolg-contact,
		  .inbeeld, .overons-usp,
		  .overons-team{
			  padding: 50px 0;}	
			  
			  .overons-galerij{
				  padding-bottom: 50px;
			  }
			  
			  .quote-tekst{
				  padding-left: 15px;}
			  
			 .vervolg-content{
				 margin-bottom: 50px;}
				 
		.swiper-slide{
			padding: 0;}
		
		.cta-blok{
			margin: 50px 0;}
		
		
		.cta-center .cta, .cta-center a.cta:link{
			float: none;}
		
		.overons-galerij .review-slider .swiper-button-next{
			right: calc(0% + 55px - 35px);}
		
		.overons-galerij .review-slider .swiper-button-prev{
			left: calc(0% + 20px);}
			
		.hoofdkantoor{
			margin-top: 30px;
		}
		  
.topbar .menu{
	display: none;}
	
.topbar{
	padding: 5px 0;
	text-align: center;}
	
	.topbar p{
		margin: 0;}
	
	.contactpersoon{
		width: 100%;}
	
	.topbar a:last-child, .topbar a:link:last-child{
		margin-right: 0;}
	
	.scrolled .logo{
		padding-top: 0;}
	
	.scrolled .nav{
		padding-top: 20px;}
	
	.headerafbeelding-container{
		padding: 0;
		margin: 15px 0 0 0;}
	
	.mega-menu-cta{
		margin-top: 30px !important;
		text-align: center;}
	
		.mega-menu-cta a{
			text-align: center !important;}	
		
.page-template-template-overons .tekst-rechts, .page-template-template-overons .tekst-links{
	padding: 30px 0 0 0;
}

.page-template-template-overons .vervolg-content .vervolg-afbeelding{
	margin: 0;
}

.page-template-template-overons .page-vervolg{
	padding-top: 0;
}

.tekst-rechts{
	padding: 0px 0;
}

#mega-menu-wrap-hoofdmenu #mega-menu-hoofdmenu input, #mega-menu-wrap-hoofdmenu #mega-menu-hoofdmenu img{
	border-radius: 8px !important;
}

.teamlid{
	margin-bottom: 30px;
}

.afbeelding-right,
.afbeelding-left{
	position: relative !important;
	float: left; display: inline-block;
	width: 100%;
	right: 0;
	left: 0;
	padding: 0;}

.afbeelding-right img,
.afbeelding-left img{
	border-radius: 20px;
	margin-bottom: 20px;}

.vervolg-content .vervolg-afbeelding.afbeelding-right:after, .vervolg-content-blok2 .vervolg-afbeelding.afbeelding-right:after, .vervolg-content-blok3 .vervolg-afbeelding.afbeelding-right:after, .vervolg-content-blok4 .vervolg-afbeelding.afbeelding-right:after,
.vervolg-content .vervolg-afbeelding.afbeelding-right:after, .vervolg-content-blok2 .vervolg-afbeelding.afbeelding-right:after, .vervolg-content-blok3 .vervolg-afbeelding.afbeelding-right:after, .vervolg-content-blok4 .vervolg-afbeelding.afbeelding-right:after, .vervolg-content .vervolg-afbeelding.afbeelding-left:after, .vervolg-content-blok2 .vervolg-afbeelding.afbeelding-left:after, .vervolg-content-blok3 .vervolg-afbeelding.afbeelding-left:after, .vervolg-content-blok4 .vervolg-afbeelding.afbeelding-left:after, .headerafbeelding-container::after{
	display: none;}

.dienst-img{
	float: left; display: inline-block;
	position: relative !important;
	width: 100%;
	padding-left: 0;}
	
.dienst-item-tekst{
	width: 100%}

.dienst-item h3{
	line-height: 23px;}

	.dienst-img img{
		border-radius: 0;}

a.cta, a.cta:link, .btn-default, .btn-offerte, .btn-locatie, .btn-contact, .btn-info, .woocommerce a.button, .wp-block-button a, .wp-block-button a:link{
float: left; display: inline-block;
margin-bottom: 20px;}

.usp p{
	padding-top: 0;
}

.usp{
	padding: 0;
}

.hp-usps{
	margin-top: 30px;
}

.product-ingangen .swiper-button-prev{
	left: 50% !important;
	margin-left: -60px;}

.product-ingangen .swiper-button-next{
	left: inherit !important;
	right: 50% !important;
	margin-right: -60px;}


	
}