@media only screen and (max-width: 1150px) {
    .topstroke .container,
    .menu-wrapper .container {
        width: 95%;
    }
}
@media only screen and (max-width: 1050px) {
    .container{
        width: 95%;
    }
    .menu-wrapper .logo {
        margin-bottom: 35px;
    }
    .menu-wrapper .menu {
        float: none;
        clear: both;
        border-top: 1px solid #EFEFEF;
    }
    .menu-wrapper .menu li {
        margin-right: 0;
        width: 25%;
        text-align: center;
    }
    .menu-wrapper .menu li a {
        padding: 30px 0 15px;
    }

    .menu-wrapper .menu li:hover ul {
        display: none;
    }

    .dienstblokken .dienstblok {
        padding: 35px 25px;
    }
}

@media only screen and (max-width: 970px) {
    .dienst .title {
        height: 43px;
    }
    .yellow-wrapper.not-home .content {
        width: 65%;
    }

    .yellow-wrapper.not-home .btn {
        margin-top: 30px;
    }

    .formulier,
    .map {
        width: 100%;
        float: none;
    }
    .formulier {
        width: 95%;
        margin: 0 auto;
        padding: 50px 0 40px 0;
    }
    .map {
        padding-top: 0;
    }
    .form-wrapper {
        margin-left: -5%;
    }
    .form-wrapper .form-row {
        clear: none;
        float: left;
        margin-left: 5%;
        width: 45%;
    }
    textarea {
        height: 105px;
    }
    .map {
        background: url('../images/map.jpg') no-repeat center center;
        height: 350px;
    }
    .map .contactinfo {
        width: 95%;
    }
    .contactinfo .contactblok {
        float: left;
        width: 50%;
        border-bottom: none;
        border-right: 1px solid #D9D9D9;
        padding: 30px 15px;
    }
    .contactinfo .contactblok.title {
        float: none;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #D9D9D9;
    }
    .contactinfo .contactblok.last{
        border-right: none;
    }
}

@media only screen and (max-width: 850px) {
    .diensten-wrapper .dienst,
    .dienstblokken .dienstblok{
        width: 47%;
        margin-left: 1%;
        margin-right: 1%;
    }
    .dienstblokken .dienstblok {
        padding: 40px 30px;
    }
    .dienst .title {
        height: auto;
    }
    .stappen {
        margin-left: -5%;
    }
    .stappen .stap {
        margin-left: 5%;
        width: 45%;
        margin-bottom: 50px;
    }
    .stappen .stap:nth-child(2n+1) {
        clear: left;
    }
    .stappen.grid3 {
        margin-left: 0;
        text-align: center;
    }
    .stappen.grid3 .stap {
        float: none;
        display: inline-block;
        margin-left: 2%;
        margin-right: 2%;
    }
    .stap .stapnr .lijn,
    .stap .stapnr .arrow {
        display: none;
    }
}
@media only screen and (max-width: 768px) {

    .offerteblokken.firstrow  {
        margin-left: -5%;
    }
    .offerteblokken.firstrow .offerteblok {
        width: 45%;
        margin-left: 5%;
    }
    .offerteblokken.firstrow .offerteblok:nth-child(2n+1) {
        clear: left;
    }
    .yellow-wrapper.not-home .content {
        width: 55%;
    }

    .yellow-wrapper.not-home .btn {
        margin-top: 40px;
    }
    .yellow-wrapper.no-padding {
        padding-bottom: 40px;
    }
    .yellow-wrapper .span70,
    .yellow-wrapper .span30 {
        float: none;
        width: 100%;
    }
    .yellow-wrapper ul li {
        width: 50%;
        float: left;
    }
    .over-ons-image {
        display: none;
    }
    .scrollToTop.visible {
        right: 15px;
    }
    .image-wrapper {
        margin-left: -3.33%;
    }
    .image-wrapper .image {
        width: 30%;
        margin-left: 3.33%;
    }
    .image-wrapper .image:nth-child(4) {
        display: none;
    }
}
@media only screen and (max-width: 630px) {
    .dienst .title {
        height: 43px;
    }
}
@media only screen and (max-width: 570px) {
    .menu-wrapper .logo {
        margin-right: 15px;
        width: 200px;
    }
    .menu-wrapper .btn {
        margin: 5px 0;
    }
    .menu-wrapper .menu li a {
        padding: 25px 0 0 0;
    }
    .banner-wrapper {
        padding: 75px 0;
    }
    .buttongroup .btn {
        margin: 5px 30px;
    }
    .dienst .icon-circle,
    .dienst .content {
        float: none;
    }
    .dienst .icon-circle {
        margin: 0 auto 20px;
    }
    .dienst .title {
        height: auto;
    }
    .dienst .content {
        width: 100%;
        text-align: center;
    }
    .dienstblok .title {
        height: 42px;
        overflow: hidden;
    }
    .main-bottom .intro {
        width: 100%;
    }
    .main-bottom .blokken {
        margin-left: 0;
    }
    .main-bottom .blokken .blok {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-bottom: 30px;
    }
    .form-wrapper {
        margin-left: 0;
    }
    .form-wrapper .form-row {
        float: none;
        width: 100%;
        margin-left: 0;
    }    
    .contactinfo .contactblok {
        float: none;
        width: 100%;
        border-bottom: 1px solid #D9D9D9;
        border-right: none;
        padding: 15px;
    }
    .contactinfo .contactblok.last {
        border-bottom: none;
    }
    .contactinfo .contactblok .icon {
        margin-bottom: 5px;
    }
    .offertegegevens .pull-left.span50,
    .offertegegevens .pull-right.span50 {
        float: none;
        width: 100%;
    }
    .yellow-wrapper .content,
    .yellow-wrapper.not-home .content,
    .yellow-wrapper .video {
        float: none;
        width: 100%;
    }
    .yellow-wrapper.not-home .btn {
        float: none;
        margin-top: 0;
    }
    .yellow-wrapper .video {
        width: 75%;
        margin: 0 auto;
    }
    .yellow-wrapper ul li {
        width: 100%;
        float: none;
    }
    .footer .pull-left,
    .footer .pull-right {
        float: none;
        text-align: center;
    }
    .footer .pull-left {
        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 500px) {
    h2 {
        margin: 0 auto 50px;
    }
    .menu-wrapper  {
        text-align: center;
    }
    .showResponsiveMenu {
        display: block;
    }
    .responsiveMenu.open {
        /*top: 0;*/
        display: block;
    }
    .responsiveOverlay.open {
        display: block;
    }
    .menu-wrapper .logo {
        margin-bottom: 0;
        width: 236px;
    }
    .menu-wrapper .menu {
        display: none;
    }
    .menu-wrapper .btn {
        display: none;
    }
    .diensten-wrapper .dienst,
    .dienstblokken .dienstblok{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        display: block;
        margin-bottom: 30px;
    }
    .diensten-wrapper .dienst:last-of-type {
        margin-bottom: 0;
    }
    .dienst p {
        margin-bottom: 15px;
    }
    .dienstblokken .dienstblok:last-of-type {
        margin-bottom: 0;
    }
    .dienstblok .icon-circle {
        margin-bottom: 35px;
    }

    .paginablok .content,
    .paginablok .content.right,
    .paginablok .image,
    .paginablok .image.left {
        width: 100%;
        float: none;
    }
    .paginablok .image,
    .paginablok .image.left {
        max-width: 280px;
        width: auto;
        margin: 0 auto;
    }
    .stappen,
    .stappen.grid2{
        margin-left: -5%;
    }
    .stappen .stap,
    .stappen.grid3 .stap,
    .stappen.grid2 .stap {
        float: none;
        display: block;
        margin-left: 0%;
        margin-right: 0;
        width: 100%;
        margin-bottom: 50px;
    }
    .stappen .stap:nth-child(2n+1) {
        clear: left;
    }

    .offerteblokken.secondrow {
        margin-left: 0;
    }
    .offerteblokken.secondrow .offerteblok {
        float: none;
        margin-left: 0;
        width: 100%;
    }

    .image-wrapper {
        margin-left: -2.5%;
    }
    .image-wrapper .image {
        width: 47.5%;
        margin-left: 2.5%;
    }
    .image-wrapper .image:nth-child(4) {
        display: block;
    }
    .yellow-wrapper .span80 {
        padding-bottom: 0;
        padding-bottom: 0;
        background-image: none !important;
    }

    .yellow-wrapper .span80 .span70 {
        width: 100%;
    }
    .topstroke {
        text-align: center;
    }
    .topstroke .pull-right {
        float: none;
    }
    .topstroke .item {
        float: none;
        display: block;
        width: 100%;
    }
    .topstroke .item.rightborder {
        border-right: none;
        padding-right: 0;
        margin-right: 0;
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 430px) {
    .offertegegevens .span80,
    .offertegegevens .span20 {
        float: none;
        width: 100%;
    }
    .offertegegevens .form-row .pull-left {
        margin-bottom: 10px;
    }
    .offerteblokken.firstrow {
        margin-left: 0;
    }
    .offerteblokken.firstrow .offerteblok {
        float: none;
        width: 100%;
        margin-left: 0;
    }
    .yellow-wrapper .video {
        width: 100%;
    }

}
@media only screen and (max-width: 400px) {
    .contactinfo .title {
        font-size: 16px;
    }
}
@media only screen and (max-width: 380px) {

    .buttongroup .btn {
        margin: 5px 10px;
    }

    .form-row .span80,
    .form-row .span20 {
        float: none;
        width: 100%;
    }
    .form-row .pull-left {
        margin-bottom: 10px;
    }
}