/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {


    .site .navbar-brand > img{
        height: 40px;
    }
    .site .productVisualText{
        padding: 0 30px;
    }
    .site .visual.contentVisual{
        height: 350px;
    }
    .site .mainmenu_centered > li > a.logo > img{
        max-height: 180px;
    }
    .site .mainmenu_centered > li > a.logo > img.logo_small{
        max-height: 140px;
    }

    .modal-lg {
        width: 1050px;
    }

}

/* Large devices (large desktops, 1200px and less) */
@media (max-width: 1200px) {

    .site .navbar-brand > img{
        height: 30px;
    }
}

/* Medium devices (desktops, between 992px and 1200px) */
@media (min-width: 992px) and (max-width: 1200px) {

    .mapsHeaderWrapper .mapsHeaderCol.last {
        padding-right:17px;
    }

    .site .visual.contentVisual{
        height: 350px;
    }
    .site .menu-toggle .menu-bars{
        margin-left: 10px;
    }
    .site .mainmenu_centered > li > a.logo > img{
        max-height: 160px;
    }
    .site .mainmenu_centered > li > a.logo > img.logo_small{
        max-height: 120px;
    }
    .site .mainmenu_centered > li button,
    .site .mainmenu_centered > li > a{
        font-size: 13px;
    }

    .site #carousel-homepage h2 {
        font-size:36px;
    }
}

@media (min-width: 992px){
    .site .mainmenu_centered > li{
        padding: 0 0;
        height: 50px;
        vertical-align: top;
        width: 14.285714285%;
        display: inline-block;
    }
    .site .mainmenu_centered > li button{
        display: block;
        width: 100%;
    }
    .site .mainmenu_centered > li button,
    .site .mainmenu_centered > li > a{
        line-height: 50px;
        position: relative;
        padding: 0 0 0 0;
        box-shadow: 0 0 0 !important;
        border-radius: 0 0 0 0 !important;
    }
    .site .mainmenu_centered > li > a.logo{
        height: 50px;
        position: relative;
        text-align: center;
    }
    .site .mainmenu_centered > li > a.logo > img{
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        top: -30px;
    }
    .site .mainmenu_centered > li .form-group{
        display: none;
    }

    .site #carousel-homepage h2 {
        font-size:34px;
    }
}

/* Small devices (tablets, 992px and less) */
@media (max-width: 992px) {
    .site #mainmenu.modal{
        right: 0;
        padding-left: 50%;
        bottom: 0;
        text-align: left;
    }
    .site #mainmenu.modal .modal-dialog{
        width: 100%;
        margin: 0;
        height: 100%;
    }
    .site #mainmenu.modal.fade .modal-dialog{
        -webkit-transform: translate(75%, 0%);
        -ms-transform: translate(75%, 0%);
        -o-transform: translate(75%, 0%);
        transform: translate(75%, 0%);
    }
    .site #mainmenu.modal.in .modal-dialog{
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .site #mainmenu.modal .modal-content{
        height: 100%;
        border-radius: 0 0 0 0;
    }
    .site #mainmenu.modal .modal-header{
        min-height: 80px;
        border-bottom: 1px solid rgba(0,0,0,0.25);
        z-index: 1;
        position: relative;
    }
    .site #mainmenu.modal .close{
        font-size: 30px;
    }
    .site #mainmenu.modal .modal-body{
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 80px 0 60px 0;
    }
    .site #mainmenu.modal .modal-body > .modal-inner{
        position: relative;
        height: 100%;
        display: block;
        width: 100%;
        overflow-y: auto;
    }
    .site #mainmenu.modal .main-menu > li {
        border-bottom: 1px solid rgba(0,0,0,0.2);
    }
    .site #mainmenu.modal .main-menu > li > a{
        padding: 15px 30px;
        font-size: 18px;
    }
    .site #mainmenu.modal .modal-body + .modal-footer{
        line-height: 60px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 0 30px;
        border-top: 1px solid rgba(0,0,0,0.25);
    }
    .site .btn-group-fixed{
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
        padding: 5px;
        background-color: rgba(255,255,255,0.85);
        border-top: 1px solid rgba(0,0,0,0.1);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
    .site .btn-group-fixed.fix_group{
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
    .site .btn-group-fixed .form-group{
        display: none;
    }
}

/* Small devices (tablets, between 769px and 992px) */
@media (min-width: 769px) and (max-width: 992px) {
    .site .productVisual{
        min-height: 400px;
    }
    .site .header .header_inner{
        text-align: left;
    }
    .site .header .header_inner > .logo > img {
        max-height: 120px;
    }
    /*
    .site .visual.carousel .sliderBg,
    .site .visual{
         height: 400px;
    }
    .site .visual.contentVisual{
        height: 250px;
    }
    */
    .site .navigation-bar nav > .nav > li a.tablink{
        font-size: 15px;
    }
    .site #map_canvas{
        height: 400px !important;
    }
    .project-container.plaatsen > .row > div + div + div {
        display: none;
    }

}

@media (min-width: 769px){
    .site .header .header-container .btn-toggle:before{
        content: "Menu";
        margin-right: 5px;
    }
    .site .header .header-container .btn-dropdown:before{
        margin-right: 5px;
    }
    .site .containerVisual{
        position: relative;
    }
    .site .containerVisual:before{
        position: absolute;
        left: 50%;
        top: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(255,255,255,0.75);
        content: " ";
        display: block;
    }
    .site .newsBlock.newsBlock_big{
        height: 250px;
    }
    /*.site .productVisual{
        background-image: none !important;
    }*/

    .site .btn-group-soc {
        margin-right: -30px;
    }
    .site .btn-group-soc {
        padding-top:60px;
    }
}

/* Extra small devices (phones, less than 769px) */
@media (max-width: 769px) {

    .contact_inputs .col-sm-1,
    .contact_inputs .col-sm-2,
    .contact_inputs .col-sm-3,
    .contact_inputs .col-sm-4,
    .contact_inputs .col-sm-5,
    .contact_inputs .col-sm-6,
    .contact_inputs .col-sm-7,
    .contact_inputs .col-sm-8,
    .contact_inputs .col-sm-9,
    .contact_inputs .col-sm-10,
    .contact_inputs .col-sm-11,
    .contact_inputs .col-sm-12
    {
        padding-left:0 !important;
        padding-right:0 !important;
        margin-bottom:15px;
    }

    .site .contact_inputs .form-group {
        margin-bottom:0;
    }

    .site .navbar-brand > img{
        max-height: 100px;
        align:center;
    }


    .site .header .header_inner {
        text-align: left;
        z-index: 0;
        position: absolute;
        left: 15px;
        right: 15px;
        top: 100%;
        -webkit-transform: translateY(-25%);
        -moz-transform: translateY(-25%);
        -ms-transform: translateY(-25%);
        -o-transform: translateY(-25%);
        transform: translateY(-25%);
    }
    .site .productVisual{
        height:150px;
    }
    .visual-newsletter-container .visual-newsletter {margin-top:160px;}
    .inner-content div#carousel-homepage.carousel.slide.visual div.visual-container {top:160px;}
    /*#carousel-homepage.carousel.slide.visual .carousel-inner .item.active .fill {height:150px !important;margin-bottom:470px;}*/

    .site .navigation-bar .btn-collapser {
        line-height: 65px;
        padding: 0;
        font-size: 18px;
    }

    .site .productVisualText{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .site .visual-block{
        position: relative;
    }
    .site .visual-block:after,
    .site .visual-block:before{
        content: " ";
        display: table;
    }
    .site .visual-block:after{
        clear: both;
    }
    .site h1, .site .h1                         {font-size: 28px;}
    .site h1 + .subtitle, .site .h1 + .subtitle {font-size: 18px;}
    .site h2, .site .h2                         {font-size: 24px;}
    .site h2 + .subtitle, .site .h2 + .subtitle {font-size: 16px;}
    .site h3, .site .h3                         {font-size: 20px;}
    .site h3 + .subtitle, .site .h3 + .subtitle {font-size: 16px;}
    .site h4, .site .h4                         {font-size: 18px;}
    .site h4 + .subtitle, .site .h4 + .subtitle {font-size: 16px;}
    .site h5, .site .h5                         {font-size: 16px;}
    .site h5 + .subtitle, .site .h5 + .subtitle {font-size: 14px;}
    .site h6, .site .h6                         {font-size: 14px;}
    .site h6 + .subtitle, .site .h6 + .subtitle {font-size: 12px;}

    .site .visual .visual-text > h1 {font-size: 32px;}

    .site .btn-fav:after {
        content: " Bewaren als favoriet";
    }
    .site .btn-fav.favorite:after{
        content: " Favoriet";
    }
    .site #mainmenu.modal {
        padding-left: 30px;
    }
    .site .containerVisual{
        background-image: none !important;
    }
    .site #map_canvas{
        height: 350px !important;
    }
    .site .menuModal.modal .modal-dialog{
        width: 100%;
    }
    .site .menuModal.modal .modal-dialog .modal-header{
        padding: 0 15px;
    }

    .site .menuModal.modal .modal-dialog .modal-body .main-menu > li > a{
        font-size: 16px;
        padding: 15px 15px;
    }
    .site .visual .nav-tabs > li{
        max-width: 25%;
    }
    .site .visual .nav-tabs > li > a{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 12px;
        padding: 10px;
        margin-top: 0;
    }
    .site .visual-block{
        position: relative;
    }
    .site .visual-block:after,
    .site .visual-block:before{
        content: " ";
        display: table;
    }
    .site .visual-block:after{
        clear: both;
    }
    .site .tab-content{
        padding: 15px;
    }
    .site .project-container.plaatsen > .row > div + div + div{
        display: none;
    }
    .site .productVisualText{
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .site .navigation-bar.fixed{
        position: absolute;
        top: auto;
    }
    .site .navigation-bar.fixed_mob{
        position: fixed;
        top: 0;
    }
    .site .newsBlock_img{
        margin-bottom: 30px;
    }

    .site form.filter-group-horizontal .collapse, .site form.filter-group-horizontal .collapsing {
        position: relative;
        max-height: 250px;
        overflow: auto;
        margin-bottom: 0;
    }

    .site .btn-group-soc {
        padding-top:15px;
        padding-bottom:15px;
    }

    .topbar-search .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .topbar-search .navbar-form .form-group {
        display:inline-block;
    }

    .topbar-search .search {width:300px; }
    .topbar-search .search input { width:250px; }
}

/* SExtra small devices (phones, between 480px and 769px) */
@media (min-width: 480px) and (max-width: 769px) {

    .site .visual.contentVisual{
        height: 200px;
    }
}

/* Extra small devices (phones, less than 480px) */
@media (max-width: 480px) {

    .site .col-xs-switch{
        width: 100%;
        float: none;
    }
    .site .productVisual.matchheight-sm {
        /*height: 165px !important;*/
        margin-bottom: 0px;

    }
    .site .projectVisual.matchheight-sm {
        /*margin-bottom: 452px;*/
    }
    .site .visual.contentVisual{
        height: 100px;
    }
    .site .visual .visual-text > h1 {
        font-size: 20px;
        text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
    }

    .site header .navbar-nav > li.open{
        position: inherit;
    }
    .site header .navbar-nav > li > .dropdown-menu{
        min-width: 0;
        left: 0;
    }

}


/*Domein CSS*/



/* Large devices (large desktops, 1200px and less) */
@media (max-width: 1200px) {

    .site .navbar-brand > img{
        height: 40px;
    }
    .site .navbar .navbar-brand{
        height: 60px;
        padding: 5px;
    }

}

/* Medium devices (desktops, between 992px and 1200px) */
@media (min-width: 992px) and (max-width: 1200px) {


}

/* Small devices (tablets, between 769px and 992px) */
@media (min-width: 769px) and (max-width: 992px) {

}

/* Extra small devices (phones, less than 769px) */
@media (max-width: 769px) {

    /*.site .btn,
    .site .btn-lg{
        font-size: 14px;
        padding: 7px 10px;
    }*/
    .site .visual-block{
        position: relative;
    }
    .site .visual-block:after,
    .site .visual-block:before{
        content: " ";
        display: table;
    }
    .site .visual-block:after{
        clear: both;
    }
    .site div[class*="col-sm"].matchheight:not(.col-xs-switch){
        height: auto !important;
    }
    .site .visual.productVisual{
        height: 250px;
        min-height: 250px;
        width: 100%;
    }
    .site .productVisualText{
        height: auto !important;
    }
    .site .productVisualText .h2,
    .site .productVisualText h2{
        font-size: 18px;
    }
    .site .productVisualText .bar{
        margin: 0 0 !important;
        padding: 15px;
    }


    .site .sticky-container .block{
        padding: 15px !important;
        margin: 0 0 !important;
    }
    .site .navigation-bar .sticky-container{
        position: fixed;
        top: auto !important;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        margin-top: 0;
        height: auto;
        -webkit-transform: translateY(100%);
        -moz-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }

    .site .navigation-bar .sticky-container img{
        display: block;
        margin: 0 auto;
    }

    .site .navigation-bar .sticky-container-wonen {
        height:70px;
        overflow:hidden;
    }

    #call + .sticky-container-wonen {
        height:120px;

    }


    .site .navigation-bar .sticky-container > .container,
    .site .navigation-bar .sticky-container > .container > .row{
        height: auto;
        padding: 0 0
    }
    .site .navigation-bar.fixed_mob .sticky-container{
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
    .site .navigation-bar .sticky-container .makelaarButtons{
        padding: 15px;
    }
    .site .navigation-bar .sticky-container .makelaarButtons > .btn{
        margin-bottom: 0 !important;
    }
    .site .footer .container > span.footlink + span.footlink:before {
        display: none;
    }

    .xs .navbar-form-search {
        top: -88px;
        z-index: 1;
        right: 147px;
    }
    .xs .search-form-container {left:-60px !important;}
    .search #searchResults {width: 92%;right: -110px;}
}

/* SExtra small devices (phones, between 480px and 769px) */
@media (min-width: 480px) and (max-width: 769px) {

    .site .navigation-bar .sticky-container .makelaarButtons > .btn{
        width: 32%;
        display: inline-block;
    }
    .site .navigation-bar .sticky-container .makelaarButtons > .btn + .modal + .btn{
        margin-left: 1.2%;
    }

}

/* Extra small devices (phones, less than 480px) */
@media (max-width: 480px) {

    .site .col-xs-switch{
        width: 100%;
        float: none;
    }
    .site .navigation-bar .sticky-container .makelaarButtons > .btn{
        display: none;
    }
    .site .navigation-bar .sticky-container .makelaarButtons > .btn + .modal + .btn + .modal + .btn{
        display: block;
    }
    .site .navbar-brand > h1{
        display: none;
    }

    /* Header image kleiner voor mobiel
    .site #carousel-homepage .fill {height:120px !important;}
    .carousel-inner {margin-bottom:450px;}
    #carousel-homepage.carousel.slide a.visual-scroll-down {display:none;}
    */
}