@media only screen and (max-width: 768px) {
	.kbosearch{
		display:none;
	}

	div#site-logo {
		width: 100%;
		text-align: center;
	}

	#wp-admin-bar-top-secondary {
		display: none;
	}

	#kbo_top_extra {
		top: 35px;
		right: 10px;
	}

	div#site-logo img {
		max-width: 225px;
	}

	body.wpex-mobile-toggle-menu-icon_buttons #mobile-menu {
		right: 15px;
		margin-top: -15px;
	}

	div.main-navbar-wrapper {
		background-color: #fff;
		padding: 0;
	}
}


@media (max-width: 1200px){
	.navbar-expand-lg .navbar-toggler {
		display: block;
	}

	.navbar-expand-lg .navbar-collapse {
		display: none;
	}

	.navbar-light .navbar-toggler {
		background-color: #fff;
	}
/*}

@media (max-width: 1024px){*/

	.kbosearch {
		display: none;
	}

	.navbar-light .navbar-toggler {
		background-color:#1f86c7;
    border:0px;
    padding:14px 24px;
	}

	.navbar-collapse {
		position: absolute;
		top: 12px;
		right: 0;
		left: 0;
	}

	.navbar-collapse.show {
		z-index: 5;
		background: #fff;
		width: 100%;
		padding: 10px;
		display: flex!important;
	}

	.main-navbar-wrapper #site-navigation ul > li {
		display: block;
		padding: 10px;
		border-right: 0;
		border-bottom: 1px solid #f1f1f1;
	}

	.main-navbar-wrapper #site-navigation ul > li:first-child {
		padding-left: 10px;
	}

	.main-navbar-wrapper #site-navigation ul > li a span,
	.main-navbar-wrapper #site-navigation ul > li.current-menu-item a span {
		color: #000!important;
		display: block;
		font-weight: 400;
	}
  .main-navbar-wrapper #site-navigation ul > li#menu-item-2231 a span{
 color:white !important;
 font-weight:bold !important;
 }
  
  	.main-navbar-wrapper #site-navigation ul > li ul li a span,
	.main-navbar-wrapper #site-navigation ul > li ul li.current-menu-item a span {
		color: #fff!important;
		display: block;
		font-weight: 400;
	}

	.footerlogo {
		float: none;
		margin: 0 auto;
	}

	.footerinfo {
		text-align: center;
		line-height: 24px;
		margin-top: 15px;
		float: none;
	}

	.footerprivacy {
		float: none;
		text-align: center;
	}

	div.main-navbar-wrapper {
		background-color: #fff;
		padding: 0;
	}

	.navbar-toggler {
		position: absolute;
		top: -70px;
		right: 15px;
	}

	#kbo_top_extra {
		right: 100px;
		top: 10px;
	}
}

@media (max-width: 768px){
	#kbo_top_extra {
		top: 0;
	}

	.header-inner-top .col-md-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	#kbo_top_extra p {
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.navbar-toggler {
		margin-left: auto;
	}

	.main-navbar-wrapper {
		margin-bottom: 10px;
	}

	.main-navbar-wrapper ul {
		margin: 0 0 20px;
		width: 100%;
	}

	.main-navbar-wrapper #site-navigation ul > li {
		display: block;
		border-right: 0;
		border-bottom: 1px solid #f1f1f1;
	}

	.main-navbar-wrapper #site-navigation span {
		font-size: 14px;
		font-weight: 400;
		color: #000;
	}

	.voordelen-container img {
		height: auto;
	}

	.header-foto .kleine-text {
		line-height: 50px;
		top: 150px;
	}

	.header-foto .grote-text {
		line-height: 60px;
		top: 160px;
	}

	.header-foto .btn-container {
		width: 100%;
		top: 180px;
	}

	.gallery.gallery-columns-1 .gallery-item {
		flex: 1 0 100%;
	}

	.gallery.gallery-columns-2 .gallery-item {
		flex: 1 0 50%;
	}

	.gallery.gallery-columns-3 .gallery-item {
		flex: 1 0 30%;
	}

	.gallery.gallery-columns-4 .gallery-item {
		flex: 1 0 30%;
	}

	.gallery.gallery-columns-5 .gallery-item {
		flex: 1 0 30%;
	}

	#wpcf7-f454-p456-o1,
	#wpcf7-f400-p244-o1 {
		width: 100%;
		padding: 1.5rem;
		background-color: #d4eefd;
	}

	.wpcf7-form .top-row label {
		width: 85%;
	}

}

@media (max-width: 575.98px){
	.header-inner-top {
		padding: 5px 0;
		min-height: 70px;
	}

	.site-branding {
		width: 50%;
		margin-top: 8px;
	}

	.logo img {
		max-width: 100%;
		height: auto;
	}

	#kbo_top_extra {
		display: none;
	}

	.navbar-collapse.show {
		top: 0;
	}

	.navbar {
		padding: 0;
	}

	.navbar-toggler {
		position: absolute;
		top: -61px;
		right: 15px;
	}
  .navbar-light .navbar-toggler-icon {
    background-image:none;
   
    color:white;
    
  }
  
  .navbar-light .navbar-toggler-icon::before {
    content: "MENU";
    color: white;
    font-weight: bold;
    left: 14px;
    margin-top:2px;
    position: absolute;
  }
  

	.main-navbar-wrapper {
		margin-bottom: 0;
	}

	.main-navbar-wrapper ul {
		margin: 0 20px 20px;
	}

	.main-navbar-wrapper #site-navigation ul > li {
		display: block;
		border-right: 0;
		border-bottom: 1px solid #f1f1f1;
	}

	.main-navbar-wrapper #site-navigation span {
		font-size: 14px;
		font-weight: 400;
		color: white;
  
	}

	.header-foto {
	    min-height: 250px;
	}

	.header-foto .kleine-text {
		top: 100px;
		font-size: 24px;
		line-height: 24px;
	}

	.header-foto .grote-text {
		top: 110px;
		font-size: 34px;
		line-height: 36px;
	}

	

	.header-foto .btn-container {
		top: 120px;
	}
	
	.footerlogo {
		float: none;
		display: block;
		margin: 10px auto;
	}

	.footerprivacy {
		float: left;
	}
	
}