@media only screen and (max-width: 1340px) {
    .wrapper {
        width: 96%;
        margin: 0 2%;
    }

    .homeitem-link a {
        /*font-size: 19px;*/
        font-size: 17px;
    }
       
}
@media only screen and (max-width: 2000px) {

 .rslides img{
    margin-top: 15px;
 }
}

@media only screen and (max-width: 1200px) {

.line {
    height: 50%;
    width: 100%;
    position: absolute;
    top: 335px;
    background-repeat: no-repeat;
    display: none;
}
}

@media only screen and (max-width: 1100px) {
    #project {
        flex-wrap: wrap;
    }

    .project {
        width: calc((100% / 2) - 40px);
    }
         
}

@media only screen and (max-width: 960px) {
    #main-menu {
        width: 100%;
    }

    #jsddm {
        display: none;
        width: 100%;
    }

    #pull {
        display: block;
        text-align: right;
    }

    #menubar-flex {
        position: relative;
        display: flex;
        flex-flow: row wrap;
    }

    #menubar-social {
        justify-content: center;
    }

    #pull {
        order: 2;
    }

    #jsddm {
        order: 3;
    }

    #jsddm li {
        width: 100%;
        /* width: max-content; */
    }

    #jsddm li ul {
        width: 100%;
        float: left;
        box-sizing: border-box;
        visibility: visible !important;
        opacity: 1 !important;
        position: static;
        padding-left: 40px;
    }

    #jsddm li ul li:first-child>a {
        padding-left: 0px;
    }

    #jsddm li ul li:last-child>a {
        padding-right: 0px;
    }

    #jsddm a {
        padding-left: 0;
        padding-right: 0;
        box-sizing: border-box;
    }

    #banner-overlay h1 {
        font-size: 55px;
        /*line-height: 1.47;*/
        line-height: 6rem;
    }
}

@media only screen and (max-width: 900px) {
    #footer-content-blocks {
        display: block;
    }

    .footer-content-block {
        width: 50%;
        position: static;
    }

    .footer-content-block-last {
        width: 100%;
        float: left;
        margin-top: 35px;
    }

    .footer-content-block-last .footer-content-text {
        width: auto;
    }

    #footer-logo {
        position: static;
        float: right;
    }

    .homeitem {
        width: calc((100% / 3) - 20px);
        margin: 0 15px;
    }

    .homeitem-title,
    .homeitem-text,
    .homeitem-link a {
        padding-left: 10px;
        padding-right: 10px;
    }

    #footer-lowest-wrapper {
        display: flex;
        flex-direction: column;
    }

    #footer-copyright {
        order: 2;
        text-align: center;
    }

    #footer-disclaimermenu {
        order: 1;
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 10px;
    }

    #footer-disclaimermenu a {
        font-size: 15px;
    }

    #footer-disclaimermenu ul {
        float: left;
    }

    #footer-disclaimer {
        padding-bottom: 10px;
    }

    #pagesloganbar {
        padding: 150px 0 130px 0;
    }

    #pagesloganbar-title {
        font-size: 28px;
    }
        .line {
            height: 70%;
            width: 100%;
            position: absolute;
            top: 155px;
            background-repeat: no-repeat;
        }
}

@media only screen and (max-width: 800px) {
    #homeitembar {
        padding: 35px 0;
    }

    #homeitems {
        justify-content: center;
    }

    .homeitem {
        width: 100%;
        /*margin: 35px 0;*/
        margin: 20px 0;
    }

    .page-content {
        width: 100%;
        float: left;
        margin-right: 0;
        padding-right: 0;
    }

    .content-image {
        width: 100%;
        float: left;
        margin-top: 20px;
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
    }

    .content-image img {
        max-width: 400px;
        display: flex;
        flex-flow: row wrap;
        align-self: center;
    }


    /*SILDER*/
    .carousel-triangle {
        margin-top: 10px;
        margin-bottom: 0px;
    }

    .rslides_nav {
        margin-top: -53px;
    }

    .ccm-image-slider-text {
        padding: 15px;
    }

    .rs-slides,
    .rslides img {
        height: 410px;
    }
         .line {
             height: 65%;
             width: 100%;
             position: absolute;
             top: 170px;
             background-repeat: no-repeat;
         }
}

@media only screen and (max-width: 700px) {
    #banner-overlay h1 {
        font-size: 45px;
        line-height: 1.65;
        /*font-size: 25px;*/
        /*line-height: 1.52;*/
    }

    #banner-image {
        height: 270px;
    }

    #pagesloganbar {
        padding: 100px 0 80px 0;
    }

    #pagesloganbar-title {
        font-size: 23px;
        line-height: 50px;
    }

    #project {
        flex-wrap: wrap;
    }

    .project {
        width: 100%;
    }

    #klachtenform .form-group label {
        width: 100%;
        float: left;
    }

    #klachtenform .form-group input[type="text"],
    #klachtenform .form-group input[type="email"] {
        width: 100%;
        float: left;
    }

    .input-label {
        display: none;
    }

.col-xl-3.info-bewoners {
    width: 100%;
}
    
}
@media only screen and (min-width: 700px) and (max-width: 1200px){ 
#topbar-info {
    width: 120%;
    margin-left: -51px;
}
}




@media only screen and (max-width: 650px) {

    #topbar-logo {
        width: 100%;
        float: left;
        text-align: center;
    }

    #topbar-logo img {
        width: 120px;
    }

    #topbar-contact {
        width: 100%;
        float: left;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-around;
    }

    #topbar-info {
        margin-left: 0;
        margin-right: 0;
    }

    

    .topbar-right-item {
        margin: 0 10px;
    }

    #footer-content-wrap {
        display: flex;
        justify-content: center;
        width: 100%;
        float: left;
    }

    #footer-content-blocks {
        width: 280px;
    }

    .footer-content-block {
        width: 100%;
    }

    .footer-content-block:first-child>.footer-content-title {
        margin-top: 0;
    }

    .footer-content-title {
        margin-top: 40px;
    }

    .footer-content-text {
        margin-top: 15px;
    }

    .footer-content-block-last .footer-content-text {
        width: 100%;
    }

    #footer-logo {
        margin-top: 35px;
    }

    #klachtenform .form-group input[type="text"],
    #klachtenform .form-group input[type="email"],
    #klachtenform .form-group select {
        width: 100%;
    }
}

@media only screen and (max-width: 550px) {
    #project-detail-details .vraag-td {
        font-weight: bold;
    }

    #project-detail-downloads th {
        display: none;
    }

    #project-detail-downloads td {
        float: left;
        width: 100%;
    }

    #project-detail-details td {
        float: left;
        width: 100%;
    }

    #banner-overlay h1 {
        font-size: 24px;
        /*line-height: 1.52;*/
        line-height: 1.7;
    }

    #banner-image {
        height: 190px;
    }

    #pagesloganbar-title {
        font-size: 18px;
        line-height: 50px;
    }
}