/*

Normale responsive maten:
Telefoon: 0px - 600px;
Tablet: 601px - 1024px;
Laptop: 1025px - 1536px
Desktop: 1537px en hoger

Probeer deze aan te houden als responsive maten

*/


/* Mobile Responsive */
@media screen and (max-width: 600px){	
	/* Contactformulier */
/* 	#field_1_2{
		margin-top: -16px;
	}
	#field_1_3, #field_1_4{
		margin-top: -7px;
	} */
	
	/* Nieuwsbrief */
/* 	#field_2_4{
		margin-top: -16px;
	} */
	
	/* Footer */
	footer .w-tabs-section.active:not(.has_text_color)>.w-tabs-section-header{
		color: #fff;
	}

    body .l-canvas {
        overflow: unset;
    }

	.w-tabs.style_default .w-tabs-section-title{
		margin-left: 0.5rem !important;
		font-size: 1rem !important;
		font-weight: 700;
		color: var(--color-content-primary);
	}
	.w-tabs.style_default .w-tabs-section-content{
		margin-left: 0.5rem !important;
		margin-right: 0.5rem !important;
	}
	.w-tabs.style_default .w-tabs-section-control{
		margin-right: 0.5rem !important;
	}
	.product-categories-grid{
		    grid-template-columns: repeat(1, 1fr) !important;
	}
}

/* Tablet Responsive */
@media screen and (min-width: 601px) and (max-width: 1024px){
		.product-categories-grid{
		    grid-template-columns: repeat(3, 1fr) !important;
	}
}

/* Mobile & Tablet */
@media screen and (max-width: 1024px){
	
}

/* Laptop Responsive */
@media screen and (min-width: 1025px) and (max-width: 1536px){
	
}

/* Desktop Responsive */
@media screen and (min-width: 1537px){
	
}

/* Vanaf laptop */
@media screen and (min-width: 1025px){
	
}