@media only screen and (max-width: 1050px) {
    .full-wrapper {
        overflow: hidden;
    }
    .header {
        width: 100%;
    }
    .container{
        width: 95%;
    }
    .news-row .body{
        width: 75%;
    }

    .menu-wrapper .container {
        width: 100%;
    }
    .menu li {
        display: none;
        width: 100%;
        float: none;
    }
    .menu li.large {
        width: 100%;
    }

    .menu li.toggleMenu {
        display: block;
    }
    .menu.open li {
        display: block;
    }

    .item-wrapper .item .item-body .item-body-select i {
        left: 15px;
    }
    .item-wrapper .item .item-body .item-body-select:hover > i {
        left: 30px;
    }
    .video-wrapper .video {
        width: 100%;
        float: none;
    }
    .blokken .blok .title, 
    .blokken .blok h2.title{
        font-size: 25px;
        line-height: 25px;
    }
    .responsive-tabel-scroll {
        width: 100%;
        overflow-x: scroll;
        margin-bottom: 30px;
    }
    .responsive-tabel-scroll table{
        min-width: 950px;
    }
}

@media only screen and (max-width: 995px) {
    table tr:last-of-type td {
        border-bottom: 1px solid #e9e9e9;
    }
    .table-responsive tr td:last-child {
        border-bottom: none;
        height: 125px;
    }
}
@media only screen and (max-width: 950px) {
    .callToBox {
        text-align: center;
        margin-bottom: 30px;
    }
    .callToBox h2,
    .callToBox .btn {
        float: none;
    }
    .item-wrapper.materiaal .item {
        width: 35%;
    }
}
@media only screen and (max-width: 850px) {
    .content{
        width: 100%;
        float: none;   
        margin-bottom: 30px;
    }
    .sidebar{
        float: none;
        width: 100%;
    }
    .sidebar.sidebar-mobile{
        margin-left: -5%;
    }
    .sidebar-mobile .box{
        width: 45%;
        float: left;
        margin-left: 5%;
    }

    .flexslider .nav {
        visibility: visible !important;
    }
    .text-center img {
        display: block;
        width: 100%;
    }
    .footer .pull-left{
        margin-bottom: 10px;   
    }    
    .footer .pull-left,
    .footer .pull-right{
        text-align: center;
        float: none;
        width: 100%;
    }

}
@media only screen and (max-width: 768px) {
    .btn.noMarginTop {
        margin-top: 0;
    }
    .main-content-text {
        width: 100%;
        padding: 20px 10px;
    }
    .item-wrapper.materiaal {
        margin-left: -5%;
        text-align: left;
    }
    .item-wrapper .item {
        width: 45%;
    }
    .item-wrapper.materiaal .item {
        float: left;
        margin-left: 5%;
        margin-right: 0;
        width: 45%;
        display: block;
    }
    .knoppen {
        width: 100%;
        text-align: center;
    }
    .knoppen.center .knop-next {
        float: none;
    }

    .page-blok .pull-right,
    .page-blok .pull-left,
    .pagination{
        float: none;
        width: 100%;
    }

    .page-blok .form-row .pull-left {
        width: 50%;
        float: left;
    }
    .page-blok .form-row .pull-right {
        width: 50%;
        float: right;
    }
    .table-responsive td {
        line-height: 15px;
        height: 50px;
        padding-left: 30% !important;
    }
    .table-responsive td:before {
        white-space: pre-line !important;
        width: 30% !important;
    }
    .responsive-tabel-scroll table {
        margin-bottom: 0;
    }
    .tussenregel .tussenregel-nummer .tussenregel-titel {
        float: none;
    }
    .tussenregel .tussenregel-nummer input {
        width: 100%;
    }
    .knoppen.submit {
        margin-left: -5%;
    }
    .knoppen.submit .knop-prev,
    .knoppen.submit .knop-next {
        width: 45%;
        margin-left: 5%;
    }
    .selectKlant .btn {
        width: auto;
    }
    .main-content-text.recover {
        width: 70%;
    }
    .headerOfferteoverzicht h2.pull-left {
        width: 50%;
        float: left;
    }
    .headerOfferteoverzicht .btn {
        width: auto;
        float: right;
    }
    #emailExists {
        bottom: 58px;
    }
}
@media only screen and (max-width: 600px) {
    .span70, .span50, .span30 {
        width: 100%;
    }
    .hidden-tablet {
        display: none;
    }
    .pull-left, .pull-right {
        float: none;
    }

    .tussenregel {
        float: none;
        width: 100%;
    }
    .tussenregelVoorbeeld {
        display: block;
        margin: 0 auto 20px;
        float: none;
        width: 100%;
        text-align: center;
    }
    .voorbeeldtekening {
        float: none !important;
        display: inline-block;
    }
    .info-wrapper .info-blok.infokleurtype,
    .info-wrapper .info-blok.inforalkleurtype,
    .info-wrapper .info-blok.inforalkleurtype.big{
        height: auto;
        margin-top: 20px;
        top: 0;
    }
    .home p {
        margin-bottom: 20px;
    }
    .stappen {
        display: none;
    }
}
@media only screen and (max-width: 570px) {
    .form-row .lbl{
        margin-bottom: 10px;
    }
    .form-row .form-item{
        width: 100%;
    }
    input[type="text"], textarea {
        width: 100%;
    }
    .topmenu-wrapper{
        width: 100%;
        float: none;
        clear: both;
    }
    .topmenu-wrapper .topmenu li{
        float: left;        
        margin:0;
        width: 50%;
    }
    .topmenu-wrapper .topmenu li a.last{
        margin:0;
    }

    .content-row:first-of-type {
        margin-bottom: 0;
    }
    .content-row h1 {
        margin-bottom: 0;
    }
    .blokken{
        margin-left: -5%;
    }
    .blokken .blok{
        width: 45%;
        margin-left: 5%;
        margin-right: 0;
    }
    .info-wrapper .info-blok {
        width: 95%;
        height: 175px;
        left: 2.5%;
        margin-left: 0;
        margin-top: -87px;
    }
    .item-wrapper.active .item .item-body {
        height: 210px;
    }
    .big-image  {
        margin-bottom: 20px;
    }
    .text-center img {
        display: block;
        width: 100%;
    }

    .part-wrapper .pull-left, .part-wrapper .pull-right {
        float: none;
        width: 100%;
    }
    .part-wrapper .part.part-color {
        margin-bottom: 20px;
    }
    .part-wrapper .part-image {
        width: 50%;
        margin: -20px auto 25px auto;
    }
}
@media only screen and (max-width: 500px) {
    input[type="radio"], input[type="checkbox"] {
        margin-left: 2px;
    }
    .header .container {
        width: 100%;
    }
    .header .logo {
        float: none;
        margin: 0 auto;
    }
    .header .userbox {
        float: none;
        text-align: center;
        border-top: 1px solid #e0e0e0;
    }
    .userbox ul li a {
        padding: 30px 20px;
    }

    .item-wrapper, .item-wrapper.materiaal {
        margin-left: 0%;
    }
    .item-wrapper .item, .item-wrapper.materiaal .item {
        margin-left: 0%;
        width: 100%;
        float: none;
    }
    .item-wrapper .item .item-image img {
        display: inline-block;
        width: auto;
        max-width: 100%;
    }

    .page-blok, .main-content-text.full {
        padding: 15px;
    }
    .page-blok .form-row .pull-left ,.page-blok .form-row .pull-right {
        width: 100%;
        float: none;
    }
    .knop-prev, .knop-next {
        float: none;
        width: 100%;
    }
    .tussenregel .tussenregel-model .modellen .model {
        text-align: center;
    }
    .tussenregel .tussenregel-model .modellen .model img {
        width: auto;
        display: inline-block;
    }

    .table-responsive td {
        padding-left: 55% !important;
    }
    .table-responsive td:before {
        white-space: pre-line !important;
        width: 55% !important;
    }
    .headerOfferteoverzicht h2.pull-left,
    .headerOfferteoverzicht .btn{
        float: none;
        width: 100%;
    }
    .headerOfferteoverzicht .btn {
        margin-bottom: 20px;
    }
    .pagination li {
        width: 7%;
    }
    .pagination li.first {
        float: none;
        width: 100%;
    }
}
@media only screen and (max-width: 430px) {

    .dropdown-menu .span50{
        width: 100%;
    }
    .header .logo {
        text-align: left;
    }
    .blokken {
        margin-left: 0;
    }
    .blokken .blok {
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }
    .topmenu-wrapper .topmenu li{
        float: none;
        width: 100%;
    }
    .main-content-text.recover {
        width: 100%;
    }
}
@media only screen and (max-width: 390px) {

    .grid .box .img{
        height: 140px;
    }
    .header .logo img {
        width: 100%;
    }

    .image{
        width: 100%;
    }
}