/* ==========================================================================
   Medium devices (desktops)
   ========================================================================== */

@media (max-width: 959px) {

    .nav-collapse { display: none;} 

    /* header */
    .header .inner { width: auto;}

    /* banner-home */
    .banner-home {
        height: auto;
        min-height: 418px;
        padding-bottom: 30px;
    }
    .banner-home .overlay { display: none;}
    .banner-home .search {
        width: auto;
        height: auto;
        margin-left: 10px;
        margin-right: 10px;
        background: #fff;
    }
    .banner-home .search .txt {
        float: none;
        width: auto;
        height: auto;
        padding: 15px;
        background-color: #7ea629;
        border-radius: 3px 3px 0 0;
        font-size: 24px;
        line-height: normal;
    }
    .banner-home .search .form {
        float: none;
        width: auto;
        height: auto;
        margin: 10px;
    }
    .banner-home .search .form .triangle { display: none;}
    .banner-home .search #tabs { margin-bottom: 20px;}
    .banner-home .search .form ul.tabs {
        display: flex;
        flex-wrap: wrap;
        width: auto;
        height: auto;
    }
    .banner-home .search .form ul.tabs li { float: none; height: 29px;} 
    .banner-home .search .form h3 {
        float: none;
        width: auto;
    }
    .banner-home .search .form ul.row {
        display: flex;
        flex-wrap: wrap;
        float: none;
        width: auto;
        height: auto;
    }
    .banner-home .search .form ul.row li {
        float: none;
        width: auto;
        min-width: 200px;
        height: auto;
        margin: 0 10px 10px 0;
    }
    .banner-home .search .form .type { 
        float: none;
        width: auto;
    }
    .banner-home .search .form .plaatsen {
        display: flex;
        flex-wrap: wrap;
    }
    .banner-home .search .form .plaatsen li.name {
        width: auto;
        margin-right: 10px;
    }
    .banner-home .search .form .plaatsen li.radius { width: auto;}
    .banner-home .search .form input,
    .banner-home .search .form select {
        float: none;
        width: auto;
    }
    .banner-home .search .form .plaatsen li input[type="text"] { width: auto;}
    .banner-home .search .form input[type="submit"] { bottom: -10px;}
    .banner-home .search .form .btn {
        position: static;
        display: inline-block;
    }

    /* content */
    .content { width: auto;}

    /* content-sidebar */
    .content-sidebar section {
        float: none;
        width: auto;
    }
    .content-sidebar aside {
        margin-top: 20px;
        margin-left: 0;
    }

    /* aside */
    aside {
        float: none;
        width: auto;
        margin: 0 0 30px 0;
    }
    .home aside .offer {
        width: auto;
        border-right: none;
        border-bottom: 1px solid #b3b1ab;
    }
    .home aside .offer .item { 
        float: none;
        width: auto;
    }

    /* detail */
    .detail section { float: none;}
    .detail aside .images { margin-bottom: 15px;}
    .detail aside .images br { display: none;}
    .detail aside .images .image {
        float: left;
        width: 49%;
        margin: 0 1% 10px 0;
    }
    .detail aside .images .image img {
        display: block;
        max-width: 100%;
        width: auto;
        height: auto;
    }

    /* home */
    .home section.map {
        float: none;
        width: auto;
}

    /* footer */
    .footer .inner {
        width: auto;
        height: auto;
    }

}


/* ==========================================================================
    Small devices (tablets)
    ========================================================================== */

@media (max-width: 767px) {

    /* header */
    .logo { margin: 25px 0;}
    .nav-toggle { margin-top: 50px;}

    /* map */
    .map, .map-perceel { width: auto !important;}

    /* detail */
    .detail section table { width: auto;}

    /* footer */
    .footer .inner .column {
        width: auto !important;
        height: auto;
        padding-right: 30px !important;
    }

}


/* ==========================================================================
    Extra small devices (phones)
    ========================================================================== */

@media (max-width: 575px) {

   /* header */
    .logo { width: 200px;}

    /* banner-home */
    .banner-home .search .txt { font-size: 18px;}
    .banner-home .search .form { padding-bottom: 50px;}
    .banner-home .search .form ul.tabs li { width: auto;} 

    /* news-item */
    .news-item .image {
        float: none;
        width: auto;
        height: auto;
    }
    .news-item .description { margin-left: 0;}

    /* detail */
    .detail section table tr td { padding: 5px 10px;}

    /* footer */
    .footer .inner .column {
        float: none;
        border: none !important;
        padding: 0 !important;
    }

    /* contact_tpl */
    table tr td { display: block;}

}