@media (max-width: 1199px) {
nav.navbar .navbar-nav>li>a, nav.navbar .navbar-nav>li .button {margin-left: 50px;}
    h1 {font-size: 47px;}

}

@media (max-width: 992px) {
	nav.navbar .navbar-nav>li>a, nav.navbar .navbar-nav>li .button {margin-left: 30px;}

	.header.home {height: 500px;}
	.header.home .gradient .align {height: 300px;}

	.subheader .uspbox .content {font-size: 14px;line-height: 16px;}


	footer.footer ul {float: unset !important;margin-top: 15px;}
	footer.footer ul li {padding-left: 0px;padding-right: 30px;}
	footer.footer h2 {margin-bottom: 0px !important;margin-top: 10px;}

	nav.navbar .navbar-brand img {height: 34px;margin: 33px 0px;margin-left: 15px;}
	nav.navbar .navbar-nav>li:first-child a {margin-left: 0px;}
	nav.navbar .nav-link, nav.navbar .navbar-nav>li .button {    margin-left: 20px;
    }

        nav.navbar .navbar-brand img {
        height: 24px;
        margin: 38px 0px;
        margin-left: 15px;
    }
    .header.home .col-md-offset-2 .align {height: unset;display: block;}

    .home.header .flexsec, .home.header .flex {
    justify-content: flex-start;
}


}


@media (max-width: 767px) {
    .header.content {
        min-height: 400px;
        height: auto;
    }
    .header.content .gradient .align {
        padding: 50px 0px;
    }
.header.home h1 span {font-size: 12px;}
header.home .gradient .align {height: 250px;}

#lang_selector {
    margin-top: 0px;
    margin-left: 25px;
    margin-bottom: 15px;
}
.box.medewerkerbox {    height: 115vw;}
nav.navbar {height: 70px;}

.header.home .uspbox.flex {margin-top: 0px;border-radius: 0px;box-shadow: none;border-bottom: 1px solid #E5F3FB;}
.header.home  .itemscus {border-radius: 10px;overflow: hidden;box-shadow: 0px 10px 30px 0px rgba(0, 36, 78, 0.10);}

	.header.home {height: 450px;}
	.header.home .gradient .align {height: 250px;}
.mosaic.c1 .align {
    margin: 0px;
}
.header.content .gradient {
    background: rgb(0 0 0 / 35%);
    height: 100%;
    align-items: center;
}
h2 {font-size: 24px;}
    .button {
    font-size: 14px;
    padding: 10px 20px;
}
.mosaic.c3 .container-fluid {display: none;}
.mosaic.c3 .alignmain h2, .mosaic.c3 .alignmain p {
    color: #3b4144;
}
.mosaic.c3 .alignment {margin: 0px;margin-top: 30px;}
.mosaic.c3 .alignmain h2 {
    margin-top: 50px;
}
.projecten-list .arrows {margin: 0px;}
.projecten-list .arrows .left, .projecten-list .arrows .right {
    width: 30px;
    height: 30px;
    padding: 5px;
}
p, li, .contact-list li a {
    font-size: 16px;
    line-height: 23px;}
.navbar-header {display: flex;}

.navbar-header .flex-align {flex: 1;display: flex;justify-content: center;}
.navbar-header .flex-align.justify-left {justify-content: left;}
.navbar-header .flex-align.justify-right {justify-content: right;}
.navbar-header .flex-align.justify-left .button {margin-top: 12px;width: 44px;height: 44px;padding: 10px 14px;}
.navbar-default .navbar-toggle {border: none;margin: 0px;margin-top: 18px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #0f2b3c;}
nav.navbar .navbar-brand img {height: 20px;margin: 25px 0px;margin-left: 0px;}
nav.navbar .navbar-nav>li:first-child a {margin-left: 0px;border: none;}
#navigation .navbar-collapse {background-color: #64828b;top: 70px;}
nav.navbar .navbar-nav>li>a:hover {border: none;}
nav.navbar .navbar-nav>li>a {padding: 2px 25px;margin: 3px 0px;font-size: 14px;color: #fff;}
    nav.navbar .navbar-nav li.dropdown {padding: 0px;}
    .navbar-nav .open .dropdown-menu {
    background: #b09572;
}
    nav.navbar .nav-link, nav.navbar .navbar-nav>li .button {
        margin: 2px 22px;
        display: inline-block;
        margin-bottom: 10px;
    }
    .projecten-list .flex.filterbuttons {
    justify-content: flex-start;
}
    nav.navbar .navbar-nav>li>a:hover,nav.navbar .navbar-nav>li>a:focus {color: #fff;}
    nav.navbar .navbar-nav>li>a.active {font-weight: 700;border: none;color: #fff;opacity: 1;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #fff;}
footer.footer ul {margin-bottom: 0px;display: flex;align-items: flex-start;flex-direction: column;}
footer.footer ul li {padding: 0px;}
footer.footer img {margin-bottom: 10px;}

.subheader .uspbox {margin-top: 10px;}
.subheader {height: auto;padding-bottom: 15px;}
.mosaic.c1 .offset .align {margin-left: 0px;}
.mosaic.c7 .box {margin-bottom: 15px;}

.mosaic.c1.c10 .align {margin-bottom: 30px;}
}	
.projecten-list.rl {
    margin: 75px 0px;
}
.projecten-list .flex.filterbuttons {margin-bottom: 75px;}

.mosaic.c13 .timeline .item {flex: 0 0 calc(100% / 5.5);text-align: center;padding: 10px;background: transparent;font-size: 18px;position: relative;cursor: pointer;color: #64828b;transition: transform 0.3s ease, background-color 0.3s ease;box-sizing: border-box;}
.mosaic.c13 .timeline .item.active {color: #3b4144;font-weight: 600;}
.mosaic.c13 .timeline-container {display: flex;flex-direction: column;align-items: center;position: relative;width: calc(100%);overflow: hidden;}
.mosaic.c13 .timeline .item:after {content: "";display: block;width: 9px;height: 9px;border-radius: 50%;background-color: #64828b;position: absolute;left: calc(50% - 5px);bottom: 6px;}
.mosaic.c13 .timeline-container:before {content: "";height: 1px;width: 100%;display: block;background-color: #64828b;position: absolute;top: 49px;}
.mosaic.c13 .nav-btn {background: #64828b;border: none;padding: 10px;color: #fff;cursor: pointer;font-size: 16px;position: absolute;top: 50px;border-radius: 50%;transform: translateY(-50%);z-index: 1;height: 30px;width: 30px;display: flex;font-size: 11px;text-align: center;align-items: center;justify-content: center;}
.mosaic.c13 .nav-btn span {font-size: 21px}
.mosaic.c13 .left-btn {left: 0px;}
.mosaic.c13 .right-btn {right: 0px;}
.mosaic.c13 .timeline {display: flex;gap: 10px; overflow: hidden;height: 60px;width: 86%; position: relative;}
.mosaic.c13 .timeline-content {margin-top: 20px;font-size: 18px;width: 100%;}