﻿@media (max-width: 992px) {
    .sideinfo {
        margin-top: 55px;
        margin-bottom: 55px;
        padding: 0px;
    }
}

@media only screen and (max-width: 770px) {

    .block0-2 {
        background-color: #dcd4cc;
        color: white !important;
    }
    .block2-2 {
        background-color: #bfb7aa;
        color: white !important;
    }

    .destion-header-bg {
        max-width: 100% !important;
    }

    .headerMain {
        max-width: 100% !important;
    }

    .header-logo {
        max-width: 100%;
    }

    .navbar-collapse {
        padding-left: 23px;
        padding-right: 0px;
    }

    .container {
        padding-right: 16px;
        padding-left: 16px;
    }

    .container-fluid {
        padding-right: 0px;
        padding-left: 0px;
    }

    .block-space-right {
        margin-left: 0px;
    }

    h1 {
        font-size: 2.31em;
    }

    .dropdown-menu {
        position: static !important;
        background: #e6e2dd;
        text-align: left;
    }

    .columnblockwhole {
        padding: 20px;
    }

    .blockInfo {
        margin: 0px;
    }

    .sideinfo {
        margin-top: 55px;
        margin-bottom: 55px;
        padding: 0px;
    }

    .mijndestionLi {
        padding-top: 10px;
        padding-left: 0px;
    }

    .header {
        height: 100%;
        /*        background: transparent !important;
*/
    }

    .header-logo {
        background: white;
        width: 100% !important;
        text-align: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    .hamburger {
        padding-right: 0px;
        padding-top: 15px;
    }

    .header-full {
        background-color: transparent;
    }

    .g-py-10 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .rsbtn {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .subheaderText:after {
        content: '';
        font-size: 17px;
        position: absolute;
        border-right: 1px solid #806f54;
        border-bottom: 1px solid #806f54;
        width: 8px;
        height: 8px;
        top: calc(50% - 1px);
        right: 0px;
        transform: translateY(-50%) rotate(-45deg);
    }

    .subheader:before {
        content: none !important;
    }

    .pagelinks-mobile {
        display: block;
    }

    .header-mobile {
        display: none;
    }

    .top-header-search {
        overflow: inherit;
        white-space: nowrap;
    }

    .row {
        margin-right: 0px;
        margin-left: 0px;
    }

    .houseprice {
        position: relative;
    }

    .housinglist p {
        margin-top: 11px;
        margin-bottom: 1rem;
    }

    .arrow-down {
        display: none !important;
        background: #e6e2dd;
        border-bottom: 50px solid #e6e2dd;
    }

    .notShowMobile {
        display: none;
    }

    .dropdown-body {
        background: #e6e2dd;
        padding: 10px 30px 30px 30px;
    }

    .pagelinks {
        flex-wrap: nowrap;
    }

    .nieuwsTitle {
        padding: 0px !important;
    }

    .nieuwsblock {
        padding: 20px;
    }

    .footer-header-mobile {
        display: block !important;
    }

    .footer-header-desktop {
        display: none;
    }

    .row-topheader {
        margin-right: 0px;
        margin-left: 0px;
        flex-wrap: nowrap;
    }


    .logo {
        width: 180px !important;
        z-index: 10000;
        margin-left: 15px;
    }

    .dropdown {
        padding-left: 0px;
    }

    .nav-link {
        color: black;
    }

    .headerItemSection {
        margin-top: 10px;
    }

    ul li:before {
        content: '';
        position: absolute;
        border-right: 1px solid #806f54;
        border-bottom: 1px solid #806f54;
        width: 8px;
        height: 8px;
        top: calc(0% - -13px);
        left: -20px;
        transform: translateY(-50%) rotate(-45deg);
    }

    .header-nav {
        font-family: 'roboto';
        font-size: 20px;
        color: #594e3a !important;
        font-style: normal;
    }

    .iconbefore {
        font-size: 21px;
    }

    .icon {
        float: left;
        margin-top: 7px;
        color: white;
        height: 19px;
        width: 32px;
        margin-left: -5px;
    }

    .subheader {
        margin-left: 0px;
        color: black;
    }

    .g-pa-20 {
        padding: 0px !important;
    }

    .container-fluid {
        padding-right: 0px;
    }

    .dropdown {
        padding-left: 0px;
    }

    .dropdown-container {
        padding-left: 0px;
    }

        .dropdown-container .col-md-4 {
            padding-left: 0px;
            padding-right: 0px;
        }

    .mainheader {
        font-size: 15px;
        font-weight: 600;
    }

    .subheader {
        font-size: 15px;
    }

    .dropdowntext:after {
        display: inline-block;
        color: #6c757d;
        float: right;
        height: 7px;
        width: 7px;
        content: url('../icons/pijl-rechts-klein.svg') !important;
        margin-left: 10px;
    }

    .dropdowntextturn:after {
        display: inline-block;
        color: #6c757d;
        float: right;
        transform: rotate(90deg);
        margin-top: 15px;
        height: 7px;
        height: 7px;
        width: 7px;
        content: url('../icons/pijl-rechts-klein.svg') !important;
        margin-right: -13px;
    }

    .blockitems {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
    }

    .block-space img {
        vertical-align: middle;
        height: 30px;
        width: 30px;
        margin-top: 10px;
        margin-left: 0px;
        max-width: 100%;
        max-height: 100%;
        border-style: none;
    }

    .block-space {
        height: 100%;
        margin-bottom: 20px;
        padding: 31px;
        width: 100%;
        flex-direction: row;
    }

    .space {
        height: 70px;
    }

    .space-between {
        padding: 20px !important;
        padding-right: 0px;
        padding-left: 0px;
    }

    .buttonExtraHousInfo {
        bottom: 0;
        right: 0;
        position: relative;
        padding: 0px;
    }
}

@media (max-width: 506px) {
    .mobile-h-auto {
        height: auto;
    }
}