@media (min-width: 769px) {

    .site .two-column {
        clear: both;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;
    }

    .site header > .topbar > .navbar-left .backlink {
        left: -15px;
    }

    .site .overlap-column{
        margin-left: -16.6666666%;
        margin-top:45px;
        margin-bottom:45px;
        padding:45px;
        z-index:2;
        background-color:#FFFFFF;
    }

    .prev-slide.aanbod {
        left: -100px;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
    }
    .next-slide.aanbod {
        right: -100px;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
    }

    .bar:hover .prev-slide.aanbod {
        left: 0px;
    }

    .bar:hover .next-slide.aanbod {
        right: 0px;
    }

    /* lightgallery imageplayer full screen */
    body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
        padding-bottom: 100px;
    }
}

@media (min-width:992px){

    .bar .textblock.top-left {
        padding: 90px 100px 50px;
    }

    .site header > .topbar > .navbar-right > li > a.usericon {
        min-width: 230px;
    }

    .hover-teamdescription {
        margin-bottom: -356px ;
    }


    .site .modal-popup-height {
        margin-bottom:480px;
    }


    .site header .navbar-nav > li > .usermenu {
        margin-left:56px;
    }


}

@media (min-width: 1500px) {

    .bar .textblock.top-left {
        padding: 90px 300px 50px;
    }
}

@media (min-width: 1200px) {

    .bar .textblock.top-left {
        padding: 90px 400px 50px;
    }

    .hover-teamdescription {
        margin-bottom: -290px
    }

    .configurator {
        margin-top: -150px;
    }

    .site header {
        position: fixed;
    }

    .site #content {
        padding-top: 150px;
    }

    .site header.shrink .topbar {
        display: none;
    }

    .site header.shrink .navbar-brand img {
        height: 40px;
    }

    .site header > .topbar > .navbar-left {
        margin-left: 15px;
    }

    .site header > .topbar > .navbar-right > .loginmenu-wrapper > li > a.btn,
    .site header > .topbar > .navbar-right > li > a.btn {
        padding: 14px 30px;
    }

    .site header > .topbar > .nav > li > a.btn-subscribe {
        padding-left: 30px;
        padding-right: 30px;
    }

    .site header > .topbar > .navbar-left .backlink {
        left: -30px;
    }

    .modal-lg {
        width: 1050px;
    }
    .site .video-header .embed-container .header-video{
        margin-top:-100px;
    }
}

@media (min-width: 480px) and (max-width:992px){
    .site header .navbar-nav > li > .usermenu {
        margin-left: -215px;
    }
}




@media (min-width: 480px) {
    /* dropdown on hover  in het hoofdmenu*/
    .site header > .navbar > .nav > li:hover .dropdown-menu {
        display: block;
    }

}


@media (max-width: 769px){
    .map-controls .map-popup {
        display:none;
        width:100%;
        padding:0;
        position: absolute;
        bottom:0;
        top:inherit;
        left:0;
        right:0;
        -webkit-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
        -moz-box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
        box-shadow: 0px 0px 10px 1px rgba(153,153,153,1);
        background:#FFFFFF;
    }

    .map-controls .map-popup .close-popup {
        position: absolute;
        right: 10px;
        top: 10px;
        padding:10px;
        -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,1);
        -moz-box-shadow: 0px 0px 10px 1px rgba(00,0,0,1);
        box-shadow: 0px 0px 10px 1px rgba(0,0,0,1);

    }

    .site .visual > .visual-container .block {
        padding: 20px 20px;
    }

    .zoek-banner .btn-primary {
        width: auto;
    }

    .navigation-bar li:first-child {
        display: none;
    }

    .bar .textblock {
        width: 100%;
    }

    .text-team {
        left: 0 !important;
    }

    .site .filter-group .display-slider .filter {
        padding-left: 20px;
        padding-right: 20px;
    }

    .site .filter-group .filter-handle-label-right {
        text-align: left;
        margin-left: 0px;
    }

    .btn-responsive span {
        display: none;
    }

    .btn-responsive::after {
        content: 'Stel hier samen';
    }

    .bottom-bar-media-wrapper {
        display: flex;
    }

    .media-icon {
        margin-left: 10px;
    }

    .img-felicitatie {
        height: 100%;
    }

    .videoPreview {
        height: 285px;
    }

    .kenmerken-large-icon {
        text-align: center;
    }

    .site .partner-logo {
        margin-left: 12px;
        margin-right: 0px;
    }

    .my-controls-btns {
        background-color:transparent;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
}

@media (max-width:992px) {

    .text-team {
        position: relative;
        /* bottom: 0; */
        background-color: transparent;
        width: auto;
        padding: 15px;
        overflow: visible;
        left: 15px;
    }

    .site .productVisual {
        margin-top: -35px;
        height: 300px;
    }

    .hover-teamdescription {
        margin-bottom: 0
    }


    .site header > .topbar > .navbar-right > li > a.usericon {
        width: 75px;
    }

    .configurator-bg-home {
        background-image: url('https://stonepro.s3.eu-central-1.amazonaws.com/media/common/images/detail-achtergrond-compressor.jpg');
        background-size: cover;
    }

    .configurator-center {
        text-align: center;
    }

    .contact-container {
        margin-top: 0;
        padding-left: 15px;
    }

    .bottom-bar-media-wrapper {
        text-align: center;
    }

    .site .modal-popup-height {
        margin-bottom: 230px;
    }

    .site .regio-items .regio-item .regio-image:before,
    .site .regio-items .regio-item .regio-image:after {
        border: 0 !important;
    }

    .site .regio-items .regio-item .regio-info {
        display: none !important;
    }

    .site .regio-items .regio-item .regio-image {
        width: 100% !important;
        margin-bottom: 30px !important;
    }

    .site .regio-image .regio-image-hover {
        opacity: 1 !important;
    }

    #carousel-makelaar .item {
        padding-left:20px;
        padding-right:20px;
    }
    #carousel-makelaar .left {
        margin-left:10px;
    }

    #carousel-makelaar .right{
        margin-right:30px;
    }

    .nav-sticker {
        right: 15px;
    }

}


@media (max-width:1200px){

    .mapsWrapper {
        display:block;
    }

    .maps-hide {
        display:block;
    }


    .checkboxTile.roomview label{
        left:0
    }


    .site .header-regio-detail > .visual-container.visual-container-right {
        padding: 0 !important;
        top: 30%;
        text-align: center !important;
    }
    .bg-regio-detail {
        height: 350px !important;
    }


    .site header > .navbar{
        height:100px;
    }
    .banner-styl-hover .bannerImg {
        height: 152px !important;
    }
    .site .productVisual {
        margin-top: 0px;
        height: 560px;
    }

    /*
    .site header.shrink .navbar  {
        display:none;
    }
    */
    #kenmerken h4 {
        font-size:20px !important;
    }



    .site .voorziening-item .voorziening-image {
        width: 20%;
    }

    .site .voorziening-item .voorziening-info {
        width: 80%;
    }

    .site .menuModal .modal-body {
        padding: 0 0 60px 0;
        position: absolute;
        overflow-y: auto;
        bottom: 0;
        top: 61px;
        left: 0;
        right: 0;
    }

    .site .menuModal .modal-body > .modal-inner {
        position: relative;
        height: 100%;
        display: block;
        width: 100%;
        overflow-y: auto;
    }
    .site header .dropdown-menu {
        position: relative;
        float: none;
        box-shadow: none;
    }

    .site header .dropdown-menu > li > a {
        padding: 15px 30px;
    }

    .site header .dropdown-menu > li > a:before {
        content: "\f101";
        font-family: FontAwesome;
        margin-right: 10px;
    }


}


@media (min-width:1200px) AND (max-width:1300px){
    .site header > .navbar > .nav > li a {
        padding-left: 14px;
        padding-right: 14px;
    }
}
@media (max-width: 760px) {
    .site #call {
        display: block;
    }
}


@media (min-width:992px) AND (max-width:1200px) {
    .col-md-3 .team-container .team-img{
        width: 212px;
        height: 212px;
        min-height: 212px;
        margin-bottom: -106px;
    }
}

@media (max-width: 480px){
    .btn {
        white-space: initial;
    }
    .site .kenmerken li {
        width:100%;
    }
    .site .kenmerken .fa {
        width:40px;
    }

    #kenmerken h4 {
        font-size: 16px !important;
    }
    .font-size-45 {
        font-size: 35px !important;
    }

    .site h2, .site .h2 {
        font-size: 25px !important;
    }

    .project-container .btn-project, .site .btn-font2 {
        font-size: 16px !important;
    }
    .bar .textblock .content {
        width: 210px;
    }
}


@media (min-width:1600px)  {

    .site .visual > .visual-container {
        top: 190px;
    }
    .site .container-xl {
        width:1600px;
    }

    .site .container-xxl {
        width:100%;
        padding-left:30px;
        padding-right:30px;
        margin:0 -15px;
    }

    .col-xl-12 {
        width: 100%;
    }
    .col-xl-11 {
        width: 91.66666667%;
    }
    .col-xl-10 {
        width: 83.33333333%;
    }
    .col-xl-9 {
        width: 75%;
    }
    .col-xl-8 {
        width: 66.66666667%;
    }
    .col-xl-7 {
        width: 58.33333333%;
    }
    .col-xl-6 {
        width: 50%;
    }
    .col-xl-5 {
        width: 41.66666667%;
    }
    .col-xl-4 {
        width: 33.33333333%;
    }
    .col-xl-3 {
        width: 25%;
    }
    .col-xl-2 {
        width: 16.66666667%;
    }
    .col-xl-1 {
        width: 8.33333333%;
    }

    .visible-xl {
        display:block!important;
    }

    .hidden-xl {
        display:none!important;
    }

}

@media (min-width:1921px) {
    .site .container-xxl {
        width:1900px;
    }
}


@media (min-width:760px) AND (max-width:992px) {
    .bar .textblock.top-right {
        padding: 90px 60px;
    }

    .bar .textblock .content {
        width: 230px;
    }
}