@media screen and (min-width:1450px) and (max-width:1700px){

	header .main-header .navigation ul li{
		max-width:none !important;
		/*max-width:125px;*/
	}
	header .main-header .navigation ul li a{
		word-break: break-word;
	}
	
}

@media screen and (min-width:1140px) and (max-width:1300px){
	.vestiging .left-box p:first-of-type{
		font-size: 15px;
	}
}
	
@media screen and (min-width:1140px){
	#hero .hero-video{
		padding-bottom: 30%;
	}
/*	#hero .hero-video video{
		top: -28%;
	}*/
}

@media screen and (max-width:1140px){
	header .main-header {
    	display: block;
    }
    
    .heroslider .next-slide,
    .heroslider .prev-slide{
	    top:30px;
    }
    
    #hero .hero-video{
		padding-bottom: 30%;
    }
    
	.navigation{
		width: 100% !important;
	}
	.vestingingen-wrapper .vestiging .left-box,
	.vestingingen-wrapper .vestiging .right-box{
		width: 100%;
	}
	.vestingingen-wrapper .vestiging .left-box{
		margin-bottom: 25px;
	}
	.vestingingen-wrapper .vestiging .right-box {
	    padding-left: 0px;
	}
	.vestingingen-wrapper .vestiging .right-box .openingstijden{
	    border-left: none;
	    padding-left: 0px;
	}
	.vestingingen-wrapper .vestiging .right-box a{
		width: auto;
		clear: both;
		padding: 10px 25px;
		margin-right: 15px;
	}
		
}

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

	#shortlinks .col:nth-child(1),
	#shortlinks .col:nth-child(2),
	#shortlinks .col:nth-child(3){
		padding-bottom: 70px;
	}
	#shortlinks .col:nth-child(4),
	#shortlinks .col:nth-child(5),
	#shortlinks .col:nth-child(6){
		padding-top: 70px;
	}

}



@media screen and (max-width:992px){
	
	/* Pre header */
	header .pre-header{
		background-color: #ececec;
		margin-bottom: 25px;
	}
	header .pre-header .col{
		width: 100% !important;
		padding-left: 0px;
	}
	header .pre-header .col .portal-link{
		transform: translateX(0px);
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
		-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
	header .pre-header .col .tel-link{
		padding: 20px 25px;
		clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0% 100%);
		-webkit-clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 0% 100%);
		width: 40%;
	}
	
	#shortlinks{
		-webkit-clip-path: polygon(50% 2%, 100% 0, 100% 98%, 50% 100%, 0px 98%, 0 0);
		clip-path: polygon(50% 2%, 100% 0, 100% 98%, 50% 100%, 0px 98%, 0 0);
	}
	.blauwblok,
	.merkenblok{
	    padding-top: 100px;
		padding-bottom: 70px;
		-webkit-clip-path: polygon(50% 4%, 100% 0, 100% 90%, 50% 96%, 0px 90%, 0 0);
		clip-path: polygon(50% 4%, 100% 0, 100% 90%, 50% 96%, 0px 90%, 0 0);
	}
	.actieblok{
		-webkit-clip-path: polygon(50% 8%, 100% 0, 100% 92%, 50% 100%, 0px 92%, 0 0);
		clip-path: polygon(50% 8%, 100% 0, 100% 92%, 50% 100%, 0px 92%, 0 0);
	}
	
	
	/* Contentbuilder */
	.blauwblok .row.container.valign-wrapper,
	.merkenblok .row.container.valign-wrapper{
		display: block;
	}
	
	.intro{
		padding-bottom: 25px;
	}
	.wit-tekstblok{
		padding-top: 25px;
	}
	.afbeeldingblok{
		padding-top: 50px;
	}
	
	.acties-entries .blogBox{
		width: 50%;
	}
	
	
	/* Pakketform*/
	
	.modelform form #voornaam,
	.modelform form #achternaam {
	    width:46%;
	    float: left;
	}
	
	.modelform form #telefoon,
	.modelform form #from-email,
	.modelform form #bericht,
	.modelform form #woonplaats{
	    width:96%;
	    margin-left: 0px;
	    float: left;
	}
	.modelform form i{
		width: 100%;
		clear: left;
	}
	
	.pakketform form{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -moz-flex;
		display: -webkit-flex;
		display: flex;
		
		-webkit-flex-flow:  row wrap;
		flex-flow: row wrap;
	}
	

	.pakketform form #voornaam{
		order:1
	}
	.pakketform form #achternaam{
		order:2;
	}
	.pakketform form #woonplaats{
		order:3
	}
	.pakketform form #telefoon{
		order:4;
	    width:96% !important;
	}
	.pakketform form #from-email{
		order:5;
	}
	.pakketform form .radio-holder{
		order:6;
	}
	.pakketform form #bericht{
		order:7;
	    width:96% !important;
	}
	.pakketform form .captcha-container{
		order:8;
	}
	.pakketform form .submit{
		order:8;
		width: 100%;
		display: block;
	}
	.pakketform form i{
		order:10;
	}
	
	.pakketform form .radio-holder,
	.pakketform form #telefoon,
	.pakketform form #from-email,
	.pakketform form #bericht{
		width: 100%;
		margin-left: 0px;
	}
	
	/* Footer */
	footer .upper-footer{
		background-color: #161930;
		padding-top: 20px;
	}
	footer .upper-footer .nieuwsbrief{
		margin-top: 15px;
	}
	footer .upper-footer svg{
		top:-40px;
	}
	
}

@media screen and (max-width:882px){
	#social-wall .curatorfeed .crt-feed .galcolumn{
	    width: 100% !important;
	}
	#social-wall{
		padding-top: 25px;
	}
	#social-wall:after{
		display: none;
	}
}

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

	
	/* Pre header */
	header .pre-header .col .tel-link{
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
		-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	}
	header .pre-header .col .tel-link,
	header .pre-header .col .portal-link{
		width: 100%;
	}
	header .pre-header .col .portal-link a, header .pre-header .col .tel-link {
	    font-size: 18px;
	}
	
	header .pre-header .col .top-menu{
		overflow: visible;
		height: auto;
		top:20px;
	}
	
	
	/* Header */
	header{
		display: inline-grid;
		width: 100%;
		padding-bottom: 0px;
	}
	header .pre-header{
		margin-bottom: 0px;
	}
	header .pre-header,
	header .main-header{
		display: block;
		width: 100%;
	}
	header .pre-header{
		margin-bottom: 25px;
	}
	header .main-header {
		padding: 25px;
	}
	header .main-header .header-logo img{
		margin: 0px;
		max-width: 125px;
	}
	header .pre-header .col .top-menu{
		width: 90%;
		box-sizing: border-box;
		display: block !important;
		float: none !important;
		top: 0px;
		padding-bottom: 20px;
	}
	header .pre-header .col .top-menu ul{
		padding-top: 20px;
	}
	header .pre-header .col .top-menu:before,
	header .pre-header .col .top-menu:after{
		display: none;
	}
	
    
    .heroslider .next-slide,
    .heroslider .prev-slide{
	    top: 15px;
    }
    .heroslider .next-slide{
	    left: 30px;
	    right: auto;
	    top: auto;
	    bottom: 15px;
    }
	
	
	.afbeeldingen-blok.heroslider .slick-arrow{
		background-color: transparent;
		text-shadow: 0px 0px 7px rgba(0,0,0,0.75);
	}
	
	.model-row{
		margin-bottom: 40px;
	}
	.model-row .model-column{
		width: calc(100% / 2);
	}
	#shortlinks .col{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	/*.pakketnav-fixed{
		top:-250px;
	}*/
	
	.acties-entries .blogBox{
		width: 100%;
	}
	
	
	/* News */
	.news-entries .col{
		width: calc(100% / 2) !important;
	}
	.news-entries  .col:nth-child(4n+4) .meta-box{
		position: relative;
		top:0px;
		left: 0px;
		padding: 10px 15px;
		width: 100%;
		height: auto;
	}

}
	

@media screen and (max-width:601px){
	
	
	/* Hero Image */
	#hero{
		padding-bottom: 0px;
		margin-bottom: 30px;
		clip-path:none;
		-webkit-clip-path:none;
	}
	#hero .hero-img {
		z-index: -1;
		height: 250px;
		object-fit: cover;
		object-position: center center;
	}
	#hero .sub-logo {
	    width: 120px;
	    right: 20px;
	    top: auto;
	    bottom:10vw;
	    z-index: 13;
	}
	#hero svg {
	    margin-top: -7.5%;
	    width: 160vw;
	    left: -58vw;
	    position: relative;
	}
    .heroslider .next-slide,
    .heroslider .prev-slide{
	   display: none !important;
    }
	
	.news-entries .col{
		width:100% !important;
	}
	
	
	/* Fonts */
	.intro h2,
	.blauwblok h2,
	.intro .usps h3,
	.wit-tekstblok h2,
	.actieblok h2,
	.afbeeldingblok h2,
	.merkenblok h2{
		font-size: 24px;
	}
	.intro h2,
	.intro p,
	.blauwblok h2,
	.blauwblok p,
	.intro .usps h3,
	.afbeeldingblok h2,
	.afbeeldingblok p{
		text-align: center;
	}
	.actieblok p{
		font-size: 19px;
	}
	
	.breadcrumbs{
		position: relative;
		top: 0px;
		margin-bottom: 30px;
	}
	
	/* Contentbuilder */
	.intro{
		padding-top:50px ;
		padding-bottom:50px ;
	}
	.intro .col.intro-txt {
		border-right:  0px !important;
	    padding-right: .75rem;
	}
	.intro .col.intro-txt h2{
		margin-top: 10px;
	}
	.intro .usps h3{
		font-size: 16px;
	}
	.intro .usps {
	    padding-left: .75rem;
	}
	.intro .usps ul{
		width: 100%;
		text-align: left;
	}
	.intro .usps ul li{
		padding-left: 30px;
		padding-top: 20px;
	}
	.intro .usps ul li svg{
		top: 28px;
	}
	.intro .usps ul li img{
		left:calc(50% - 7.5px);
	}
	
	body.homepage .intro h3{
		margin-top: 30px;
	}
	
	.blauwblok .row{
		margin-bottom: 50px;
	}
	
	#shortlinks .col{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#shortlinks .col img{
		max-width: 290px;
		width: 85%;
	}
	.groen-btn,
	.blauw-btn{
		display: block;
		margin: 0 auto;
	}
	
	.wit-tekstblok{
	    padding-top: 60px;
	    padding-bottom: 60px;
	}
	
	.actieblok{
	    padding-top: 100px;
	    padding-bottom: 90px;
	}
	.actieblok .cta-btn-1,
	.actieblok .cta-btn-2{
		font-size: 19px;
	}
	
	.afbeeldingblok .row.valign-wrapper{
		display: block !important;
	}
	.afbeeldingblok{
		padding-bottom: 50px;
	}
	.afbeeldingblok img{
		margin: 25px auto;
		display: block;
	}
	.blauwblok img{
		margin: 25px auto;
		display: block;
	}
	
	.model-row .model-column{
		width: 100%;
	}
	
	
	/* Klanten Carousel*/
	.klanten{
		margin-top: 70px;
	}
	.klanten::before {
		-webkit-clip-path: polygon(23.24% 47%, 68% 30px, 99.93% 37%, 100% 100%, 0px 100%, 0px 36%);
		clip-path: polygon(23.24% 47%, 68% 30px, 99.93% 37%, 100% 100%, 0px 100%, 0px 36%);
	}
	
	/* Footer */
	footer .upper-footer h5{
		text-align: center;
	}
	footer .upper-footer ul li a{
		display: block;
		width: 100%;
		line-height: 22px;
		text-align: center;
	}
	
	footer .lower-footer{
		padding-top: 30px;
		padding-bottom: 30px;
		text-align: center;
	}
	.lower-footer .row.container,
	.lower-footer .row.container .ast-logo{
		display: block !important;
	}
	.lower-footer .row.container .keurmerk{
		margin-bottom: 15px;
	}
	.lower-footer .row.container .keurmerk img,
	.lower-footer .row.container .ast-logo img{
		display: block !important;
		max-width: 200px;
		margin: 0px auto 0;
	}
	.lower-footer .row.container .ast-logo span{
		width: 100%;
		display: block;
		margin-top: 15px;
		margin-bottom: 10px;
	}
	
	.contactblok::before{
		display: none;
	}
	#fields-voornaam-field,
	#fields-achternaam-field{
		width: 100%;
	}
	#fields-voornaam-field {
	    margin-right: 0%;
	}
	
	.vestingingen-wrapper .vestigingen-container {
	    padding-right: 15px;
	}
	.vestingingen-wrapper .side-vestiging .usps h3{
		text-align: center;
	}
	.vestingingen-wrapper .side-vestiging .usps ul{
		width: 100%;
		text-align: center;
	}
	.vestingingen-wrapper .side-vestiging .usps ul li{
		padding-top: 15px;
		padding-left: 0px;
	}
	.vestingingen-wrapper .side-vestiging .usps ul li img{
		left:calc(50% - 7.5px);
		top:0px;
	}
}
	

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

	header .pre-header .col .top-menu{
		padding-left: 0px;
		padding-right: 0px;
	}
	/*
	.pakketnav-fixed{
		top:-350px;
	}*/
	
	.vestingingen-wrapper .vestiging{
		padding: 30px 20px;
	}
	
}
@media screen and (max-width:360px){
	header .pre-header .col .top-menu ul li a{
		font-size: 14px;
	}
	header .pre-header .col .top-menu{
		width: 100%;
		margin-left: -20px;
	}
	
}