﻿
@media (min-width: 1600px){
	.logo {    margin-top: 10px;}
	.logo img {}
	
	.headerontop {width:100%;}
	#menuzord .menuzord-menu > li {/* margin-left:20px; *//* margin-right:20px; */margin-top:15px;}
	.contactmenu {margin-top: 20px !important;}
	#menuzord .menuzord-menu > li > a {padding:5px 20px 5px 20px;}
	#menuzord .menuzord-menu {margin-right: 100px !important;}
.space-homebanner {margin-top:80px;}
.space-homebanner .max750 {/* margin-left:10%; */}
.slogan {margin-right:150px;}
.container {width:1400px}
}

@media (min-width:1900px){
.container {width:1700px}
}
@media (min-width: 2900px ) {
	
	#menuzord .menuzord-menu {margin-right: 500px !important;}
}
@media (max-width: 1740px) {
   .shadow-products h3 { min-height: 60px; }
   .shadow-products h1 {font-size:26px}
}

@media (max-width: 1380px) {
    .shadow-products h3 {min-height: 50px;font-size: 15px;}
    .shadow-products h1 {font-size:24px;min-height: 85px;}
    .p-width {min-height:185px;padding-top: 10px;}
        .shadow-products {
    min-width: 135px;
    max-width: 135px;
    margin: 1%;
    padding: 20px 5px 20px 4px;
}
.dienstjes {max-width: 550px;}
.dienstjetitle {font-size: 14px !important;}
    .ikwil .trajectintro {margin-top:30px;}.ikwil .trajectintro h3 {font-size:14px;line-height:22px}
    .ikwil .trajectintro h4 {font-size:16px;}
    .ikwil .trajectintro h2 {font-size:28px;}
    .ikwil .trajectintro {margin-top:30px;}
}

@media (min-width:1200px;){
	header {min-height:160px;background-size: cover;background-position: bottom;}}

@media (max-width: 1199px) and (min-width: 980px) {
    .shadow-products h1 {font-size: 22px;}
    .shadow-products h3 {min-height: 50px;font-size: 15px;}
    .shadow-products {
    min-width: 135px;
    max-width: 135px;
    margin: 1%;
    padding: 20px 5px 20px 4px;
}
.dienstjetitle {font-size: 14px !important;}

    .ikwil .dienstjes {width:100%;padding: 0;}
    .marginbanner {/* margin-top:60vh */}
    .p-width {min-height:225px;}
  	nav {text-align:center;margin-left:auto;margin-right:auto;}
 	.menuzord-menu {text-align:center;text-align:center;margin-left:auto;margin-right:auto;}
	#menuzord .menuzord-menu {/* float:none; *//* display:inline-block; *//* text-align:center; *//* margin-left:auto; */margin-right: 50px;}
	.menuzord-menu ul {float:none;display:inline-block;text-align:center;margin-left:auto;margin-right:auto;}
    .slogan {margin-right: 70px;}
    .ikwil .trajectintro h3 {font-size:14px;line-height:22px}
    .ikwil .trajectintro h4 {font-size:16px;}
    .ikwil .trajectintro h2 {font-size:28px;}
    .ikwil .trajectintro {margin-top:30px;}

}

@media (max-width: 979px) {    header {min-height:165px;max-height:165px;}
	.trajecticon,.trajectintro {
    float:none;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 100px;
    }
    .ikwil {margin-top:0;}
    .ikwil .trajectintro {float:none;margin-top:0;}
    .marginbanner {/* margin-top:500px */}
	.tabcenter {text-align:center;}
	.max750 {margin-left:auto;margin-right:auto;max-width: 100% !important;float: none;display: inline-block;}
	.sitebtn2 {display:inline-block;}
	nav {text-align:center;margin-left:auto;margin-right:auto;}
	.menuzord-menu {text-align:center;text-align:center;margin-left:auto;margin-right:auto;}
	#menuzord .menuzord-menu {float:none;display:inline-block;text-align:center;margin-left:auto;margin-right:auto;}
	.menuzord-menu ul {float:none;display:inline-block;text-align:center;margin-left:auto;margin-right:auto;}
    .slogan {margin-right:50px;}
.sitebtn2 {margin-left:auto;margin-right:auto;float:none;/* margin-bottom:50px; */}
.dienstjes {margin-top:50px;}
.bgtransp h6 {font-size: 25px !important;}
}


@media (max-width: 768px) {
	h2 {font-size:25px;color: #7c5bd6;}
	.p-width {min-height:auto;padding-bottom:20px}
	    .shadow-products {
    min-width: 135px;
    max-width: 135px;
    margin: 1%;
    padding: 20px 5px 20px 4px;
}
	header {min-height:160px;background-position: center; }
	.topmenuitem a {color:#fff;}
	
	body {background:transparent url('https://wms.flexious.be/editor/plugins/imagemanager/content/2188/Banner/Navbanner.png') no-repeat left top;background-size: 100%;}
	nav {clear:both;position: absolute !important;top: 85px;width: 300px !important;float: right;right: 0;}
	.showonmobile {display:block !important;}
	#banner {display:none;}
	.showonmobile .swiper-container {margin-top: -3px;}
    .marginbanner {margin-top:30px;}
.hideonmobile {display:none !important;}

.menuzord-responsive .menuzord-menu > li > a {width:100% !important;}
	.contactmenu {margin:0 !important;}
.sitebtn2 {margin-left:auto;margin-right:auto;float:none;/* margin-bottom:50px; */}
.dienstjes {margin-top:50px;clear: both;width: 100% !important;}
}




@media not print (max-width: 767px) {
}


@media (max-width: 615px) {

	.logo img {max-width:80%}
	.intro {max-width:90%;}
	 .lange .referencetext p {display:none !important;}
	
}

@media (max-width: 560px) {
	.trajecticon{padding:0;}
	.dienstjes {width:auto;}
	.ikwil .dienstjes {width:auto;}
	.shadow-products{
    max-width: 150px;
    min-width: 150px;
    text-align: center;
    padding: 25px 10px 25px 10px;
    }.shadow-productsb{
    clear:both;
    max-width: 150px;
    min-width: 150px;
    text-align: center;
    padding: 25px 10px 25px 10px;
    }
}
