@media (max-width: 767px) {
	
	.header{
		background: #000;
	}
	
	.cls-1{
		fill: #fff;
	}
	h1{
		font-size: 52px;
	}
	
#mega-menu-wrap-hoofdmenu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label,
#mega-menu-wrap-hoofdmenu .mega-menu-toggle .mega-toggle-block-1:after{
	color: #fff;
}
	
	.header .nav ul,
	.header .nav ul li{
		float: left;
		margin: 0; padding: 0;}
	
	.nav{
		padding-top: 8px;}
	
	#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%;}
		
	.cta-button-side br{
	display: none;
	}
	
	.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;}
		
	.insta-tekst{
		float: left; display: inline-block;
		width: 100%;
		padding: 0px;
	}
	
	.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%;
		padding-top: 0;}
		
	.logo svg {
		max-width: 160px;
		height: 80px;
	}

	.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;}

.afbeelding-overlay{
	border-radius: 0;
}

.logo img{
	max-width: 120px;
}

.headerafbeelding{
	padding: 0;
	height: 345px;
	border-radius: 0;}
		  
		  .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: 38px;}
				 
			.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,
		  .hp-instagram{
			  padding: 50px 0;}	
			  
			  .hp-instagram{
				  padding-bottom: 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: 60px;
		}
		  
.topbar .menu{
	display: none;}
	
.topbar{
	padding: 5px 0;
	text-align: center;
	background: #000;}
	
	.topbar a, .topbar a:link,
	.topbar a i{
		color: #fff;
	}
	
	#mega-menu-wrap-hoofdmenu .mega-menu-toggle + #mega-menu-hoofdmenu:after{
		content: '';
	}
	
	#mega-menu-wrap-hoofdmenu:has(.mega-menu-open) #mega-menu-hoofdmenu[data-effect-mobile^="slide_"] + button.mega-close:before{
		font-size: 30px;
	}
	
	.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: 8px;}
	
	.headerafbeelding-container{
		padding: 0;
		margin: 0 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;}
		
	.home .dienst-img{
		margin-top: 30px;
	}
	.padding-right{
		padding: 15px;
	}
	
	.videoicon{
		padding-top: 75px;
	}

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;}

.mouse_scroll{
	display: none;}
	
.topbar p{
		float: none !important;
		text-align: center;
	}
	
#menu-footerbottommenu{
	width: 100%;
}

.footerbottommenu p{
	margin: 0; 
	padding-bottom: 0;
}

.dienst-item-tekst{
	padding-right: 20px;
}

.scrolled #mega-menu-wrap-hoofdmenu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-label{
	color: #fff;
}

.scrolled #mega-menu-wrap-hoofdmenu .mega-menu-toggle .mega-toggle-block-1:after{
	color: #fff;
}

.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image){
	width: calc(100% - var(--wp--style--unstable-gallery-gap, 16px) / 2);}


.swiper-slide {
	width: 100% !important;}
	
.swiper__wrap {
		padding: 0 15px !important;
	}
	
.swiper-button-prev, .swiper-button-next{
	top: inherit !important;
	bottom: -70px !important;
}

.home .swiper-button-prev, .home .swiper-button-next{
	bottom: 0 !important;
}

.overons-galerij{
	padding-bottom: 80px;
}



	
}