@media (min-width: 320px) {
    .search-zip-code--auto-width {
        width: 175px;
    }

    .search-zip-code--auto-width-only-home {
        width: auto;
        height: auto !important;
    }

    .overpass-tablet-30 {
        font-size: 26px
    }

    .overpass-tablet-20 {
        font-size: 18px
    }

    .overpass-tablet-22 {
        font-size: 20px
    }

    .overpass-tablet-35 {
        font-size: 33px
    }

    .container {
        max-width: 100%;
    }

    header .logo {
        width: 180px;
    }

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

    header {
        height: 65px;
    }

    .intro-container-home-page, .home-page-blocks, .contact-block {
        padding: 0px;
    }

    .blcok-for-map {
        padding: 0px 0px 200px;
    }

    .intro-container-home-page {
        height: 590px;
        overflow: inherit;
    }

    .find-us-block {
        padding-bottom: 147px;
    }

    .blue-box {
        margin-top: -129px;
    }

    .display-none-footer {
        display: none
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .list-financial-left {
        width: 100%;
        height: 100%;
    }

    .left-border {
        border-left: 0px;
    }

    .white-rec-financial {
        width: auto;
        height: auto;
        border: 12px solid #C6D6E7;
        background-color: #FFFFFF;
        /* margin-bottom: 150px;*/
        text-align: center;
        padding: 0;
    }

    .white-rec-financial img {
        width: 100%;
    }

    .col-20 {
        width: 15%;
    }

    .row .advisor-input-container:last-child {
        margin: 0px;
        padding-right: 0px;
    }

    .row .advisor-input-container {
        margin-bottom: 9px;
        margin-right: 0px;
        width: 100%;
    }

    .advisor-search-title {
        text-align: center !important;
    }

    .advisor-results-rectangle {
        margin-top: -2px
    }

    .request-financing {
        margin-left: -18px;
    }

    .advisor-search-per-town {
        padding: 20px 35px;
    }

    .marge-top-156 {
        margin-top: 60px;
    }

    .bg-color-blue {
        background: linear-gradient(180deg, #2A255B 0%, #2E4A79 100%);
        overflow: hidden;
        height: auto;
    }

    .pos-search-group {
        max-width: 90% !important;
        bottom: 0;
        position: relative;
        margin-top: 170px;
        margin-left: inherit !important;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .object-collapsed .search-container-group {
        background-color: #539EA5;
        padding: 21px 0px;
    }
}

@media (min-width: 320px) {
    footer {
        padding: 26px 0px 60px;
    }

    .flex-to-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .f-s-xs-26 {
        font-size: 26px;
    }

    .f-s-xs-22 {
        font-size: 22px !important;
    }

    .p-bottom-xs-147px {
        padding-bottom: 147px;
    }

    .p-bottom-xs-150px {
        padding-bottom: 150px;
    }

    .main-container {
        top: 0px !important;
    }
}


@media (min-width: 500px) {
    .d-ssm-block {
        display: block !important;
    }

    .d-ssm-none {
        display: none !important;
    }
}

@media (min-width: 576px) {
    .h-sm-75px {
        height: 75px;
    }

    .h-sm-65px {
        height: 65px;
    }
}

@media (min-width: 576px) and (max-width: 600px) {
    .pos-0-0-0--100px {
        left: -15px;
    }
}

@media (min-width: 768px) {
    .m-w-md-350px {
        max-width: 350px;
    }

    .text-md-left {
        text-align: left !important
    }

    .margin-top-md-50px {
        margin-top: 50px
    }

    .w-sm-125px {
        width: 125px;
    }

    .width-md-auto {
        width: auto
    }

    .flex-md-row {
        ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .overflow-md-hidden {
        overflow: hidden;
    }

    .group-select-default {
        width: auto;
    }

    .green-circle-medium {
        height: 350px;
        width: 350px;
    }

    .group-select-default .input-group > .input-group-append > .btn {
        border: 2px solid #FFF !important;
    }

    .group-select-default .input-group > .input-group-append > .btn.border-0 {
        border: 0 !important;
    }

    .margin-top-mobile-10 {
        margin-top: 10px;
    }

    .find-us-block {
        padding-bottom: 0px;
    }

    .display-none-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .intro-container-home-page {
        height: 645px;
        overflow: hidden;
    }

    .intro-container-finance-page {
        height: 550px;
        overflow: hidden;
    }

    .intro-container-financial-page {
        height: 60px;
        overflow: hidden;
    }

    .display-none {
        display: flex !important;
    }

    .intro-container-home-page, .home-page-blocks, .contact-block, header, .default-component {
        padding: 0 50px;
    }

    .blcok-for-map {
        padding: 0 50px 200px;
    }

    footer {
        padding: 60px 50px;
    }

    .container {
        max-width: 100%;
    }

    .navbar-container .nav-item {
        margin: 0;
        font-size: 16px;
        padding: 13px 14px 16px;
        position: relative;
        cursor: pointer;
        z-index: 10;
    }

    .navbar-container {
        margin-left: -16px;
    }

    header .logo {
        width: 180px;
    }

    header {
        height: auto;
    }

    .main-container {
        top: 130px;
    }

    .h-part-top {
        height: 75px
    }

    .overpass-tablet-30 {
        font-size: 30px
    }

    .overpass-tablet-20 {
        font-size: 20px
    }

    .overpass-tablet-22 {
        font-size: 22px
    }

    .overpass-tablet-35 {
        font-size: 35px
    }

    .circle-brand-light {
        height: 350px;
        width: 350px;
        bottom: -120px;
    }

    .circle-brand {
        margin-right: -63px;
    }

    .flex-to-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .search-zip-code--auto-width {
        width: 175px;
    }

    .search-zip-code--auto-width:first-child {
        margin-bottom: 10px;
    }

    .circle-brand-blue-footer, .circle-brand-green-footer {
        right: 74px;
    }

    .p-md-0-50px {
        padding: 0 50px
    }

    header {
        height: auto;
    }

    .d-lg-none-imporant {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    /*.pos-0-0-0--100px {
		left: -114px;
	} */
}

@media (min-width: 768px) and (max-width: 1300px) and (max-height: 900px) {
    .modal-opened {
        overflow: auto;
    }

    .evaluate-moadal-container {
        position: static !important;
    }

    .proportional-width {
        width: 80%;
        position: relative;
        top: -50%;
        max-width: inherit;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .responsive-certificat-content .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
}

@media (min-width: 768px) {
    .col-md-4033 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40.333333%;
        flex: 0 0 40.333333%;
        max-width: 40.333333%;
    }

    .m-w-md-280px {
        max-width: 280px;
    }

    .pos-md-0-_11-0-0px {
        right: -11px;
    }

    .margin-right-md-10px {
        margin-right: 10px;
    }

    .margin-right-sm-63px {
        margin-right: -63px;
    }

    .h-md-103px {
        height: 103px;
    }

    .pos-sm-73-0-0px {
        right: 73px;
    }

    .cirlce-md-350px {
        height: 350px;
        width: 350px;
    }

    .pos-md-0-0-120-0 {
        bottom: 120px;
    }

    .pos-md-60-0-0-0 {
        position: relative;
        top: -60px;
    }

    .f-s-sm-35px {
        font-size: 35px;
    }

    .p-bottom-sm-0 {
        padding-bottom: 0px
    }

    .w-md-240px {
        width: 240px
    }

    .f-s-sm-30 {
        font-size: 30px;
    }

    .f-s-sm-35px {
        font-size: 35px;
    }

    .p-bottom-sm-0 {
        padding-bottom: 0px
    }

    .w-md-240px {
        width: 240px
    }

    .f-s-sm-30 {
        font-size: 30px;
    }

    .h-md-60px {
        height: 60px;
    }

}

@media (min-width: 992px) {
    .container {
        max-width: 100%;
    }

    .intro-container-home-page, .home-page-blocks, .contact-block, header, .default-component {
        padding: 0 50px;
    }

    .blcok-for-map {
        padding: 0 50px 200px;
    }

    footer {
        padding: 60px 50px;
    }

    .navbar-container .nav-item {
        margin: 0 14px 0 0;
        font-size: 20px;
        line-height: 17px;
        padding: 13px 19px 28px;
    }

    .navbar-container {
        margin-left: -19px;
    }

    header .logo {
        width: 240px;
    }

    .main-container {
        top: initial;
    }

    .h-part-top {
        height: 103px
    }

    .circle-brand-light {
        height: 415px;
        width: 415px;
        bottom: -247px;
        right: 103px;
    }

    .circle-brand-light-2 {
        height: 415px;
        width: 415px;
        bottom: -145px;
    }

    .circle-brand-light-3 {
        height: 415px;
        width: 415px;
        bottom: -381px;
        right: 103px;
    }

    .circle-brand-light-4 {
        height: 415px;
        width: 415px;
        bottom: -373px;
        right: 103px;
    }

    .pink-circle {
        bottom: -51px;
    }

    .circle-brand {
        margin-right: 83px;
    }

    .circle-brand-orange {
        margin-right: 83px;
    }

    .overpass-34 {
        font-size: 34px;
    }

    .overpass-24 {
        font-size: 24px;
    }

    .overpass-50 {
        font-size: 50px;
    }

    .flex-to-column {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .search-zip-code--auto-width {
        width: auto;
    }

    .margin-right-15 .search-zip-code--auto-width:first-child {
        position: relative;
        top: 10px;
    }

    .search-zip-code--auto-width:first-child {
        margin-bottom: 0px;
    }

    .circle-brand-blue-footer, .circle-brand-green-footer {
        right: 226px;
    }

    .intro-container-credit-page-img {
        position: absolute;
        left: 20px;
        top: 68px;
    }

    .intro-container-credit-page h4 {
        position: absolute;
        top: 60px;
        left: 356px;
        font-size: 33px;
        color: #FFFFFF;
        z-index: 1;
    }
}

@media (min-width: 992px) {
    .w-lg-100 {
        width: 100%
    }

    .margin-md-bottom-30px {
        margin-bottom: 30px;
    }

    .pos-md-0-226-0-0px {
        right: 226px !important;
    }

    .cirlce-415px {
        height: 415px !important;
        width: 415px !important;
    }

    .pos-md-0-103-373-0px {
        bottom: -373px;
        right: 103px;
    }

    .pos-md-60-0-0-356px {
        top: 60px;
        left: 356px;
    }

    .pos-md-68-0-0-20px {
        left: 20px;
        top: 68px;
    }
}

@media (min-width: 1300px) {
    .p-xl-40-190px {
        padding: 40px 190px;
    }

    .evaluate-moadal-container-main-text {
        width: 50%;
        margin: 0 auto;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .display-1300-block {
        display: block !important
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }

    .intro-container-home-page, .home-page-blocks, .contact-block, header {
        padding: 0 120px;
    }

    .blcok-for-map {
        padding: 0 120px 200px;
    }

    footer {
        padding: 60px 120px;
    }

    .navbar-container .nav-item {
        margin: 0 26px 0 0;
    }

    /*New Css Convention*/
    .p-xl-0-120px {
        padding: 0 120px
    }

    .pos-xl-38-0-0-0 {
        top: 38px;
    }
}

@media (min-width: 1200px) {
    .pos-lg-0-103-0-0px {
        right: 103px;
    }

    .p-0-120px {
        padding: 0 120px;
    }

    /*New Css Convention*/
    .p-xl-0-120px {
        padding: 0 120px
    }
}

@media (min-width: 1367px) {
    .radio-evaluate-block {
        margin-top: 20px !important;
        margin-right: 60px !important;
    }
}

@media (min-width: 1380px) {
}

@media (min-width: 1500px) {
    .intro-container-credit-page-img {
        position: absolute;
        left: 20px;
        top: 70px;
    }

    .intro-container-credit-page h4 {
        position: absolute;
        top: 60px;
        left: 616px;
        font-size: 33px;
        color: #FFFFFF;
        z-index: 1;
    }
}

@media (min-width: 1500px) {
    .pos-xl-50-0-0-616px {
        top: 60px;
        left: 616px;
    }

    .pos-xl-70-0-0-20px {
        left: 20px;
        top: 70px;
    }
}

/*************** max width Starts *********/
@media all and (-ms-high-contrast: none) {
    @media (min-width: 1300px) {
        .p-xl-40-190px {
            padding: 40px 190px;
        }

        .evaluate-moadal-container-main-text {
            width: 50%;
            margin: 0 auto;
            overflow-y: auto;
            overflow-x: hidden;
        }

        *::-ms-backdrop, .evaluate-moadal-container-main-text {
            width: 50%;
            margin: 0 auto;
            overflow-y: auto;
            overflow-x: hidden;
        }
    }
}

@media (max-width: 1300px) {
    .text-transform-1300-capitalize {
        text-transform: capitalize
    }

    .buyers-finder .p-top-40px {
        padding-top: 20px;
    }
}

@media (max-width: 1250px) {
    .col-66, .col-33 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .p-b-xll-40px {
        padding-bottom: 40px !important
    }
}

@media (max-width: 1200px) {
    .iframe-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 90%;
        height: 100%;
        margin-left: 5%;
    }

    .w-lg-100p {
        width: 100% !important
    }

    .hidden-mob-1200 {
        display: none !important;
    }

    /*Start finnace module for icons*/
    .finnace-icons-container .margin-sm-bottom-30px {
        margin-bottom: 30px;
    }

    .finnace-icons-container .margin-sm-0-auto {
        margin: 0 auto;
    }

    .finnace-icons-container .icon-easy-pos {
        position: relative;
        left: -1px;
        top: -5px;
    }

    .finnace-icons-container .margin-left-md-0px {
        margin-left: 0px;
    }

    .finnace-icons-container .col-smd-auto {
        width: auto;
    }

    .finnace-icons-container .col-smd-auto {
        width: auto;
    }

    .finnace-icons-container .padding-left-md-0px {
        padding-left: 0px;
    }

    .finnace-icons-container .text-smd-center {
        text-align: center !important;
    }

    .finnace-icons-container .margin-sm-bottom-30px {
        margin-bottom: 30px;
    }

    /*End finnace module for icons*/
    .finanzierung span.margin-left-1200-0px {
        margin-left: 0px
    }

    .house-icon-responsive {
        text-align: center !important;
        margin-top: 32px;
    }

    .group-select-default.select-consultant {
        width: 100%
    }

    .mega-menu-opened {
        /*bottom: -306px;*/
        padding: 40px 50px;
    }

    .proportional-width {
        width: 120%;
        left: -10%;
        position: relative;
        top: -50%;
        max-width: inherit;
    }

    .square {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 1115px) {
    .installment-loan-pos {
        bottom: 0px
    }
}

@media (max-width: 1100px) {
    .group-radio-btn-ola {
        float: left;
        width: 100px !important;
        left: 0px;
        margin-top: 5px;
        position: relative;
    }

    .group-radio-btn-ola input {
        top: 0px;
        left: 0px;
        width: 100% !important;
    }

    .group-radio-btn-ola label {
        position: absolute !important;
        right: 10px !important;
        bottom: 10px !important;
        top: inherit !important;
    }

    .buyer-circle-container {
        position: absolute;
        top: -13px;
        width: 100%;
    }
}

@media (max-width: 1067px) {
    .certificat-label {
        font-size: 18px;
    }
}

@media (max-width: 1064px) {
    .project-reference-right-block {
        margin-top: 98px;
    }
}

@media (max-width: 1050px) and (min-width: 768px) {
    .change-width-circle-to-responsive-24 {
        width: 100%;
        height: auto;
        padding-top: calc(100% - 24px);
    }

    .change-width-circle-to-responsive {
        width: 100%;
        height: auto;
        padding-top: 100%;
    }

    .new-btn-width {
        width: auto;
        padding: 0 20px;
    }
}

@media (max-width: 993px) {
    .mega-menu-opened {
        bottom: -333px;
        padding: 40px 50px;
    }

    .search-container-group {
        padding: 40px;
    }
}

@media (max-width: 992px) {
    .p-mmd-0 {
        padding: 0px
    }

    .w-md-400px {
        width: 400px
    }

    .w-md-410px {
        width: 410px
    }

    .m-md-0-auto {
        margin: 0 auto
    }

    .w-m-initial {
        width: initial;
    }

    .word-break-md {
        word-break: break-all;
    }

    .w-md-auto {
        width: auto
    }

    .margin-top-md-100px {
        margin-top: 70px;
    }

    .form-w-100 {
        width: 100%;
        padding-right: 80px;
    }

    .d-992-block {
        display: block !important
    }

    .d-max-992-block {
        display: block;
    }

    .hidden-mob-922 {
        display: none
    }

    .padding-md-0px {
        padding: 0px
    }

    .padding-xl-25-40-25-60px {
        padding: 25px 40px 25px 60px;
    }

    .margin-bottom-md-60px {
        margin-bottom: 60px !important
    }

    .verkaufen-static .pos-sm-100-0-0-0px {
        top: 0px;
    }

    .text-align-md-center {
        text-align: center
    }

    .margin-bottom-md-30 {
        margin-bottom: 30px
    }

    .margin-top-md-0px {
        margin-top: 0px !important
    }

    .rotate-sm-90 {
        transform: rotate(90deg);
        margin-top: 20px;
    }

    .evaluate-moadal-container-main-text {
        width: 530px
    }

    .title-cirle-evlauate {
        margin-top: 35px;
        font-size: 26px;
    }

    .sub-title-evlauate {
        font-size: 18px;
        margin-bottom: 13px;
    }

    .green-circle-evaluate-medium .group-select-default {
        width: auto
    }

    .select-rate-circle {
        display: none
    }

    .text-over-input {
        display: none
    }

    .green-circle-evaluate-medium {
        height: 350px;
        width: 350px;
    }

    .change-circle-position .green-circle-evaluate-medium {
        right: 0px;
    }

    .search-request-container .col-md {
        text-align: center
    }

    .pagination-header h1 {
        font-size: 14px
    }

    .pagination-action {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
        font-size: 14px;
    }

    .pagination-header select {
        padding-left: 0px;
        font-size: 14px
    }

    .search-request-img {
        padding: 0 15px;
        margin-bottom: 30px;
        width: 100%
    }

    .pink-circle {
        bottom: -20px;
    }

    .blue-light-circle {
        right: 128px;
    }

    .wrap-flex {
        flex-flow: row wrap;
    }

    .d-inline {
        display: inline-block;
    }

    break {
        display: inline-block;
        flex-basis: 100%;
        width: 0px;
        height: 0px;
        overflow: hidden;
    }

    .social-network {
        width: 100%;
        webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        margin-top: 40px;
    }

    header .social-network {
        margin-top: 0;
    }

    .mega-menu-opened {
        bottom: -288px;
        padding: 40px 50px;
        font-size: 16px;
    }

    .right-block {
        background-color: #CCDEF0;
        padding: 16px 12px 16px 22px;
        width: 100%;
        margin-bottom: 10px;
    }

    .highlights-block {
        width: 100%;
        border-bottom: 1px solid #CDD3D8;
        padding-bottom: 8px;
    }

    .detail-block {
        background-color: #CCDEF0;
        padding: 16px 12px 16px 22px;
        width: 100%;
        margin-bottom: 2px;
        font-size: 12px;
        line-height: 25px;
    }

    .funding-block {
        background-color: #D9E9EA;
        padding: 16px 12px 16px 22px;
        width: 100%;
        margin-bottom: 2px;
        font-size: 14px;
        line-height: 25px;
    }

    .object-block {
        margin-top: 10px;
        width: 100%;
        padding-bottom: 18px;
        border-bottom: 1px solid #CDD3D8;
        margin-bottom: 20px;
    }

    .myplanet-block {
        background-color: #CCDEF0;
        padding: 16px 12px 16px 22px;
        width: 100%;
        margin-bottom: 2px;
        font-size: 14px;
        line-height: 25px;
        font-weight: bold;
    }

    .intro-container-house-page {
        height: 0px !important;
        background: linear-gradient(180deg, #2A255B 0%, #2E4A79 100%);
        overflow: hidden;
        color: #FFF;
    }

    .halfCircleBottom {
        margin-top: 90px;
        height: 160px;
        width: 310px;
        border-radius: 0 0 300px 300px;
        background: white;
        padding-bottom: 12px;
        text-align: center;
        margin-bottom: 39px;
    }

    .brd-left {
        border-bottom: 2px solid #CDD3D8;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .btn-mob {
        width: 100% !important;
        padding: 6px 6px !important;
        font-size: 15px !important;
    }

    .mg-right-block {
        margin-left: 2px;
        margin-top: -9px;
    }

    .icon-star {
        margin-right: -2px;
        margin-top: -19px !important;
        float: right;
    }

    .pos-search-group {
        max-width: 100% !important;
        bottom: 0;
        position: absolute;
    }

    .marge-top-156 {
        margin-top: 130px;
    }

    .intro-container-credit-page-img {
        position: absolute;
        left: 20px;
        top: 22px;
    }

    .pos-initial-0-0-0-md {
        bottom: initial;
        right: initial;
        top: initial;
        position: relative !important;
    }

    .margin-md-bottom-30px {
        margin-bottom: 30px;
    }

    .step-1 .progress-certificate :after {
        content: ' ';
        width: 10%;
        height: 2px;
        background-color: #00A3B0;
        position: absolute;
        top: 111px;
        left: 0;
    }

    .step-2 .progress-certificate :after {
        content: ' ';
        width: 20%;
        height: 2px;
        background-color: #00A3B0;
        position: absolute;
        top: 111px;
        left: 0;
    }

    .step-3 .progress-certificate :after {
        content: ' ';
        width: 30%;
        height: 2px;
        background-color: #00A3B0;
        position: absolute;
        top: 111px;
        left: 0;
    }

    .step-4 .progress-certificate :after {
        content: ' ';
        width: 40%;
        height: 2px;
        background-color: #00A3B0;
        position: absolute;
        top: 111px;
        left: 0;
    }

    .step-5 .progress-certificate :after {
        content: ' ';
        width: 50%;
        height: 2px;
        background-color: #00A3B0;
        position: absolute;
        top: 111px;
        left: 0;
    }

    .step-6 .progress-certificate :after {
        content: ' ';
        width: 60%;
        height: 2px;
        background-color: #00A3B0;
        position: absolute;
        top: 111px;
        left: 0;
    }

    .step-7 .progress-certificate :after {
        content: ' ';
        width: 70%;
        height: 2px;
        background-color: #00A3B0;
        position: absolute;
        top: 111px;
        left: 0;
    }

    .step-8 .progress-certificate :after {
        content: ' ';
        width: 80%;
        height: 2px;
        background-color: #00A3B0;
        position: absolute;
        top: 111px;
        left: 0;
    }

    .step-9 .progress-certificate :after {
        content: ' ';
        width: 90%;
        height: 2px;
        background-color: #00A3B0;
        position: absolute;
        top: 111px;
        left: 0;
    }

    .step-10 .progress-certificate :after {
        content: ' ';
        width: 95%;
        height: 2px;
        background-color: #00A3B0;
        position: absolute;
        top: 111px;
        left: 0;
    }

    .last-step .progress-certificate :after {
        content: ' ';
        width: 100%;
        height: 2px;
        background-color: #00A3B0;
        position: absolute;
        top: 111px;
        left: 0;
    }

    .certificat-label {
        font-size: 16px;
    }

    .pos-0-0-0--100px {
        left: -44px;
    }

    .certificate-input input {
        margin-bottom: 20px;
    }

    .examination .pl-0 {
        padding-left: 15px !important;
    }

    .pos-0-0-0--96 {
        position: relative;
        left: 0;
    }

    #innovative .margin-top-100px {
        margin-top: 60px;
    }

    .buyer-circle-1 {
        height: 350px;
        width: 350px;
        background-color: #94C351;
        border-radius: 50%;
        position: absolute;
        top: 13px;
        left: 30%;
    }
}

@media (max-width: 992px) {
    .mega-menu-opened {
        bottom: -286px;
        padding: 40px 50px;
    }

    .hidden-tablet {
        display: none;
    }
}

@media (max-width: 910px) {
    .mega-menu-opened {
        bottom: -310px;
        padding: 40px 50px;
    }
}

@media (max-width: 900px) {
    .presse-center-container .tabset1 > label {
        width: 33.33%;
    }

    .presse-center-container .padding-tab {
        padding: 75px 0px;
    }
}

@media (max-width: 786px) {
    .search-container-fixed .search-container h3 {
        top: -10px;
        padding: 0 30px;
    }

    .search-container-fixed {
        position: fixed !important;
        top: 0px;
        overflow-y: scroll;
    }

    .search-container-fixed i {
        font-size: 16px;
        top: 14px;
        position: absolute;
        right: 15px;
    }

    .search-container-fixed i:before {
        color: #FFF
    }

    .sub-ittem-collapse {
        margin-left: -40px;
        margin-top: 20px !important;
    }

    .margin-left-sm-0px {
        margin-left: 0px !important
    }

    .mega-menu-opened {
        bottom: -312px;
        padding: 40px 50px;
    }

    .text-smd-center {
        text-align: center !important
    }

    .col-smd-auto {
        width: auto
    }
}

@media (max-width: 784px) {
    .mega-menu-opened {
        bottom: -334px;
        padding: 40px 50px;
    }
}

@media (max-width: 768px) {
    .evaluate-circle-contact .selected-property {
        width: 80px;
        min-width: 80px !important;
        text-align: center;
        color: white;
        background: #1f64b7;
        border-radius: 50%;
    }

    .evaluate-circle-contact .evaluate-moadal-container-main-text {
        width: 530px;
        margin-top: 33px;

    }

    .evaluate-circle-contact .property-type .row.gutter-5 {
        margin-bottom: 0px;
    }

    .evaluate-circle-contact .col-md-3 .form-group, .evaluate-circle-contact .col-md-6 .form-group {
        margin-bottom: 0px;
    }

    .evaluate-circle-contact .col-12 .form-group {
        margin-bottom: 3px;
    }

    .search-portal-responsive.search-navigation a {
        display: flex;
        border-right: none;
        padding-top: 14px;
    }

    .search-portal-responsive.search-navigation ul {
        height: auto;
    }

    .search-portal-responsive.search-navigation li {
        margin-top: 0px;
    }

    .my-planet-portal .carousel-control-next, .my-planet-portal .carousel-control-prev {
        top: 84px !important;
    }

    .img-carousel-myplanet {
        max-width: 100% !important;
        margin-left: 0px !important;
        margin-top: 20px;
    }

    .change-column-direction {
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .margin-md-30-0px {
        margin: 30px 0px;
    }

    .white-color-md {
        color: #FFF
    }

    .margin-top-md-_706px {
        margin-top: -706px;
    }

    .filter-md-0-0-0-0 {
        right: 0px !important
    }

    .property-sale-link:after, .property-search-link:after, .property-finance-link:after, .company-link:after, .property-myplanet-link:after {
        height: 0px;
    }

    .pr-mmd-0 {
        padding-RIGHT: 0px !important
    }

    .pl-mmd-0 {
        padding-left: 0px !important
    }

    .m-l-mmd-0px {
        margin-left: 0px !important
    }

    .margin-bottom-md-50px {
        margin-bottom: 50px;
    }

    .margin-top-md-0 {
        margin-top: 0px !important
    }

    .ola-responsive .alert-info {
        max-width: 100%;
        margin-top: 0px;
        margin: 0px 10px 30px;
    }

    .padding-sm-0-20-0-10px {
        padding: 0px 20px 0px 10px !important;
    }

    .margin-top-sm-30px {
        margin-top: 20px
    }

    .margin-top-sm-20px {
        margin-top: 20px
    }

    .margin-top-mmd-0px {
        margin-top: 0px;
    }

    .margin-bottom-mmd-0px {
        margin-bottom: 0px;
    }

    .margin-bottom-mmd-20px {
        margin-bottom: 20px;
    }

    .l-h-md-35 {
        line-height: 35px;
    }

    .margin-sm-bottom-30px {
        margin-bottom: 30px;
    }

    .margin-sm-0-auto {
        margin: 0 auto;
    }

    .icon-easy-pos {
        position: relative;
        left: -1px;
        top: -5px;
    }

    .margin-left-md-0px {
        margin-left: 0px !important;
    }

    .col-smd-auto {
        width: auto;
    }

    .col-smd-auto {
        width: auto;
    }

    .padding-left-md-0px {
        padding-left: 0px;
    }

    .text-smd-center {
        text-align: center !important;
    }

    .margin-sm-bottom-30px {
        margin-bottom: 30px;
    }

    .margin-right-md-5px {
        margin-right: 5px
    }

    .padding-left-md-0px {
        padding-left: 0px
    }

    .margin-left-md-0px {
        margin-left: 0px
    }

    .margin-md-auto {
        margin: 0 auto
    }

    .w-md-95p {
        max-width: 95%
    }

    .presse-center-container .tabset1 > label {
        width: 100%;
        margin-bottom: -1px;
        padding-top: 23px;
    }

    .padding--top-sm-40 {
        padding-top: 40px;
    }

    .w-sm-60px {
        width: 60px !important
    }

    .col-ssm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .modal .check-pad {
        margin-left: inherit !important;
    }

    .margin-bottom-sm-30px {
        margin-bottom: 30px
    }

    .col-evalute-step-1 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .h-sm-280px {
        height: 280px;
    }

    .installment-loan-pos {
        bottom: -1px;
    }

    .installment-loan-title {
        padding: 0 30px;
        font-size: 30px;
    }

    .max-width-finnance-img {
        max-width: 90%
    }

    .max-width-90p {
        max-width: 90%
    }

    .w-md-100 {
        width: 100%
    }

    .margin-top-mmd-20px {
        margin-top: 20px !important;
    }

    .pad-md-0 {
        padding: 0px
    }

    .col-dm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0px 15px
    }

    .search-request-container .finance-ico-content span {
        margin-left: 0px;
        top: -5px;
        position: relative;
    }

    .p-md-40-20-0px {
        padding: 40px 20px 0px
    }

    .padding-md0-20px {
        padding: 0px 20px;
    }

    .padding-md25-40-25-60px {
        padding: 10px 20px 20px 20px;
    }

    .margin-top-md-_145px {
        margin-top: -145px;
    }

    .margin-top-md-_10px {
        margin-top: 10px;
    }

    .pagination-action-search-result {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
        font-size: 14px;
        position: relative;
        left: -11px;
        top: 0px;
    }

    .custom-select-search-result {
        padding-left: 0px
    }

    .title-property-search {
        margin-top: 30px;
    }

    .features-block-numbered h1 {
        position: relative;
        top: 20px;
    }

    .main-search-container .intro-container-only-img {
        left: 72px;
    }

    .h-part-top {
        height: 32px
    }

    .pagination-header + .row .grey-hr {
        margin-top: 30px;
    }

    /*Start of 10171333*/
    .object-expanded .search-container-group {
        width: calc(100% - 30px);
        background-color: rgba(83, 158, 165, 0.9);
        position: absolute;
        bottom: -48px !important;
        z-index: 1;
    }

    .object-collapsed .search-container-group {
        width: calc(100% - 30px);
        background-color: rgba(83, 158, 165, 0.9);
        position: absolute;
        bottom: -48px !important;
        z-index: 1;
    }

    /*apart combination*/
    .apartment-details-expanded.object-expanded {
        height: 1264px;
    }

    .apartment-details-collapsed.object-expanded {
        height: 666px;
    }

    .apartment-details-expanded.object-collapsed {
        height: 1124px;
    }

    .apartment-details-collapsed.object-collapsed {
        height: 544px;
    }

    /*search combination*/
    .search-details-expanded.object-expanded {
        height: 1291px;
    }

    .search-details-collapsed.object-expanded {
        height: 731px;
    }

    .search-details-expanded.object-collapsed {
        height: 1152px;
    }

    .search-details-collapsed.object-collapsed {
        height: 590px;
    }

    /*buisness combination*/
    .business-details-expanded.object-expanded {
        height: 1025px;
    }

    .business-details-collapsed.object-expanded {
        height: 666px;
    }

    .business-details-expanded.object-collapsed {
        height: 904px;
    }

    .business-details-collapsed.object-collapsed {
        height: 544px;
    }

    /*house combination*/
    .house-details-expanded.object-expanded {
        height: 1145px;
    }

    .house-details-collapsed.object-expanded {
        height: 666px;
    }

    .house-details-expanded.object-collapsed {
        height: 1024px;
    }

    .house-details-collapsed.object-collapsed {
        height: 544px;
    }

    /*site combination*/
    .site-details-expanded.object-expanded {
        height: 965px;
    }

    .site-details-collapsed.object-expanded {
        height: 666px;
    }

    .site-details-expanded.object-collapsed {
        height: 844px;
    }

    .site-details-collapsed.object-collapsed {
        height: 544px;
    }

    .marge-t-10 {
        margin-top: 10px;
    }

    .d-none-768 {
        display: none !important;
    }

    .f-sm-s-20 {
        font-size: 20px !important
    }

    .p-sm-15-20px {
        padding: 15px 20px;
    }

    .f-sm-s-15 {
        font-size: 15px !important;
        display: block;
    }

    .f-sm-s-11 {
        font-size: 11px !important
    }

    .f-sm-s-16 {
        font-size: 16px !important
    }

    .h-sm-40px {
        height: 40px;
    }

    .p-sm-20-31px {
        padding: 20px 31px;
    }

    .m-sm-0-20-20px {
        margin: 0 20px 20px;
    }

    /*end of 10171333*/
}

@media (max-width: 768px) {
    .search-zip-code--auto-width-only-home {
        width: auto;
        height: auto !important;
    }

    .margin-top-md-10px {
        margin-top: 10px
    }

    .margin-bottom-md-40 {
        margin-bottom: 40px !important
    }

    .padding-bottom-md-0 {
        padding-bottom: 0px !important
    }

    .margin-top-md-60 {
        margin-top: 60px
    }

    .list-financial-left {
        width: 100%;
        height: 100%;
    }

    .left-border {
        border-left: 0px;
    }

    .row .advisor-input-container:last-child {
        margin: 0px;
        padding-right: 0px;
    }

    .row .advisor-input-container {
        margin-bottom: 9px;
        margin-right: 0px;
        width: 100%;
    }

    .advisor-search-title {
        text-align: center !important;
        margin-bottom: 15px;
    }

    .advisor-results-rectangle {
        margin-top: -2px
    }

    .advisor-results-rectangle-right {
        padding: 14px 211px 0px 0px;
    }

    .advisor-search-per-town {
        top: inherit;
    }

    .mb-160 {
        margin-bottom: 60px;
    }

    .intro-container-home-page-bg {
        height: auto;
        background-image: url(../images/testimonialSearch-mob.png);
        background-size: 100%;
        background-position: top;
        overflow: hidden;
        background-repeat: no-repeat;
        color: #FFF;
    }

    .marge-top-156 {
        margin-top: 60px;
    }

    .bg-color-blue {
        background: linear-gradient(180deg, #2A255B 0%, #2E4A79 100%);
        overflow: hidden;
        height: auto;
    }

    .pos-search-group {
        max-width: 90% !important;
        bottom: 0;
        position: relative;
        margin-top: 220px;
        margin-left: inherit !important;
    }

    .margin-bottom-sm--200px {
        margin-bottom: -200px;
    }

    .pos--9-0-0-0px {
        top: -9px;
    }
}

@media (max-width: 767px) {
    .col-evalute-step-1 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }


    .step-1 .progress-certificate :after {
        content: ' ';
        width: 10%;
        height: 2px;
        background-color: #00A3B0;
        position: absolute;
        top: 355px !important;
        left: 0;
    }

    .step-2 .progress-certificate :after {
        content: ' ';
        width: 20%;
        height: 2px;
        background-color: #00A3B0;
        position: absolute;
        top: 354px !important;
        left: 0;
    }

    .step-3 .progress-certificate :after {
        content: ' ';
        width: 30%;
        height: 2px;
        background-color: #00A3B0;
        position: absolute;
        top: 354px !important;
        left: 0;
    }

    .step-4 .progress-certificate :after {
        content: ' ';
        width: 40%;
        height: 2px;
        background-color: #00A3B0;
        position: absolute;
        top: 354px !important;
        left: 0;
    }

    .step-5 .progress-certificate :after {
        content: ' ';
        width: 50%;
        height: 2px;
        background-color: #00A3B0;
        position: absolute;
        top: 354px !important;
        left: 0;
    }

    .step-6 .progress-certificate :after {
        content: ' ';
        width: 60%;
        height: 2px;
        background-color: #00A3B0;
        position: absolute;
        top: 354px !important;
        left: 0;
    }

    .step-7 .progress-certificate :after {
        content: ' ';
        width: 70%;
        height: 2px;
        background-color: #00A3B0;
        position: absolute;
        top: 354px !important;
        left: 0;
    }

    .step-8 .progress-certificate :after {
        content: ' ';
        width: 80%;
        height: 2px;
        background-color: #00A3B0;
        position: absolute;
        top: 354px !important;
        left: 0;
    }

    .step-9 .progress-certificate :after {
        content: ' ';
        width: 90%;
        height: 2px;
        background-color: #00A3B0;
        position: absolute;
        top: 354px !important;
        left: 0;
    }

    .step-10 .progress-certificate :after {
        content: ' ';
        width: 95%;
        height: 2px;
        background-color: #00A3B0;
        position: absolute;
        top: 354px !important;
        left: 0;
    }

    .last-step .progress-certificate :after {
        content: ' ';
        width: 100%;
        height: 2px;
        background-color: #00A3B0;
        position: absolute;
        top: 354px !important;
        left: 0;
    }

    .margin-top-xs-0px {
        margin-top: 0px !important;
    }

    .w-404px {
        max-width: 100%;
    }

    .f-sm-s--21 {
        font-size: 21px !important;
    }

    .notice-container {
        left: 0;
        width: 125% !important;
        height: auto !important;
    }

    .m-0-0-0-90px {
        margin: 0 !important;
    }

}

@media (max-width: 767px) {
    .home-page-container .bubble-height {
        height: 680px !important
    }

    .home-page-container .bubble-pos-img {
        bottom: 40px !important;
    }

    .home-page-container .bubble-pos-circle {
        top: 402px !important;
    }

    .home-page-container .bubble-pos-empty-circle {
        bottom: 48px !important;
    }

    .property-sales-container .bubble-height {
        height: 680px !important
    }

    .property-sales-container .bubble-pos-img {
        bottom: 136px !important;
    }

    .property-sales-container .bubble-pos-circle {
        top: 402px !important;
    }

    .property-sales-container .bubble-pos-empty-circle {
        bottom: 48px !important;
    }

    .w-43p {
        width: 100%;
    }

    .mr-sm-0 {
        margin-right: 0 !important;
    }

    .pl-10-2 {
        padding-left: initial !important;
    }

    .semi-circle-news {
        width: 265px;
        height: 265px;
        border-radius: 50%;
        border: 10px solid #003366;
        position: absolute;
        left: 50%;
        bottom: -225px;
        z-index: 0;
        margin-left: -132px;
    }
}

@media (max-width: 670px) {
    .property-sales-container .bubble-pos-img {
        bottom: 155px !important;
    }
}


@media (max-width: 575px) {
    .pos-0-0-0--103px {
        left: 0 !important;
    }

    .circle-180px {
        width: 220px;
        height: 220px;
    }

    .postion-xs-absolute {
        position: absolute !important;
    }

    .h-xs-206 {
        height: 206px;
    }

    .pos-0-0-0--133px {
        left: -151px;
    }

    .pos-0-0-0--100px {
        left: 50%;
        margin-left: -110px;
    }

    .margin-bottom-xs-20px {
        margin-bottom: 20px;
    }

    .text-xs-center {
        text-align: center !important;
    }

    .notice-container {
        left: 0;
        width: 100% !important;
        height: auto !important;
    }

}

@media (max-width: 560px) {
    .col-evalute-step-1 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
}

@media (max-width: 550px) {
    .p-550-0 {
        padding: 0px !important
    }

    .get-info-block-container {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .get-info-block-container .fixed-width-icon {
        order: 1;
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }

    .get-info-block .col-md {
        order: 2;
        text-align: center;
    }

    .pink-circle {
        top: -152px;
    }

    .intro-container-home-page-img img {
        width: 600px;
        position: relative;
        left: -46px;
        top: -126px;
    }

    .intro-container-home-page {
        height: 510px;
        overflow: inherit;
    }

    .main-search-container {
        height: 551px;
    }

    /*Start of 10171333*/
    .object-expanded .search-container-group {
        width: calc(100% - 30px);
        background-color: rgba(83, 158, 165, 0.9);
        position: absolute;
        bottom: -48px;
        z-index: 1;
    }

    .details-expanded {
        height: 951px;
    }

    /*end of 10171333*/
}

@media (max-width: 550px) {
    .change-circle-position {
        top: 355px;
        position: absolute;
        width: 100%;
    }

    .margin-left-xs-0px {
        margin-left: 6px;
    }

    .f-s-xs-18 {
        font-size: 18px !important;
    }

    .p-l-xs-0 {
        padding-left: 5px !important;
    }
}

@media (max-width: 500px) {
    .p-smm-50-40px {
        padding: 50px 40px
    }

    .justify-content-center-smm {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .w-smm-auto {
        width: auto
    }

    .col-mmd-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    .margin-mmd-20-0-0-_30px {
        margin: 20px 0px 0px -30px
    }

    .margin-mmd-20-0-0-0px {
        margin: 20px 0px 0px 0px
    }

    .col-evalute-step-1 {
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .padding-finnace-500 {
        /*padding: 0 50px !important*/
    }
}

@media (max-width: 464px) {
    .f-s-28 {
        font-size: 25px;
    }

    .step-1 .progress-certificate :after {
        content: ' ';
        width: 100px;
        height: 2px;
        background-color: #00A3B0;
        position: absolute;
        top: 353px !important;
        left: 0;
    }
}

@media (max-width: 402px) {
    .search-collapsed .search-container-group {
        bottom: -88px;
    }

    .features-block-numbered article {
        margin-top: 105px;
    }

    .details-expanded.object-expanded .search-container-group {
        bottom: -88px;
    }

    .details-collapsed.object-collapsed .search-container-group {
        bottom: -88px;
    }

    .pagination-title h1 {
        margin-top: 105px;
    }

    .details-expanded .search-container-group, .object-expanded .search-container-group {
        bottom: -88px;
    }

    .proportional-width {
        height: 180% !important;
    }
}

@media (max-width: 380px) {
    .col-evalute-step-1 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


@media (min-width: 768px) {
    .padding-md-15 {
        padding: 15px
    }

    header {
        height: auto;
    }

    .pos-md-_60-_67-0-0 {
        top: -60px;
        right: -67px;
    }

    .navbar-expand-sm .navbar-nav.submenu-three-items {
        -ms-flex-direction: column;
        flex-direction: column;
        background: #FFF;
        padding: 10px;
    }

    .top-menu {
        position: absolute !important;
        right: 52px;
        left: inherit;
        top: 81px;
        background: #FFF;
        color: gray;
    }

    .top-menu i:before {
        margin: 10px;
        font-size: 18px !important;
        color: gray;
    }

    .top-menu li {
        font-weight: normal;
        font-size: 16px;
        padding: 5px;
    }

    .p-md-40-0-0-46px {
        padding: 40px 40px 8px 46px;
    }

    .pos-md-0-0-0-50px {
        right: 50px;
    }

    .verkaufen-static .pos-md-0-0-0-50px {
        right: inherit;
    }

    .pos-md-0-103--247-50px {
        bottom: -247px;
        right: 50px;
    }

    .cirlce-md-415px {
        height: 415px;
        width: 415px;
    }

    .pos-md-auto {
        left: inherit;
        top: inherit;
        bottom: inherit;
        right: inherit
    }

    .position-md-relative {
        position: relative !important
    }
}

@media (max-width: 992px) {
    .p-xl-40-40-0px {
        padding: 40px 40px 0px
    }

    .location-container {
        display: block !important;
        position: relative !important;
        left: 0;
        top: 0;
        box-shadow: none;
        padding-left: 37px;
        padding-top: 0;
        width: auto;
    }

    .location-container p {
        margin-bottom: 10px
    }

    .pl-65 {
        padding-left: inherit;
    }

    .examination-text-2 {
        color: #096AD1;
        height: auto;
        font-family: Roboto;
        font-size: 14px;
        padding: 5px 13px 5px 13px;
        line-height: 20px;
        background-color: #00a3b01f;
    }

    .w-298px {
        width: 100%;
    }
}

@media (min-width: 993px) {
    .padding-lg-30 {
        padding: 30px
    }

    header {
        height: auto;
    }

    .pos-lg-0-0-0-83 {
        left: 83px;
    }

    .navbar-expand-sm .navbar-nav.submenu-three-items {
        -ms-flex-direction: row;
        flex-direction: row;
        background: transparent;
        padding: 0;
    }

    .top-menu {
        position: relative !important;
        right: inherit;
        /*left: 0;*/
        top: 45px;
        background: transparent;
        color: #FFF;
    }

    .top-0-left {
        left: 0;
    }
    .top-menu i:before {
        color: white;
        margin-right: 10px;
        font-size: 18px !important;
    }

    .top-menu li {
        font-weight: 700;
        font-size: 18px;
        padding: 0;
    }

    .p-lg-40-0-0-128px {
        padding: 40px 40px 8px 128px;
    }

    .pos-lg-0-0-0-19 {
        right: 19px;
    }

    .pos-lg-0-103--247-0px {
        bottom: -247px;
        right: 19px;
    }

    .f-lg-s-34 {
        font-size: 34px;
    }

    .f-lg-s-30 {
        font-size: 30px;
    }

    .f-lg-s-24 {
        font-size: 24px;
    }
}

@media (min-width: 1200px) and (max-width: 1250px) {
    .top-menu {
        width: 421px;
        left: 40px;
    }
}

@media (max-width: 850px) {
    .pos-md-0-0-0-_14px {
        left: -14px;
    }
}

@media (min-width: 1200px) {
    .margin-right-xl-83px {
        margin-right: 83px
    }

    .pos-xl-_60-0-0-0 {
        top: -60px;
        right: 0;
    }

    .pos-xl-0-0-0-103 {
        right: 103px;
    }

    .pos-xl-0-103--247-0px {
        bottom: -247px;
        right: 103px;
    }
}

@media (max-width: 768px) {
    .p-bottom-mmd-20px {
        padding-bottom: 20px
    }

    .margin-top-mmd-10px {
        margin-top: 10px
    }

    .i-m-w-mmd {
        max-width: inherit !important;
    }

    .m-mmd-0 {
        margin: 0 !important
    }

    .m-mmd-top-3em {
        margin-top: 3em !important
    }

    .text-align-center-mmd {
        text-align: center
    }

    .responsive-1 {
        width: 100%;
    }

    .responsive-2 {
        width: 100%;
        margin-left: 0px !important;
        margin-top: 20px !important;
    }

    .request-financing .nav-item {
        padding: 0px;
        border-bottom: 0px;
        font-size: inherit;
        width: 50%;
    }

    .reiter-pruefen.request-financing a.nav-link {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .reiter-pruefen.request-financing .ausgangsdaten-value {
        word-break: break-all;
    }

    .text-md-center {
        text-align: center
    }

    .ola-reponsive-blue-btn {
        width: calc(100% - 20px) !important;
    }

    .new-position-collapse {
        position: absolute;
        left: 50%;
        margin-left: -12px !important;
        bottom: 14px;
    }

    .possition-collapse {
        position: relative;
        padding-bottom: 46px;
    }

    .margin-top-sm-50 {
        margin-top: 50px
    }

    .p-top-xs-_50px {
        margin-top: -50px;
    }

    .margin-bottom-sm-150px {
        margin-bottom: 150px;
    }

    .margin-bottom-sm-50px {
        margin-bottom: 50px;
    }

    .margin-bottom-sm-20px {
        margin-bottom: 20px !important;
    }

    .margin-bottom-sm-0px {
        margin-bottom: 0px;
    }

    .pos-md-_60-_67-0-0 {
        top: -60px;
        right: -67px;
    }

    .h-sm-65px {
        height: 65px;
    }

    .d-min-768 {
        display: none !important;
    }

    .top-new-header {
        top: 83px;
    }
}

@media (max-width: 768px) {
    .property-type-text {
        font-size: 21px;
        margin-top: 0;
        margin-left: 18px;
    }


    .property-type img {
        width: 80px;
    }

    .selected-property:after {
        height: 80px;
        width: 80px;
        margin-left: -40px;
        font-size: 55px;
    }

    .evaluate-moadal-container-main-text {
        width: 80%;
    }

    .evaluate-moadal-container-circle {
        height: calc(100% - 271px);
        padding: 0;
        border-radius: 20px !important;
        top: 0;
    }

    .default-component {
        height: 100%;
    }

    .evaluate-moadal-container .container {
        height: 100%;
    }

    .first-pagination-circle, .second-pagination-circle, .first-btn-circle, .second-btn-circle {
        top: inherit;
        padding: 0px
    }

    .green-circle-evaluate-medium {
        height: 310px;
        width: 310px;
    }

    .title-cirle-evlauate {
        margin-top: 35px;
        font-size: 26px;
    }

    .sub-title-evlauate {
        font-size: 18px;
        margin-bottom: 13px;
    }

    .group-select-default .input-group > .input-group-append > .btn.gradient-blue-evaluate {
        border: 0px solid #FFF !important;
    }

    .title-property {
        margin-top: 30px;
    }

    .pagination-header h1, .pagination-action, .pagination-header select {
        font-size: 16px
    }

    .main-search-container {
        height: 690px;
    }

    .features-block-numbered section {
        padding: 40px 50px 0px;
    }

    .features-block-numbered .col-md-3 {
        min-height: 300px;
    }

    .search-collapsed .search-container-group {
        bottom: -48px;
    }

    .group-btn-search-transparent .col-md-6 button {
        margin: 10px 0px;
        width: 100%
    }

    .details-expanded {
        height: 959px;
    }

    .details-expanded.object-expanded .search-container-group {
        bottom: -48px;
    }

    .details-expanded.object-expanded {
        height: 1137px
    }

    .selected-menu {
        padding: 16px 20px;
        background-color: #316BB4;
        color: #FFF;
        font-size: 19px;
    }

    .mega-menu-opened {
        bottom: inherit;
        padding: 0px 0px 20px 0px;
        top: 60px;
        height: calc(100% - 60px);
        position: fixed;
    }

    .footer-link {
        font-size: 18px;
    }

    .nav-item.footer-link {
        font-size: 20px;
    }

    .nav-item.footer-link a {
        color: #fff;
    }

    .circle-brand-green-footer {
        right: 50%;
        margin-right: -62.5px;
    }

    .d-inline {
        margin-bottom: 20px;
    }

    break {
        display: none !important
    }

    .change-flex-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .links-footer {
        margin-top: 0px;
    }

    .circle-brand-blue-footer {
        display: none !important
    }

    .intro-container-home-page-img {
        position: inherit;
        left: inherit;
        bottom: inherit;
    }

    .intro-container-home-page-img img {
        width: 900px;
        position: relative;
        left: -90px;
        top: -23px;
    }

    .features-block {
        position: relative;
        top: 19px;
        padding-top: 78px;
    }

    .features-block .col-md-4 {
        margin-bottom: 20px;
    }

    .green-circle-medium {
        height: 310px;
        width: 310px;
    }

    .decrease-margin-in-circle {
        margin-bottom: 13px;
    }

    .decrease-margin-top {
        margin-top: 30px
    }

    .group-select-default .input-group > .input-group-append > .btn {
        border: 2px solid #FFF !important;
    }

    .circle-brand-light {
        height: 310px;
        width: 310px;
        right: 50%;
        top: -70px;
        margin-right: -155px;
    }

    .intro-statistic .overpass-tablet-35 {
        font-size: 40px;
    }

    .intro-statistic .col-md-4 {
        margin-bottom: 20px;
    }

    .margin-right-15 {
        margin-right: 0px;
    }

    .blue-box:after {
        width: 0;
        height: 0;
        border: 0 solid transparent;
        border-right-width: 30px;
        border-left-width: 30px;
        border-bottom: 22px solid #316bb4;
        top: -19px;
        left: 50%;
        margin-left: -30px;
    }

    .pink-circle {
        top: -231px;
    }

    .transparent-btn.btn, .transparent-btn.btn:hover {
        margin-bottom: 1rem;
        width: 100%;
    }

    .halfCircleBottom {
        margin-top: 40px;
        height: 160px;
        width: 310px;
        border-radius: 0 0 300px 300px;
        background: white;
        padding-bottom: 12px;
        text-align: center;
        margin-bottom: 39px;
    }

    .btn-mob {
        width: 100% !important;
    }

    .funding-block {
        background-color: #D9E9EA;
        padding: 16px 12px 16px 22px;
        width: 100%;
        margin-bottom: 2px;
        font-size: 17px;
        line-height: 28px;
    }

    .detail-block {
        background-color: #CCDEF0;
        padding: 16px 12px 16px 22px;
        width: 100%;
        margin-bottom: 2px;
        font-size: 17px;
        line-height: 28px;
    }

    .myplanet-items {
        font-weight: normal;
        font-size: 17px;
    }

    .icon-star {
        margin-right: -2px;
        margin-top: 19px !important;
        float: right;
    }
}

@media (max-width: 993px) {


    .d-993-block {
        display: block !important;
    }

    .d-993-none {
        display: none !important;
    }

    .change-display-to-flex-993 {
        display: flex !important;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .nav-item {
        padding: 13px 15px;
        border-bottom: 1px solid #316BB4;
        font-size: 20px;
        cursor: pointer;
    }


    .pos--9-0-0-0px {
        top: -9px;
    }

    .p-992px-90-0-0 {
        top: 90px !important;
    }

    .p-992px-40-0-0 {
        top: 40px !important;
    }

    .p-993-_130px {
        top: -130px
    }

    .lech-footer .main-item, .social-network {
        margin-top: 20px;
    }

    .justify-content-993-center {
        justify-content: center !important;
    }

    .d-inline {
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .d-min-768-block {
        display: block !important;
    }


    .breadcrumb {
        display: none
    }

    .flex-mmd-column {
        ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .proportional-width {
        height: 110%;
        width: 110%;
        left: -5%;
        top: -5%;
        max-width: inherit;
    }

    .w-md-100-evaluate {
        width: 100%
    }

    .selected-menu + .col-md-3 {
        padding-top: 20px;
    }

    .my-planet-mobile {
        padding: 19.5px 15px 25px !important;
        border-bottom: 1px solid #316BB4;
        font-size: 20px;
        cursor: pointer;
        margin-left: 0px !important;
    }

    .pos-md-0-0_15-0px {
        bottom: -15px;
        position: relative;
    }

    .pos-md-0-0_180-0px {
        position: absolute !important;
        bottom: 180px;
        top: inherit;
        left: inherit;
    }

    .service-testimonial-box {
        margin-bottom: 50px
    }

    .service-testimonial-box-content {
        padding: 20px 30px;
    }

    .service-testimonial-box-content:before {
        bottom: -76px;
        left: 8px;
    }

    .service-testimonial-box-content:after {
        top: -23px;
        right: 7px;
    }

    .triangle-in-mobile {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 50px 50px 50px;
        border-color: transparent transparent #169fdb transparent;
        position: absolute;
        top: -25px;
        left: 50%;
        margin-left: -50px;
    }

    .margin-top-sm-30px {
        margin-top: 30px;
    }

    .change-order-sm-1 {
        order: 1
    }

    .change-order-sm-2 {
        order: 2
    }

    .change-order-sm-3 {
        order: 3
    }

    .gradient-mobile {
        height: 160px;
        width: calc(100% + 30px);
        background: linear-gradient(0deg, #2A255B 0%, #2E4A79 100%);
        position: absolute;
        left: -15px;
        bottom: 0;
    }

    header {
        padding: 0 5px;
    }

    header {
        height: 83px;
    }

    .h-sm-82px {
        height: 82px;
    }

    .nav-item {
        padding: 13px 15px;
        border-bottom: 1px solid #316BB4;
        font-size: 20px;
        cursor: pointer;
    }

    .owner-portal .nav-item {
        padding: 0;
        border-bottom: 0;
        font-size: 15px;
        cursor: pointer;
    }

    .owner-portal .nav {
        flex-wrap: nowrap;
        overflow-x: scroll;
    }

    .change-to-flex-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .navbar-container {
        top: 0px;
        background-color: #2A255B;
        position: absolute;
        width: 100%;
        left: 0px;
        border-top: 1px solid #316BB4;
        z-index: 101 !important;
    }

    .pos-sm-ini-ini-160-0px {
        position: relative !important;
        top: inherit;
        left: inherit;
        bottom: 160px;
    }

    .h-sm-800px {
        height: 800px;
    }

    .circle-sm-360px {
        width: 360px !important;
        height: 360px !important;
        margin: 0 auto !important;
    }

    .pos-sm-100-0-0-0px {
        right: 0;
        top: 100px;
    }

    .change-circle-position {
        top: 402px;
        position: absolute;
        width: 100%;
        left: 0px;
    }

    .sell-container .change-circle-position {
        top: 364px;
    }

    .pos-sm-0-0-11-0px {
        bottom: 11px !important;
        right: initial;
    }

    .pos-sm-0-0-48-0px {
        bottom: 48px !important;
        right: initial;
    }

    .pad-sm-28-0-0-0px {
        padding-top: 78px;
    }

    .pos-sm-19-0-0-0px {
        top: 19px;
    }

    /** Bewerten Responsive **/
    .square {
        height: inherit;
    }

    .proportional-width {
        top: 40px !important;
        width: 300% !important;
        height: initial !important;
        left: -100% !important;
        border-bottom: 20px #FFF;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .take-whole-height {
        position: absolute;
        width: 100%;
        height: 80%;
        background: #FFF;
        left: 0px;
        bottom: 0px;
    }

    .take-whole-space {
        position: absolute !important;
        top: 123px !important;
        bottom: 0px;
        left: 0px !important;
        right: 0px;
        height: 500% !important;
        background: #FFF;
    }

    .evaluate-moadal-container-main-text {
        width: 95% !important;
        height: auto !important;
        position: relative;
        top: 0px;
    }

    .selected-property {
        width: 80px;
        min-width: 80px !important;
        text-align: center;
        color: white;
        background: #1f64b7;
        border-radius: 50%;
        margin: initial !important;
    }

    .selected-property2 {
        width: 120px;
        min-width: 120px !important;
        text-align: center;
        color: white;
        background: #1f64b7;
        border-radius: 50%;
        margin: auto !important;
    }

    .pos-input i {
        position: absolute;
        z-index: 2;
        right: 25px !important;
        top: 28px;
        padding: 4px;
        font-size: 20px;
    }

    .w-sm-50p {
        width: 50%;
        float: left;
    }

    .w-sm-23p {
        width: 23%;
        float: left;
    }

    .text-sm-left-1 {
        text-align: left !important;
    }

    .margin-sm-top-0px {
        margin-top: 0px !important;
    }

    .l-h-sm-35 {
        line-height: 35px;
    }

    .tab-container {
        width: 100% !important;
        padding-left: 29px;
        margin: 0 auto;
        margin-top: -25px;
    }

    .square {
        height: 100%;
        margin: 0 auto;
        text-align: center;
        overflow-y: scroll !important;
        overflow-x: hidden !important;
        position: relative;
        width: 100%;
    }

    .property-type .col-md-4 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        margin-bottom: 20px;
    }

    .property-type .col-md-4:last-child {
        margin-bottom: 0px;
    }

    .margin-sm-right-0px {
        margin-right: 0px !important;
    }

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

    .margin-right-sm-50p {
        right: 50%;
    }

    .margin-right-sm-62px {
        margin-right: -62.5px;
    }

    .w-sm-900px {
        width: 900px;
    }

    .pos-sm-23-0-0-23 {
        position: relative !important;
        top: -233px;
        left: -90px;
    }

    .margin-sm-bottom-20px {
        margin-bottom: 20px;
    }

    .h-sm-751px {
        height: 751px;
    }

    .h-sm-1200px {
        height: 1200px;
    }

    .pos-sm-55-0-0-0px {
        right: 0;
        top: 55px;
    }

    .margin-sm-top-0 {
        margin-top: 0px;
    }

    .margin-sm-bottom-70px {
        margin-bottom: 70px;
    }

    .w-sm-178px {
        width: 178px;
    }

    .margin-sm-right-0px {
        margin-right: 0px !important;
    }

    .margin-sm-top-10px {
        margin-top: 10px
    }

    .f-s-sm-20 {
        font-size: 20px !important;
    }

    .center-in-mobile {
        text-align: center;
    }

    .position-sm-relative {
        position: relative !important;
    }

    .pos-sm-40-0-0-0px {
        top: 40px;
        left: 0px;
    }

    .pos-sm--55-0-0-0px {
        position: relative !important;
        top: -55px;
        left: 0;
    }

    .pos-sm--100-0-0-0px {
        top: -100px
    }

    .pos-sm--165-0-0-0px {
        top: -165px
    }

    .advantage-icon {
        background-color: white;
        font-size: 40px;
        width: 90px;
        height: 90px;
        border-radius: 50%;
        padding: 28px;
        margin: 0 auto;
    }

    .icon-easy-pos {
        position: relative;
        left: -1px;
        top: -5px;
    }

    .icoo-fast-pos {
        position: relative;
        left: -1px;
        top: 0px;
    }

    .advantage-icon-3 {
        background-color: white;
        font-size: 30px;
        width: 90px;
        height: 90px;
        border-radius: 50%;
        padding: 35px;
        margin: 0 auto;
    }

    .advantage-icon-3 i {
        position: relative;
        top: -5px;
        left: -11px;
    }

    .advantage-icon-4 {
        background-color: white;
        font-size: 35px;
        width: 90px;
        height: 90px;
        border-radius: 50%;
        padding: 26px;
        margin: 0 auto;
    }

    .advantage-icon-4 i {
        font-size: 57px;
        position: relative;
        left: -1px;
        top: -9px;
    }

    .blue-box:after {
        width: 0;
        height: 0;
        border: 0 solid transparent !important;
        border-top-width: 0 !important;
        border-bottom-width: 0 !important;
        border-right: 0 solid #316bb4 !important;
        position: absolute;
        content: '';
        left: 250px !important;
        top: -77% !important;
        margin-top: -103px;
        transform: rotate(90deg);
    }

    .finanzierung {
        padding-bottom: 30px;
        margin: 0 auto;
    }

    .margin-sm-bottom-80px {
        margin-bottom: 80px;
    }

    .margin-sm-bottom-0px {
        margin-bottom: 0px !important;
    }

    .l-h-sm-45 {
        line-height: 45px;
    }

    .p-sm-30 {
        padding: 30px !important;
        left: 0;
        width: 100% !important;
        padding-bottom: 50px !important;
    }

    .search-container-mobile {
        padding: 30px !important;
        left: 0;
        width: 100% !important;
        padding-bottom: 25px !important;
    }

    .h-sm-50px {
        height: 50px;
    }

    .pos--6-0-0-0px {
        left: initial !important;
        top: -6px;
    }

    .w-sm-auto {
        width: auto !important;
    }

    .pos-sm--75-0-0-0px {
        top: -75px;
        right: initial;
    }

    .margin-sm-bottom-20px {
        margin-bottom: 20px;
    }

    .w-sm-100p {
        width: 100%;
    }

    .up-arrow-navigation {
        position: fixed;
        right: 15px !important;
        bottom: 30px;
        height: 60px;
        width: 60px;
        border-radius: 50%;
        background-color: #316BB4;
        opacity: 0.4;
        cursor: pointer;
        z-index: 3;
    }

    .postion-sm-relative {
        position: relative !important;
    }

    .pos-sm--350-0-0-0px {
        top: -350px;
    }

    .pos-sm-0-0--350-0px {
        bottom: -350px;
    }

    .margin-top-sm_350 {
        margin-top: -350px;
    }

    .margin-sm-0-auto {
        margin: 0 auto;
    }

    .margin-sm-50-0-0-auto {
        margin: 50px auto 0;
    }

    .w-sm-90p {
        width: 90%;
    }

    .w-sm-94p {
        width: 94%;
    }

    .w-sm-100p {
        width: 100% !important;
    }

    .p-sm-bottom-0px {
        padding-bottom: 0px !important;
    }

    .p-sm-0px {
        padding: 0px !important;
    }

    .p-sm-initial {
        right: initial !important;
        top: initial !important;
        left: 0 !important;
        bottom: initial !important;
    }

    .close-advisor-town .icon-ico_close {
        cursor: pointer;
        position: absolute;
        top: -9px;
        right: 20px !important;
    }

    .p-sm-10-24-0-0px {
        padding: 10px 24px 0px 0px !important;
    }

    .p-sm-left-0 {
        padding-left: 0;
    }

    .p-sm-right-0 {
        padding-right: 0;
    }

    .border-sm-left-none {
        border-left: 0px solid transparent !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

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

    .p-sm-0px {
        padding: 0px !important;
    }

    .pos-sm--27-0-0-0px {
        top: -27px;
        left: initial;
    }

    .group-select-default {
        padding: 2px;
        background: #FFF;
        width: auto;
    }

    .h-sm-44px {
        height: 44px !important;
    }

    .pos-sm-top-0px {
        top: 0;
    }

    .w-sm-160p {
        width: 160%;
    }

    .margin-sm-left-0px {
        margin-left: initial !important;
    }

    .margin-ssm-left-0px {
        margin-left: 0px !important;
    }

    .pos-sm-right-0px {
        right: -17px !important;
    }

    .pos-sm-left-95p {
        right: -15px !important;
        position: absolute !important;
    }

    .img-responsive {
        position: relative !important;
        top: -40px;
        left: 7%;
        width: auto;
    }

    .pos-0-0--300-0px {
        bottom: -300px;
    }

    .pos-12-0-0-0px {
        top: 12px;
    }

    .h-sm-600px {
        height: 600px;
    }

    .h-sm-700px {
        height: 700px;
    }

    .h-sm-830px {
        height: 830px;
    }

    .pos-top-0px {
        top: 0 !important;
    }

    .f-sm-16 {
        font-size: 16px;
    }

    .p-sm-right-0px {
        right: 0 !important;;
    }

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

    .margin-sm-top-100px {
        margin-top: 100px;
    }

    .margin-sm-top-100px-important {
        margin-top: 100px !important;
    }

    .margin-sm-top-60px-auto {
        margin: 60px auto 0px;
    }

    .arrow-slider {
        width: 100%;
        position: absolute;
        top: 50% !important;
        margin-top: -12px;
        bottom: inherit !important;
    }

    .f-sm-s-30 {
        font-size: 30px !important;
    }

    .f-sm-s-18 {
        font-size: 18px !important;
    }

    .margin-sm-top-auto {
        margin-top: auto;
    }

    .margin-sm-bottom-30px {
        margin-bottom: 30px;
    }

    .h-mob-100 {
        height: 100px !important;
    }

    .circle-brand-mob {
        right: initial !important;
        position: relative;
        top: -330px !important;
        margin-right: -250px !important;
    }

    .margin-sm-top-30px {
        margin-top: 30px !important;
    }

    .galery-block {
        position: relative !important;
        top: 0 !important;
    }

    .right-block {
        background-color: #CCDEF0;
        padding: 0px 12px 4px 22px !important;
        width: 350px;
        margin-bottom: 20px;
    }

    .text-sm-center {
        text-align: center !important;
    }

    .margin-sm-top--30px {
        margin-top: -300px;
    }

    .p-sm-35px {
        padding: 35px;
    }

    .z-i-sm-0 {
        z-index: 0;
    }

    .margin-sm-left-initial {
        margin-left: initial !important;
    }

    .margin-sm-top--90px {
        margin-top: -90px;
    }

    .margin-sm-left-20px {
        margin-left: 20px;
    }

    .margin-sm-left-15:before {
        margin-left: 15px;
    }

    .f-sm-s-19 {
        font-size: 19px !important;
    }

    .p-sm-left-43px {
        padding-left: 43px !important;
    }

    .new-container-collapse {
        margin-left: 0px !important;
        padding: 20px !important;
        margin-bottom: 0px
    }

    .panel-private-property-opened span {
        margin-left: 0px;
    }

    .alpha-opened span {
        margin-left: 0px;
        word-break: break-all;
    }

    .panel-private-property-opened .body-panel span {
        margin-left: 20px;
    }

    .panel-private-property-opened i {
        margin-left: 0;
        background-color: #dbe8d1;
        border-radius: 50%;
        padding: 12px 10px;
        top: -5px;
        position: relative;
        font-size: 12px;
    }

    .pos-icon-panel {
        margin-left: 20px;
        margin-top: 20px;
        margin-right: 0;
    }

    .project-reference-right-block {
        border-top: none;
        padding: 20px;
        margin-top: 62px;
    }

    .p-sm-15px {
        padding: 15px !important;
    }

    .p-sm-left-15px {
        padding-left: 15px !important;
    }

    .p-sm-right-15px {
        padding-right: 15px !important;
    }

    .margin-sm-top--350px {
        margin-top: -350px;
    }

    .margin-sm-top-30px {
        margin-top: 30px;
    }

    .pos-111-0-0-initial {
        top: 111px;
        left: initial;
    }

    .w-sm-50px {
        width: 50px !important;
    }

    .position-sm-absolute {
        position: absolute;
    }

    .pos-sm-left-0px {
        left: 0;
    }

    .pos-initial {
        bottom: initial;
        right: initial;
    }

    .pos-sm--18px {
        left: -18px;
    }

    .pos-initial-0-0-0 {
        bottom: initial;
        right: initial;
        top: initial
    }

    .pos-initial-pp-pp-0-pp {
        bottom: 0px;
        right: initial;
        top: initial
    }

    .p-sm-left-0px {
        padding-left: 0px !important
    }

    .p-sm-right-0px {
        padding-right: 0px !important
    }

    .p-sm-left-none {
        padding-left: 1 !important
    }

    .triangle-left:after {
        display: none;
    }

    .margin-sm-bottom-50px {
        margin-bottom: 50px;
    }

    .pos-sm-initial {
        top: initial;
        left: initial;
    }

    .h-sm-100px {
        height: 100px;
    }

    .list-search-guide ul {
        display: -webkit-box;
        list-style: none;
        padding-left: 21px;
        padding-bottom: 20px;
        padding-top: 20px;
        margin-right: 18px;
    }

    .overflow-y-sm-scroll {
        overflow-y: scroll;
    }

    .border-left-sm-0px {
        border-left: 0px !important;
    }

    .mx-sm-100p {
        max-width: 100% !important;
    }

    .tabset1 > label {
        position: relative;
        display: inline-block;
        padding: 15px 15px 10px;
        border: 1px solid transparent;
        border-bottom: 1px solid;
        cursor: pointer;
        margin-bottom: -20px;
        color: #ffffff;
        width: 100%;
        text-align: center;
        margin-right: -5px;
        font-size: 17px;
        background: -webkit-gradient(linear, left top, left bottom, from(#316BB4), to(#22418E));
        background: linear-gradient(180deg, #316BB4 0%, #22418E 100%);
        line-height: 12px;
    }

    .search-zip-code--auto-width {
        margin: 10px auto;
    }

    /** End **/
    .scroll-responsive-menu {
        height: 100%;
        overflow-y: scroll;
        width: 100%;
    }

    .info-popover {
        position: absolute;
        left: 0;
        background: #CCDEF0;
        width: 100%;
        border: 1px solid #254995;
        top: -111px;
        padding: 12px;
        z-index: 7;
        font-size: 14px;
    }

    .pos-0-0-0--103px {
        left: -29px;
    }

    .margin-top-sm-25px {
        margin-top: 25px;
    }

    .pos-0-0-0--96 {
        position: relative;
        left: 0;
        margin-top: 20px;
    }
}

@media (max-width: 500px) {
    .nowrap-sm {
        white-space: nowrap;
    }

    .justify-content-center-sm {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .sell-container .pos-sm-ini-ini-160-0px {
        bottom: 160px;
    }

    .pos-sm-ini-ini-160-0px {
        bottom: 225px;
    }

    .h-msm-722px {
        height: 722px;
    }

    .pos-msm-49-0-0-0px {
        top: 26px;
    }

    .sell-container .pos-msm-49-0-0-0px {
        top: -4px;
    }

    .take-whole-space {
        top: 100px !important;
    }
}

@media (max-width: 400px) {
    .contact-item-favorite-xxsm {
        padding: 10px 0px;
        border-bottom: 1px solid #E5EAEE;
    }

    .contact-item-favorite-xxsm:last-child {
        padding-bottom: 0px;
        border-bottom: none;
    }

    .change-view-to-column-xxsm {
        flex-direction: column;
    }

    .img-contact-favorite-xxsm {
        height: 90px;
        justify-content: center;
        -ms-flex-pack: center;
        display: -ms-flexbox;
        display: flex;
    }

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

    .mt-3-xxsm {
        margin-top: 1rem;
    }

    .favorite-tab {
        padding: 0px;
    }

    .favorite-tab .search-portal-container {
        padding: 0px 15px 15px !important;
    }
}

@media (max-width: 360px) {

    .h-xxsm-560px {
        height: 560px;
    }

    .pos-xxsm-_80-0-0-0px {
        top: -80px;
    }

    .pos-xxsm-0-0-152-0px {
        bottom: 152px !important;
    }

    .buyers-finder .halfCircleBottom2 {
        margin-top: 136px;
        height: 140px;
        width: 290px;
        border-radius: 300px 300px 0 0;
        background: white;
        padding-bottom: 12px;
        text-align: center;
        margin-bottom: 39px;
        z-index: 2;
        position: relative;
    }
}

@media (max-width: 670px) {
    .h-smm-700px {
        height: 700px;
    }

    .finnace-container.h-smm-700px {
        height: 750px;
    }

    .sell-container .pos-sm-100-0-0-0px {
        top: 0px;
    }

    .sell-container .pos-sm-0-0-11-0px {
        bottom: 111px !important;
    }

    .margin-top-670-20px {
        margin-top: 20px;
    }
}

@media (max-width: 580px) {
    .sell-container .pos-msm-49-0-0-0px {
        top: -98px;
    }

    .h-smm-650px {
        height: 650px;
    }

    .sell-container .pos-sm-100-0-0-0px {
        top: -50px;
    }

    .sell-container .pos-sm-0-0-11-0px {
        bottom: 151px !important;
    }

    .finnace-container.h-smm-700px {
        height: 800px;
    }

    .finnace-container .pos-sm-100-0-0-0px {
        top: 150px;
    }

    .finnace-container .pos-sm-0-0-11-0px {
        bottom: -50px !important;
    }

    .finnace-container .pos-sm-ini-ini-160-0px {
        bottom: 164px;
    }
}

@media (max-width: 480px) {
    .btn-favorite-xxsm {
        width: calc(100% - 60px);
    }

    .h-smm-650px {
        height: 550px
    }

    .sell-container .pos-sm-100-0-0-0px {
        top: -150px;
    }

    .sell-container .pos-sm-0-0-11-0px {
        bottom: 163px !important;
    }

    .finnace-container.h-smm-700px {
        height: 760px;
    }

    .finnace-container .pos-sm-100-0-0-0px {
        top: 110px;
    }

    .finnace-container .pos-sm-0-0-11-0px {
        bottom: -10px !important;
    }

    .finnace-container .pos-sm-ini-ini-160-0px {
        bottom: 124px;
    }

    .d-480px-none {
        display: none
    }

    .up-arrow-navigation {
        right: 15px !important;
    }
}

@media (max-width: 430px) {
    .p-l-430-0 {
        padding-left: 0px !important
    }

    .m-l-430-0 {
        margin-left: 0px !important
    }

    .word-break-430 {
        word-break: break-all;
        text-align: left;
    }
}

@media (max-width: 420px) {
    .w-sm-320px {
        width: 320px
    }

    .f-w-700-md {
        font-weight: bold;
    }

    .margin-ssm-top-0 {
        margin-top: 0px
    }

    .flex-ssm-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .w-sm-70px {
        width: 70px
    }

    .l-h-sm-24 {
        line-height: 24px;
    }

    .l-h-sm-30 {
        line-height: 30px;
    }

    .l-h-sm-20 {
        line-height: 20px;
    }

    .margin-top-sm-13px {
        margin-top: 13px;
    }

    .circle-sm-300px {
        width: 300px !important;
        height: 300px !important;
        margin: 0 auto !important;
    }

    .bold-md {
        font-weight: bold
    }

    .f-sm-s--23 {
        font-size: 23px;
    }

    .f-sm-s--21 {
        font-size: 21px !important;
    }

    .f-sm-s--20 {
        font-size: 20px;
    }

    .f-sm-s--14 {
        font-size: 14px !important;
    }

    .f-sm-s--18 {
        font-size: 18px !important;
    }

    .f-sm-s--15 {
        font-size: 15px;
    }

    .margin-bottom-sm-15 {
        margin-bottom: 15px
    }

    .h-xsm-600px {
        height: 600px
    }

    .pos-xsm-_38-0-0-0px {
        top: -38px;
    }

    .pos-xsm-0-0-111-0px {
        bottom: 111px !important;
        right: initial;
    }

    .pos-sm-ini-ini-160-0px {
        bottom: 160px;
    }

    .h-smm-650px {
        height: 500px
    }

    .sell-container .pos-sm-100-0-0-0px {
        top: -150px;
    }

    .sell-container .pos-sm-0-0-11-0px {
        bottom: 163px !important;
    }

    .finnace-container.h-smm-700px {
        height: 660px;
    }

    .finnace-container .pos-sm-100-0-0-0px {
        top: 10px;
    }

    .finnace-container .pos-sm-0-0-11-0px {
        bottom: 50px !important;
    }

    .finnace-container .pos-sm-ini-ini-160-0px {
        bottom: 165px;
    }

    .fmargin-m-t-20 {
        margin-top: 0 !important
    }

    .company-item.finanzierung {
        padding: 20px;
    }

    .company-item.finanzierung span {
        margin-left: 0px;
    }

    .margin-top-_10px {
        margin-top: -10px;
    }
}

@media (max-width: 380px) {
    .sell-container .pos-msm-49-0-0-0px {
        top: -130px;
    }

    .h-smm-650px {
        height: 450px
    }

    .sell-container .pos-sm-100-0-0-0px {
        top: -200px;
    }

    .sell-container .pos-sm-0-0-11-0px {
        bottom: 200px !important;
    }

    .change-font-mobile {
        line-height: 20px;
        margin-top: -28px;
        margin-bottom: 10px;
    }

    .pos-sm-100-0-0-0px {
        top: -200px;
    }

    .h-sm-540px {
        height: 540px;
    }

    .pos-sm-0-0--200-0px {
        bottom: -200px;
    }
}

@media (max-width: 400px) {
    .w-smm-250px {
        width: 250px
    }

    .word-break-400 {
        word-break: break-all;
    }

    .selected-property2 {
        width: 100px;
        min-width: 80px !important;
    }

    .proportional-width {
        height: 160% !important;
    }

    .margin-bottom-400-0 {
        margin-bottom: 0px !important
    }

    .margin-top-400-20px {
        margin-top: 20px !important;
    }

    .selected-property2 {
        max-width: 80px;
    }

    app-buyer-search .slide-range-container {
        width: 51%;
    }
}

@media (max-width: 350px) {
    .finnace-container.h-smm-700px {
        height: 600px;
    }

    .finnace-container .pos-sm-100-0-0-0px {
        top: -60px;
    }

    .finnace-container .pos-sm-0-0-11-0px {
        bottom: 120px !important;
    }

    .finnace-container .pos-sm-ini-ini-160-0px {
        bottom: 190px;
    }

    .devloper-container .project-reference-right-block img {
        height: 80px;
        width: 80px;
        margin-top: -12px;
    }

    .search--finnacne-container .col-80 {
        width: 60%;
    }

    .col-evalute-step-1 label {
        padding-left: 0 !important
    }

    .modal-container input:checked ~ .checkmarks {
        width: 25px !important;
        height: 25px !important;
    }

    .modal-container .container .checkmarks:after {
        width: 15px !important;
        height: 15px !important;
    }

    .buyer-container-1 p {
        color: #FFFFFF;
        font-size: 12px !important;
        line-height: 22px;
        text-align: center;
        margin-bottom: 0;
        padding-bottom: 20px;
        padding: 0px 25px 15px 25px;
    }
}


@media (max-width: 580px) {
    .property-sales-container.global-iframe-container .bubble-height {
        height: 680px !important;
    }

    .home-page-container .bubble-height {
        height: 600px !important;
    }

    .home-page-container .bubble-pos-img {
        bottom: -2px !important;
    }

    .property-sales-container .bubble-height {
        height: 600px !important;
    }

    .property-sales-container .bubble-pos-empty-circle {
        bottom: 160px !important;
    }

    .home-page-container .bubble-pos-empty-circle {
        bottom: 60px !important;
    }

    .home-page-container .bubble-pos-circle {
        top: 303px !important;
    }
}

@media (max-width: 500px) {
    .text-500-center {
        text-align: center !important
    }

    .home-page-container .bubble-height {
        height: 508px !important;
    }

    .property-sales-container .bubble-height {
        height: 508px !important;
    }

    .property-sales-container .bubble-pos-img {
        bottom: 130px !important;
    }

    .home-page-container .bubble-pos-circle {
        top: 177px !important;
    }

    .home-page-container .bubble-pos-empty-circle {
        bottom: 30px !important;
    }

    .sell-container .pos-msm-49-0-0-0px {
        top: -199px;
    }

    .property-sales-container .bubble-pos-empty-circle {
        bottom: 255px !important;
    }
}

@media (max-width: 450px) {
    .home-page-container .bubble-height {
        height: 462px !important;
    }

    .property-sales-container .bubble-height {
        height: 462px !important;
    }

    .home-page-container .bubble-pos-img {
        bottom: 8px !important;
    }
}

@media (max-width: 420px) {
    .home-page-container .bubble-height {
        height: 450px !important;
    }

    .property-sales-container .bubble-height {
        height: 450px !important;
    }

    .home-page-container .bubble-pos-img {
        bottom: 17px !important;
    }

    .home-page-container .bubble-pos-circle {
        top: 241px !important;
    }

    .home-page-container .bubble-pos-empty-circle {
        bottom: 94px !important;
    }
}

@media (max-width: 380px) {
    .property-sales-container .bubble-height {
        height: 412px !important;
    }

    .home-page-container .bubble-pos-img {
        bottom: 28px !important;
    }

    .home-page-container .bubble-height {
        height: 412px !important;
    }

    .pos-xm-_20-0-0-_63px {
        left: -20px;
    }
}

@media (max-width: 340px) {
    .property-sales-container .bubble-height {
        height: 380px !important;
    }

    .property-sales-container .bubble-pos-circle {
        top: 334px !important;
    }

    .home-page-container .bubble-height {
        height: 380px !important;
    }

    .home-page-container .bubble-pos-img {
        bottom: 42px !important;
    }

    .home-page-container .bubble-pos-circle {
        top: 173px !important;
    }
}

@media (max-width: 1130px) {
    .margin-left-80px {
        margin-left: 53px;
        margin-bottom: 20px;
    }
}

@media (max-width: 910px) {
    .margin-left-80px {
        margin-left: 0;
    }
}

@media (max-width: 833px) and (min-width: 768px) {
    .f-s-18 {
        font-size: 17px;
    }

    .examination-text {
        color: #000000;
        font-family: Roboto, sans-serif;
        font-size: 14px;
        line-height: 20px;
        padding-left: 30px;
        margin-top: 0px;
    }
}

@media (max-width: 576px) {
    .geo-evaluate-icon {
        top: -51px !important;
    }

    .only-for-contact.geo-evaluate-icon {
        top: 17px !important;
    }

    .examination-text {
        color: #000000;
        font-family: Roboto;
        font-size: 14px;
        line-height: 20px;
        padding-left: 0;
        margin-top: 25px;
    }

    .pl-30 {
        padding-left: 0;
    }

    .margin-bottom-xs-20 {
        margin-bottom: 20px;
    }

    #examination-table {
        margin-top: 15px;
        width: 100%;
    }

    .margin-xs-0-auto {
        margin: 0 auto;
    }
}

@media (max-width: 953px) and (min-width: 635px) {
    .contact-person.tabset > label {
        position: relative;
        display: inline-block;
        padding: 15px 0px 10px;
        border: 1px solid #316BB4;
        border-bottom: 1px solid;
        cursor: pointer;
        margin-bottom: -20px;
        background-color: #EAF0F7;
        color: #316BB4;
        width: 25% !important;
        text-align: center;
        margin-right: -5px;
        font-size: 15px;
        line-height: 12px;
    }

    .personal-data.tabset > label {
        position: relative;
        display: inline-block;
        padding: 15px 15px 15px;
        border: 1px solid #316BB4;
        border-bottom: 1px solid;
        cursor: pointer;
        margin-bottom: -1px;
        background-color: #EAF0F7;
        color: #316BB4;
        width: auto !important;
        text-align: center;
        margin-right: -5px;
        font-size: 16px;
        line-height: 12px;
    }
}

@media (max-width: 634px) {
    .contact-person.tabset > label {
        position: relative;
        display: inline-block;
        padding: 15px 15px 10px;
        border: 1px solid #316BB4;
        border-bottom: 1px solid;
        cursor: pointer;
        margin-bottom: -20px;
        background-color: #EAF0F7;
        color: #316BB4;
        width: 100%;
        text-align: center;
        margin-right: -5px;
        font-size: 16px;
        line-height: 12px;
    }

    .personal-data.tabset > input:checked + label {
        border-color: #316BB4;
        border-bottom: 1px solid #316BB4;
        margin-bottom: 0px;
        background-color: white !important;
        border-bottom: none;
        color: black;
        padding-top: 20px;
        z-index: 1;
    }

    .personal-data.tabset > label {
        position: relative;
        display: inline-block;
        padding: 15px 15px 15px;
        border: 1px solid #316BB4;
        border-bottom: 1px solid;
        cursor: pointer;
        margin-bottom: -1px;
        background-color: #EAF0F7;
        color: #316BB4;
        width: 100% !important;
        text-align: center;
        margin-right: -5px;
        font-size: 16px;
        line-height: 12px;
    }

    .contact-person.tabset > label {
        position: relative;
        display: inline-block;
        padding: 15px 15px 15px;
        border: 1px solid #316BB4;
        border-bottom: 1px solid;
        cursor: pointer;
        margin-bottom: -1px;
        background-color: #EAF0F7;
        color: #316BB4;
        width: 100% !important;
        text-align: center;
        margin-right: -5px;
        font-size: 16px;
        line-height: 12px;
    }

    .contact-person.tabset > input:checked + label {
        border-color: #316BB4;
        border-bottom: 1px solid #316BB4;
        margin-bottom: 0px;
        background-color: white !important;
        border-bottom: none;
        color: black;
        padding-top: 20px;
        z-index: 1;
    }
}

@media (max-width: 888px) and (min-width: 768px) {
    .ph-not-content {
        margin: 0 auto;
        text-align: left;
        margin-bottom: -150px;
    }
}

@media (max-width: 786px) and (min-width: 320px) {
    .ph-not-content {
        margin: 0 auto;
        text-align: left;
        margin-bottom: 0px;
    }

    .ph-not-content {
        margin: 0 auto;
        margin-bottom: initial;
        text-align: center;
    }

    .ph-not-found-right-block {
        position: relative;
        top: -60px;
        left: initial;
        height: 227px;
        padding: 25px;
        text-align: left;
    }
}

@media (max-width: 500px) and (min-width: 320px) {
    .ph-not-found-right-block {
        position: relative;
        top: -60px;
        left: initial;
        height: auto !important;
        padding: 25px;
        text-align: left;
    }

    .ph-404-right {
        padding: initial;
        text-align: left;
        margin: initial;
    }

    .ph-not-content .d-flex {
        display: initial !important;
    }
}

@media (max-width: 767px) {
    .mt-m-20 {
        margin-top: 20px;
    }

    .lp-menu {
        display: none;
    }

    .p-0-9-0-2 {
        padding-right: initial;
        padding-left: initial;
    }

    .buyers-finder-input i {
        position: absolute;
        z-index: 2;
        right: 0;
        top: 14px;
        padding: 4px;
        font-size: 16px;
    }
}

@media (max-width: 644px) {
    .buyers-finder .recommand-check {
        margin: 0 auto;
        width: 100%;
        border-top: 1px solid #E5EAEE;
        padding-top: 40px;
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (max-width: 1200px) {
    .block-for-buyer {
        padding: 0 15px 200px 15px
    }

    .buyer-circle-1 {
        height: 350px;
        width: 350px;
        background-color: #94C351;
        border-radius: 50%;
        position: absolute;
        top: 50px;
        left: 61%;
    }

    .p-0-9-0-2 {
        padding-right: 3em;
        padding-left: 2em;
    }

    .buyers-finder-input i {
        position: absolute;
        z-index: 2;
        right: 57px;
        top: 14px;
        padding: 4px;
        font-size: 16px;
    }

    .arrow-up:after {
        width: 0;
        height: 0;
        border: 0 solid transparent;
        border-top-width: 34px;
        border-bottom-width: 34px;
        border-right: 42px solid #ffffff;
        position: absolute;
        content: '';
        top: -65px;
        transform: rotate(90deg);
        left: 40%;
    }
}

@media (max-width: 1100px) {
    .buyer-circle-1 {
        height: 350px;
        width: 350px;
        background-color: #94C351;
        border-radius: 50%;
        position: absolute;
        top: 33px;
        left: 61%;
    }
}

@media (max-width: 993px) {
    .buyer-circle-1 {
        height: 350px;
        width: 350px;
        background-color: #94C351;
        border-radius: 50%;
        position: absolute;
        top: 13px;
        left: 61%;
    }
}

@media (max-width: 991px) {
    .buyer-circle-1 {
        height: 350px;
        width: 350px;
        background-color: #94C351;
        border-radius: 50%;
        position: absolute;
        top: 48px;
        left: 30%;
    }

    .block-for-buyer .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 71%;
        flex: 0 0 71%;
        max-width: 71%;
        margin: 0 auto;
        padding: 0;
        margin-top: 25px;
    }

    .p-0-9-0-2 {
        padding-right: initial;
        padding-left: initial;
    }

    .block-for-buyer .buyers-finder-input .icon-ico_geolocation_active {
        position: absolute;
        z-index: 2;
        right: 10px;
        top: 14px;
        padding: 4px;
        font-size: 16px;
    }

    .overflow-resp {
        overflow: hidden;
    }

    .img-buyer-resp {
        width: 125% !important;
        margin-left: -84px;
    }

    .img-buyer-resp-2 {
        width: 125% !important;
        margin-left: -84px;
    }

    .buyers-finder-input .floating-label {
        position: absolute;
        left: 11px;
        top: 14px;
        font-size: 14px;
        color: #6F7980;
        transition: .2s ease-in-out;
    }

    .buyers-finder-input input:focus ~ .floating-label, input:not(:focus):valid ~ .floating-label {
        top: 5px;
        left: 11px !important;
        font-size: 14px;
        color: #6F7980;
    }

    .arrow-up:after {
        width: 0;
        height: 0;
        border: 0 solid transparent;
        border-top-width: 34px;
        border-bottom-width: 34px;
        border-right: 42px solid #ffffff;
        position: absolute;
        content: '';
        top: -57px;
        left: 8%;
        transform: rotate(90deg);
    }

    .buyer-circle-container .buyer-circle-3 {
        height: 148px;
        width: 148px;
        background-color: #FF8B00;
        border-radius: 50%;
        position: relative;
        top: 42px;
        left: 24px;
        padding: 20px;
        opacity: 0.5;
    }

    .buyer-text-container {
        position: relative;
        top: 73px;
        background: white;
        left: 22px;
        font-size: 14px;
        color: #316BB4;
        padding: 5px;
        text-align: center;
        width: 160px;
    }

    .buyer-circle-container .buyer-circle-3 p {
        color: #FFFFFF;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        margin-top: 4px;
    }

    .buyer-circle-container .buyer-circle-2 {
        height: 186px;
        width: 186px;
        background-color: #316BB4;
        border-radius: 50%;
        position: relative;
        top: 43px;
        left: -8%;
        padding: 13px;
    }

    .buyer-circle-container .buyer-circle-2 button {
        position: absolute;
        bottom: -191px;
        left: -32px;
    }

    .buyer-circle-container .buyer-circle-2 p {
        color: #FFFFFF;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        margin-top: 12px;
    }

    .buyer-circle-container .buyer-circle-1 {
        height: 266px;
        width: 266px;
        background-color: #94C351;
        border-radius: 50%;
        position: relative;
        top: 27px;
        left: 16%;
        padding: 30px 50px 0px 50px;
    }

    .buyer-circle-container .buyer-circle-1 h1 {
        font-size: 50px;
        font-weight: bold;
        color: #FFFFFF;
        text-align: center;
        border-bottom: 2px solid rgba(255, 255, 255, 0.5);
        border-top: 2px solid rgba(255, 255, 255, 0.5);
        padding: 10px;
        margin-top: 8px;
    }

    .m-xl-15-_15px {
        margin: 15px -15px;
    }

    .pos-xl-_63-0-0-_50px {
        left: -50px;
    }

    .pos-md-19-0-0-_50p {
        left: 50%;
    }

    .m-0-_62-0-0px {
        margin-left: -62.5px;
    }
}

@media (max-width: 850px) {
    .buyer-circle-1 {
        height: 350px;
        width: 350px;
        background-color: #94C351;
        border-radius: 50%;
        position: absolute;
        top: 24px;
        left: 30%;
    }
}

@media (max-width: 767px) {
    .block-for-buyer .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    .block-for-buyer {
        padding: 0px 0px 200px 0px;
    }

    .overflow-resp {
        display: none;
    }

    .buyer-container-1 {
        position: relative;
        background-color: #94C351;
    }

    .buyer-container-1 p {
        color: #FFFFFF;
        font-size: 14px;
        line-height: 22px;
        text-align: center;
        margin-bottom: 0;
        padding-bottom: 20px;
        padding: 0px 25px 15px 25px;
    }

    .buyer-container-1 h1 {
        color: #316BB4;
        text-align: center;
        margin-top: -15px;
        font-size: 24px;
        line-height: 28px;
    }

    .buyer-container-1 .prices-container {
        background-color: white;
        font-size: 40px;
        color: #316BB4;
        margin: 0 auto;
        width: 220px;
        position: relative;
        top: 30px;
        margin-bottom: 60px;
        height: 50px;
        overflow: hidden;
        text-align: center;
        letter-spacing: 6px;
    }

    .pos-counter-top {
        position: absolute;
        top: -24px;
        right: 16%;
        width: 25px;
        direction: rtl;
        overflow: hidden;
    }

    .pos-counter-initial {
        position: absolute;
        width: 100%;
        top: -5px;
    }

    .pos-counter-bottom {
        position: absolute;
        bottom: -25px;
        right: 16%;
        direction: rtl;
        overflow: hidden;
        width: 25px;
    }

    .shadow-counter {
        width: 100%;
        height: 50px;
        position: absolute;
        top: 0px;
        left: 0px;
        -webkit-box-shadow: inset 0px 0px 5px 5px rgba(255, 255, 255, 1);
        -moz-box-shadow: inset 0px 0px 5px 5px rgba(255, 255, 255, 1);
        box-shadow: inset 0px 0px 5px 5px rgba(255, 255, 255, 1);
    }

    .pos-counter-top:after {
        content: '';
        position: absolute;
        width: 100%;
        background: #FFF;
        right: 34px;
        top: 0px;
        height: 45px;
    }

    .pos-counter-initial:after {
        content: '';
        position: absolute;
        width: 25px;
        background: #FFF;
        right: 34px;
        top: 0px;
        height: 45px;
    }

    .mb-m-15 {
        margin-bottom: 15px;
    }

    .p-m-15px {
        padding: 15px;
    }

    .mt-m-50 {
        margin-top: 50px;
    }

    .f-s-m-20 {
        font-size: 20px !important;
    }

    .f-s-m-21 {
        font-size: 21px !important;
    }

    .buyers-finder .checkmark {
        left: -1px;
        height: 20px;
        width: 20px;
        border: 2px solid #B2B9BE;
        background: white;
    }

    .arrow-up:after {
        width: 0;
        height: 0;
        border: 0 solid transparent;
        border-top-width: 13px;
        border-bottom-width: 13px;
        border-right: 13px solid #ffffff;
        position: absolute;
        content: '';
        top: -30px;
        left: 50%;
        transform: rotate(90deg);
    }

    .buyer-m-content-1 {
        background-color: #316BB4;
    }

    .buyer-m-content-2 {
        background-color: #FF8B00;
    }

    .buyer-m-content-3 {
        background-color: #94C351;
    }

    .buyer-m-content-3 h1 {
        font-size: 46px;
        font-weight: bold;
        color: #FFFFFF;
        text-align: center;
        border-bottom: 2px solid rgba(255, 255, 255, 0.5);
        border-top: 2px solid rgba(255, 255, 255, 0.5);
        padding: 20px;
    }

    .f-w-b {
        font-weight: bold !important;
    }

    .mb-m-0 {
        margin-bottom: 0px !important;
    }

    .buyers-finder .recommand-check {
        margin: 0 auto;
        width: 100%;
        border-top: 1px solid #E5EAEE;
        padding-top: 15px !important;
        padding-right: 15px;
        padding-left: 15px;
    }

    .pt-m-0 {
        padding-top: 10px;
    }

    .p-768-0 {
        padding-left: 0px;
    }

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

@media (max-width: 1040px) and (min-width: 992px) {
    .buyer-circle-container {
        position: absolute;
        top: -24px;
        left: -25px;
        width: 100%;
    }

    .buyer-circle-container .buyer-circle-2 button {
        position: absolute;
        bottom: -82px;
        left: 5px;
    }

    .buyer-text-container {
        position: relative;
        top: 77px;
        background: white;
        left: -16px;
        font-size: 14px;
        color: #316BB4;
        padding: 10px;
        text-align: center;
        width: 260px;
    }
}

@media (max-width: 866px) and (min-width: 768px) {
    .img-buyer-resp-2 {
        width: 140% !important;
        margin-left: -84px;
    }

    .buyer-circle-container {
        position: absolute;
        top: -13px;
        width: 100%;
        left: -3%;
    }

    .container .buyer-circle-2 {
        height: 186px;
        width: 186px;
        background-color: #316BB4;
        border-radius: 50%;
        position: relative;
        top: 43px;
        left: -16%;
        padding: 13px;
    }
}

@media (max-width: 1366px) {
    .m-0-0-0-90px {
        margin: 0px 0px 0px 68px !important;
    }
}

@media (max-width: 767px) {
    .m-0-0-0-90px {
        margin: 0 !important;
    }
}

@media (max-width: 1100px) and (min-width: 991px) {
    .my-planet-portal .left.carousel-control {
        left: -25px
    }

    .my-planet-portal .right.carousel-control {
        right: -25px
    }

    .img-carousel-myplanet {
        margin-left: 10px !important
    }

}

@media (max-width: 472px) {
    .chart-text-container-2 {
        display: none;
    }

    .chart-text-container-2.mobile-search-section {
        display: block;
        margin-top: 20px;
    }
}

@media (max-width: 380px) {
    .pos-xm-_63-0-0-198px {
        left: 198px;
    }

    .position-xm-absolute {
        position: absolute !important;
    }
}

@media (width: 992px) {
    .top-menu {
        display: none !important;
    }
}

@media (min-width: 993px) {
    .top-menu {
        top: 35px;
    }
}

@media (max-width: 1317px) {
    .justify-content-center-1317px {
        justify-content: center;
    }

    .margin-0-1317px {
        margin: 0;
    }

    .top-menu.second-part-links {
        -ms-flex: 0 0 185px;
        flex: 0 0 185px;
        max-width: 185px;
    }
}