/* CSS Document */

@media (max-width: 1000px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}


.mainsection .inspiratiefilter h1 span.glyphicon { display: none; }

@media (max-width: 1200px) {
     .container { width: 95%; }
    #mainbody .container { width: 95%; }
     #footer .container { width: 95%; }
}


@media (min-width: 992px)  and (max-width: 1100px) {
	.bannerblock-homepage { margin-top: 40px;}	
	.bannerblock-homepage-title { display: block; padding: 10px 10px 0; }
	.bannerblock-homepage-text h3 { display: none; }
	.bannerblock-homepage-image .bannerblock-homepage-text { width: 100%; }
	.bannerblock-homepage-afbeelding { float: right; width: 100%; padding: 0 10px;}
}

@media (max-width: 1000px) {
    
    a.pagemenufirst { display: none; }
    
    .col-md-3.inspiratiefilter { width: 100%; margin: 0; }
    .inspiratieoverviewCol {}
    .inspiratieoverviewCol { width: 100%; margin-left: -10px; padding: 25px; }
    .inspiratieoverview { padding: 20px; margin: 0;}

    .mainsection .inspiratiefilter h1 { display: block; cursor: pointer; margin-bottom: 0;}
    .inspiratiefilter ul.inspiratiemenu { display: none; margin-top: 10px;}
    .mainsection .inspiratiefilter h1 span.glyphicon { display: inline-block; float: right; padding-right: 15px;}
    .mainsection .inspiratiefilter h1.filteract { color: #c9d400;}
    
    .footer-fastlink {        width: 33.33333333%;        float: left;          margin-right: 0; }
    .navbar-toggle { border-color: #004088; float: left; margin-left: 20px; margin-top: 28px;}
    .icon-bar { background: #004088;}
    
    .body-blauw .navbar-toggle { border-color: #fff;}
    .body-blauw .icon-bar { background: #fff;}
   
    .col-menu { padding-top: 20px;}
    
    .navbar-brand { top: 0;}
    .navbar .container { min-height: 78px; }
    
    #navbar ul {margin-top: -30px;}
    #navbar ul li {	float: none; }
    #navbar ul li a { display: block; padding: 5px; font-size: 18px;}
    #navbar ul li::after{   content: ""; }

    #navbar span.topmenuzoeken { display: inline-block; padding-left: 5px; }
    
    #navbar ul ul.menumainbody {margin-top: -5px; margin-left: 10px;}
    #navbar ul ul.menumainbody ul {margin-top: 5px; margin-left: 10px;}
    ul.menumainbody > li a { border-bottom: none; }
    #navbar ul ul.menumainbody ul ul li > a { font-size: 14px; }
    #navbar ul ul.menumainbody a.firstsub { display: none; }
    
    iframe { width: 100%; }
    
    .productoverview .inspiratiepop {
	display: -ms-grid;
	-ms-grid-columns: repeat(2, 49%);
	padding: 30px 0 40px;
	display: grid;
	grid-template-columns: repeat(2, 49%);
	grid-template-rows: repeat(4, auto);
	grid-gap: 10px;
}
      .productoverviewlinks { margin: 20px 0;}
    .footer-icons { max-width: 360px;}
    
    }
@media (max-width: 767px) {
    
    .col-grid { grid-column-gap: 4%;  grid-template-columns: 48% 48%;       -ms-grid-columns: 48% 48%;  }
    
    .template-id10 #mainbody { background: url(../img/achtergrond/Machtergrond_homepage.jpg) top right #e8e8e8 no-repeat; }
    
    .homepagelink {	height: auto;        margin-bottom: 20px;}    
    a.homepagelink:hover .homepagelink-text { color: #000; text-decoration: none;}
    .homepagelinks a { background-position:  top right; } 
    .homepagelink .homepagelink-text {	font-size: 24px;	z-index: 20;	position: relative;	bottom: auto;    padding: 20px 0; }
    .homepagelink .homepagelink-img { 	box-sizing: border-box; 	top: auto; 	position: relative; 	right: auto; 	width: 100%; }
    
    .homepagerechts { 	padding-left: 0; 	padding-top: 40px; }
    
    header ,
    header .col-md-12 { height: 240px; font-size: 40px; }
    
    #mainbody.mainsection { padding-top: 20px;}
    
    .rowsmall { 	margin-left: 0; 	margin-right: 0; }
    .footer-fastlink { width: 100%; float: left; clear: both; }
    .footer-icons { float: left; margin-top: 30px;}
    
    footer .rowcredits ul li { float: none; }
      
	.bannerblock-homepage { margin-top: 40px;}	
	.bannerblock-homepage-title { display: block; padding: 10px 10px 0; }
	.bannerblock-homepage-text h3 { display: none; }
	.bannerblock-homepage-image .bannerblock-homepage-text { width: 100%; }
	.bannerblock-homepage-afbeelding { float: right; width: 100%; padding: 0 10px;}
    
    .inspiratiepop {
	padding: 30px 20px 40px 0;
	display: -ms-grid;
	-ms-grid-columns: repeat(2, 50%);
	display: grid;
	grid-template-columns: repeat(2, 50%);
	grid-gap: 10px;
}
    
    div.downloadblok {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: repeat(1, 100%);
	grid-template-columns: repeat(1, 100%);
	grid-gap: 14px;
	padding: 20px 0;
}
    
    .flexcon {
	line-height: 0;
	-webkit-column-count: 1;
	-webkit-column-gap: 40px;
	-moz-column-count: 1;
	-moz-column-gap: 40px;
	column-count: 1;
	column-gap: 40px;
	break-inside: avoid-column;
	-webkit-column-break-inside: avoid;
}
    
    .col-postadres { padding-top: 30px;}
    .footer-fastlink { padding-top: 50px; padding-bottom: 40px;}
    
    .inspiratieoverviewCol {  padding: 15px 0 15px 11px;   }
    
    .inspiratieoverview .inspiratiepop {	-ms-grid-columns: repeat(2, 49%); 	grid-template-columns: repeat(2, 49%); }
    #mainbody.mainbodyInspiratie { padding-top: 80px; }
    .SlidePhotoSelect { 	top: auto; }
    
	.kaderwit-verkooppunten { padding-right: 14px;}
	.kaderwit-verkooppunten .col-verkooppunten .storefinder { margin: 10px 0 0;}
	.kaderwit-verkooppunten .col-verkooppunten,
	.kaderwit-verkooppunten .col-main { padding: 10px 14px 0;}
    
}

@media (max-width: 500px) {
	#cookiebar { width: 100%; max-width: 100%; bottom: 0px; left: 0;  }
	
    .col-grid { grid-column-gap: 0%;  grid-template-columns: 100%;       -ms-grid-columns: 100%;  }
    
	.kaderwit-verkooppunten .col-verkooppunten { padding: 10px 0; margin: 0 -14px -50px; }
	.storefinder .storefinder-form { margin-bottom: 16px; }
	.storefinder .storefinder-form-kader { padding-bottom: 0;}
	.storefinder .storefinder-form-kader {     position: relative; top: 0;     left: 0;     right: 0;     width: 100%; }
	.storefinder .storefinder-locations { max-height: 450px; }
	.storefinder #googleMaps { min-height: 500px; }
	.storefinder #gm-maps { position: relative !important; width: 100%; height: 500px; }
	.storefinder-form-kader-tabs { border-bottom: 1px solid #004088; background: #e2e2e2; color: #6e6e6e; border-top: 1px solid #e2e2e2; }
	.storefinder-form-kader-tabs.storefinder-form-kader-tabs-locatie { border-right: 1px solid #004088; }
	.storefinder-form-kader-tabs.active { border-top: 4px solid #004088; border-bottom: none; color: #000; }
}