.homepage-3 .container-fluid {
    max-width: 1560px
}

@media (min-width: 1680px) {
    .contact-map .address-box-container {
        height:480px
    }
}

@media only screen and (max-width: 1366px) and (min-width:1240px) {
    .parallax-content {
        padding:74px 0
    }

    .search-container {
        padding: 130px 0
    }

    .listing-features li {
        margin-right: 24px
    }

    #header {
        padding: 22px 0 12px
    }

    .fullwidth-home-slider .item,.fullwidth-property-slider .item {
        height: 520px
    }

    .parallax #titlebar {
        padding: 60px 0
    }

    #titlebar {
        padding: 50px 0
    }

    .user-menu .user-name {
        max-width: 110px
    }
}

@media (max-width: 1599px) {
    .col-fs-10,.col-fs-11,.col-fs-12,.col-fs-6,.col-fs-7,.col-fs-8,.col-fs-9 {
        width:100%
    }

    .col-fs-1,.col-fs-2,.col-fs-3,.col-fs-4,.col-fs-5 {
        width: 50%
    }
}

@media (max-width: 1440px) {
    .contact-map .address-box-container {
        height:420px
    }

    .fullwidth-home-slider .item,.fullwidth-property-slider .item {
        height: 500px
    }
}

@media (max-width: 1366px) {
    .fullwidth-property-slider .slick-prev {
        left:9%
    }

    .fullwidth-property-slider .slick-next {
        right: 9%
    }

    .pick-price.tip .tip-content,.pick-price.tip:hover .tip-content {
        transform: translate(-100%,calc(-100% - 10px))
    }

    .pick-price.tip .tip-content {
        left: 28px
    }

    .pick-price.tip .tip-content:after {
        left: auto;
        right: 1px
    }
}

@media (max-width: 1369px) {
    #map-container.homepage-map {
        height:480px
    }
}

@media (max-width: 1365px) {
    .listings-container.fs-listings.grid-layout .listing-item {
        width:100%;
        margin: 0 0 30px
    }

    .listings-container.fs-listings.grid-layout {
        padding: 0 40px
    }

    .listings-container.fs-listings.list-layout .listing-item {
        display: block
    }

    .fs-switcher .layout-switcher,.listings-container.fs-listings.list-layout .details.button.border {
        display: none
    }

    .listings-container.fs-listings.list-layout .listing-img-container {
        max-width: 100%
    }
}

@media (max-width: 1239px) {
    #map-container.homepage-map {
        height:480px
    }

    #header.cloned,.icon-box-1.alternative:after {
        display: none
    }

    .fullwidth-layout .list-layout .listing-content {
        flex: 3
    }

    .fullwidth-layout .list-layout .listing-img-container {
        flex: 1.5
    }

    .listing-item.compact li {
        padding: 15px 15px 0 0;
        font-size: 13px;
        line-height: 18px
    }

    .listing-item.compact li span {
        font-size: 13px
    }

    .listing-img-content span {
        font-size: 25px
    }

    .compact .listing-img-content .listing-compact-title {
        padding: 18px 23px
    }

    .compact .listing-img-content .listing-compact-title i {
        font-size: 15px;
        margin: 1px 0 0
    }

    .compact .listing-img-container:before {
        background: linear-gradient(to bottom,transparent 50%,#2f2f2f)
    }

    #navigation.style-1 {
        margin: 30px 0 10px -5px;
        width: 100%;
        padding-top: 25px;
        position: relative
    }

    #navigation.style-1:before {
        position: absolute;
        width: 940px;
        height: 1px;
        display: block;
        top: 0;
        left: 5px;
        content: "";
        background: #e0e0e0
    }

    .fullwidth-home-slider .slick-prev {
        right: 75px;
        left: initial
    }

    .fullwidth-home-slider .slick-next {
        right: 20px;
        left: initial
    }

    .fullwidth-home-slider .slick-next,.fullwidth-home-slider .slick-prev {
        border-radius: 3px;
        top: 40px;
        transform: none;
        opacity: 1;
        transform: translate(0,0)
    }

    .fullwidth-home-slider:hover .slick-next,.fullwidth-home-slider:hover .slick-prev {
        transform: translate(0,0)
    }

    .property-slider.default .item {
        height: 500px
    }

    .listing-features {
        padding: 24px 30px
    }

    .listing-features li {
        color: #000;
        margin-right: 25px;
        padding: 0
    }

    .listing-features li span {
        display: inline-block;
        color: #3a46a6;
        margin-left: 3px
    }

    .header-widget {
        height: auto
    }

    .parallax #titlebar {
        padding: 75px 0
    }
}

@media (max-width: 1400px) and (min-width:1201px) {
    .latest_properties .listing-badges span.for_rent,.latest_properties .listing-badges span.for_sale {
        right:-145px!important
    }
}

@media screen and (min-width: 1280px) {
    .help-section {
        position:sticky;
        min-width: 270px;
        top: 85px
    }
    #map-container.homepage-map{
           position:sticky;
        min-width: 270px;
        top: 85px
    }
    .listing-ad .help-section {
        position: relative;
        max-width: none;
        top: 0
    }
}

@media (min-width: 1200px) {
    .property_search .listing-badges {
        height: 112px;
    }

    .latest_properties .listing-badges span.for_rent, .latest_properties .listing-badges span.for_sale, .csm-content .listing-badges span.for_rent, .csm-content.listing-badges span.for_sale {
        right: -125px
    }

    .property_search .ad_properties .listing-badges span.for_sale,.property_search .listing-badges span.for_rent,.property_search_map .ad_properties .listing-badges span.for_sale,.property_search_map .listing-badges span.for_rent {
        right: -125px;
    }

    .container-contentbar {
        width: 100%
    }

    .container-sidebar {
        width: 30%
    }
}

@media (min-width: 992px) {
    .header-style-2 .right-side-menu-item {
        float:right!important
    }

    .header-style-2 #navigation ul#responsive {
        width: 100%
    }

    .header-style-2 .sign-in i {
        top: 3px;
        position: relative;
        padding-right: 5px
    }

    .header-style-2 .user-menu {
        float: right;
        margin-top: -52px;
        margin-right: 10px
    }

    .header-style-2 .user-menu .user-name,.header-style-2 .user-menu .user-name:hover,.header-style-2 .user-menu.active .user-name,.header-style-2 .user-menu.active .user-name:hover {
        color: #fff!important
    }

    .header-style-2 .user-menu .user-name:after,.header-style-2 .user-menu .user-name:hover:after,.header-style-2 .user-menu.active .user-name:after,.header-style-2 .user-menu.active .user-name:hover:after {
        color: rgb(255 255 255 / .5)!important
    }

    .header-style-2 .user-menu ul {
        top: 50px
    }
}

@media (min-width: 992px) and (max-width:1239px) {
    .header-widget {
        height:auto;
        position: absolute;
        right: 0;
        width: 150%
    }

    .header-style-2 .header-widget {
        position: relative;
        width: auto
    }

    .user-menu {
        top: 12px
    }

    .right-side {
        position: relative
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .latest_properties .listing-badges span.for_sale,.property_search .listing-badges span.for_sale,.property_search_map .listing-badges span.for_sale {
        right:-130px
    }

    #navigation.style-2 ul a {
        font-size: 10px;
        padding: 0 10px
    }

    #navigation.style-2.cloned .sticky-logo img {
        max-height: 50px
    }

    .latest_properties .listing-badges span.for_rent,.latest_properties .listing-badges span.for_sale {
        right: -120px
    }

    .container-contentbar {
        width: 70%
    }

    .container-sidebar {
        width: 30%
    }

    .plan-price {
        padding: 41px 0
    }

    .header-style-2 .header-widget li .widget-content {
        float: none!important
    }

    .header-style-2 .header-widget li span.title {
        width: 200px!important;
        font-size: 13px!important;
        line-height: 18px
    }
}

@media (max-width: 992px) {
    li.comparaison,li.selection {
        width:100%!important;
        background: #262626!important;
        border-bottom: 1px solid #404040!important
    }
    ul.mm-listview li.new_properties span {
        position: absolute;
        z-index: 999;
        font-weight: bold;
        color: #fff;
        background: linear-gradient(45deg, #006fff, #ff0053);
        font-size: 9px;
        padding: 8px 5px;
        top: 0;
        -webkit-text-fill-color: #fff;
        border-radius: 5px;
        line-height: 0;
    }
    div#lang-mobile-switcher {
        display: block!important;
        position: absolute;
        left: 0;
        top: 35px
    }

    .header-style-2 .mmenu-trigger {
        margin: 0;
        top: 25px;
        display: inline-block;
        right: 15px;
    }

    .header-style-2 .header-widget a.button.border {
        float: left
    }

    #header {
        padding-top: 20px;
        position: relative;
        height: 100px
    }

    #logo {
        position: absolute;
        margin: auto!important;
        width: 150px;
        text-align: center;
        left: 0;
        right: 0
    }

    .header-widget {
        padding: 20px 0;
        text-align: left
    }

    .header-widget a.button.border {
        padding: 7px 16px;
        background-color: #fff0;
        font-size: 16px;
        min-width: auto;
        float: right
    }

    .header-widget .sign-in {
        top: 9px
    }

    .menu {
        max-height: none
    }

    #responsive {
        display: none
    }

    .responsive-search input:focus {
        border: none;
        color: #fff
    }

    #header-container.header-style-2 .left-side,#header-container.header-style-2 .right-side,.col-fs-1,.col-fs-10,.col-fs-11,.col-fs-12,.col-fs-2,.col-fs-3,.col-fs-4,.col-fs-5,.col-fs-6,.col-fs-7,.col-fs-8,.col-fs-9,.left-side,.right-side {
        width: 100%
    }

    #top-bar .right-side .social-icons {
        float: left;
        position: relative;
        z-index: 9
    }

    #header-container.header-style-2 .header-widget {
        padding: 30px 0;
        float: left;
        margin-top: 15px;
        margin-bottom: -5px;
        width: 100%;
        display: none
    }

    ul.top-bar-menu {
        z-index: 99;
        position: relative
    }

    .header-style-2 .menu-responsive {
        width: 750px;
        margin: 0 auto;
        float: none;
        padding: 0 15px
    }

    div#your-cart-home {
        padding: 25px 0!important;
        background-size: cover!important;
        width: 45px!important;
        float: left;
        margin: 0 5px 15px 0!important
    }

    .header-style-2 .header-widget li .widget-content {
        float: none
    }

    .header-style-2 .header-widget li {
        padding: 0 7px!important;
        width: 33%
    }

    .header-style-2 .user-menu-container {
        height: 60px;
        display: block;
        border-top: 1px solid #e0e0e0;
        margin: 15px;
        padding-top: 15px
    }

    .mm-menu .sign-in i.fa.fa-user:before {
        font-size: 15px;
        position: relative;
        top: 1px;
        padding-right: 6px
    }

    .user-menu ul {
        right: -60px;
        float: right
    }

    ul.langage_nav {
        position: absolute;
        top: 30px;
        right: 100px;
        height: 50px!important
    }

    a.ar_select {
        top: 0!important;
        right: 0!important;
        left: 0
    }

    .csm-content .listing-badges span {
        /* top: 15px; */
        right: 140px;
    }

    .csm-content .compact .listing-img-container:before,.csm-content .compact:hover .listing-img-container:before {
        opacity: 0!important
    }

    .remove-from-compare {
        opacity: 1;
        transform: scale(1)
    }

    .csm-mobile-trigger {
        display: block
    }

    .compare-slide-menu {
        width: 100%;
        left: -900px;
    }

    .csm-trigger {
        left: 900px;
    }

    .compare-list-container {
        overflow-x: scroll
    }

    #compare-list {
        zoom:.8}

    .overflow-hidden {
        overflow: hidden
    }
}

@media (max-width: 768px) {
    .h1_title_home h1 {
        background:#b03057!important;
        font-weight: 700;
        font-size: 14px!important;
        width: 100%;
        border-bottom-left-radius: 0!important;
        border-bottom-right-radius: 0!important
    }

    .latest_properties .listing-badges span.for_rent,.latest_properties .listing-badges span.for_sale {
        right: -200px!important
    }

    .listing-img-container img {
        max-height: unset!important
    }

    .parallax-section-header #titlebar h1,.parallax-section-header #titlebar h2 {
        font-size: 30px!important;
        color: #fff;
        line-height: 2rem!important;
        margin: 1px 0 3px;
        padding: 3rem 0!important;
        text-align: center
    }

    body .carousel {
        left: -18px!important
    }

    .header-style-2 .right-side {
        margin-top: 5px
    }

    .header-style-2 .header-widget a.button.border {
        margin-bottom: 0
    }

    #header-container.header-style-2 .header-widget {
        zoom:.7}
}

@media (max-width: 767px) {
    .latest_properties .listing-badges span.for_sale,.property_search .listing-badges span.for_sale,.property_search_map .listing-badges span.for_sale {
        right:-155px!important
    }

    li.comparaison,li.selection {
        float: right!important;
        width: 100%!important;
        background: #dedeff!important;
        border-bottom: none!important
    }

    ul.langage_nav {
        right: 15px!important
    }

    .header-style-2 .menu-responsive {
        width: auto;
        margin-left: auto;
        margin-right: auto;
        float: none;
        padding: 0 15px
    }

    #header-container.header-style-2 #header .container {
        width: 100%
    }

    #header-container.header-style-2 .header-widget li .button {
        margin-left: 0
    }

    #header-container li.address,#header-container.header-style-2 .header-widget li:after,.header-style-2 .header-widget li span.title {
        display: none
    }

    #header-container.header-style-2 .header-widget li {
        width: 100%;
        padding: 10px 0!important;
        margin: 0
    }

    #header-container.header-style-2 .header-widget li i {
        width: 50px;
        margin: 0 1px 0 0;
        display: inline-block;
        text-align: left;
        top: 3px;
        font-size: 48px
    }

    .header-style-2 .header-widget li span.data {
        color: grey;
        font-size: 15px!important;
        line-height: 3;
        margin: 10px 0
    }

    div#your-cart-home {
        padding: 35px 0!important;
        width: 65px!important
    }
}

@media (max-width: 553px) {
    .latest_properties .listing-badges span.for_rent,.property_search .listing-badges span.for_rent,.property_search_map .listing-badges span.for_rent {
        right:-200px!important
    }

    .latest_properties .listing-badges span.for_rent,.latest_properties .listing-badges span.for_sale {
        right: -150px!important;
        font-size: 14px!important;
        top: 30px!important
    }

    .listing-badges {
        position: absolute;
        top: 0;
        z-index: 999;
        right: 0;
        width: 100%;
        display: block;
        font-size: 11px;
        padding: 0;
        overflow: hidden;
        height: 100px!important
    }
}

@media all and (min-width: 550px) {
    html.mm-opening .mm-menu.mm-opened~.mm-slideout {
        --webkit-transform:translate(440px, 0);
        --ms-transform: translate(440px, 0);
        transform: translate(440px,0);
        --webkit-transform: translate3d(440px, 0, 0);
        transform: translate3d(440px,0,0)
    }
}

@media (max-width: 480px) {
    .csm-trigger {
        left: 480px;
        /* top: 20px; */
    }
    .verified {
        top: 10.85rem !important;
    }
    .header-widget .user-menu {
        top: 0;
        margin-top: 7px;
        margin-bottom: 20px;
        float: left
    }

    .latest_properties .listing-badges span.for_rent,.property_search .listing-badges span.for_rent,.property_search_map .listing-badges span.for_rent {
        right: -175px!important
    }
}

@media all and (max-width: 175px) {
    html.mm-opening .mm-menu.mm-opened~.mm-slideout {
        --webkit-transform:translate(140px, 0);
        --ms-transform: translate(140px, 0);
        transform: translate(140px,0);
        --webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px,0,0)
    }
}

@media (max-width: 360px) {
    .header-widget .sign-in {
        display:block;
        top: 0;
        margin-bottom: 10px
    }

    .header-widget a.button.border {
        float: left;
        margin-bottom: 10px
    }
}

@media (max-width: 990px) {
    .stacktable.large-only {
        display:none
    }

    .stacktable.small-only {
        display: table
    }
}

@media screen and (max-width: 800px) and (orientation:landscape),screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left:0;
        padding-right: 0
    }

    .mfp-img-mobile .mfp-bottom-bar:empty,.mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgb(0 0 0 / .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        --webkit-box-sizing: border-box;
        --moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgb(0 0 0 / .6);
        position: fixed;
        text-align: center;
        padding: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
}

@media all and (max-width: 800px) {
    .mfp-arrow {
        width:70px
    }
}

@media (max-width: 991px) {
    .more-overlay,.pagination,.pagination li {
        text-align:center
    }

    .property-pricing .property-price {
        font-size: 20px!important
    }

    .more-overlay,.plan-price .value,.plan-price h3 {
        font-size: 15px
    }

    .gallery-main img {
        max-height: 250px
    }

    .latest_properties .listing-badges span.for_sale,.property_search .listing-badges span.for_sale,.property_search_map .listing-badges span.for_sale {
        right: -120px
    }

    .list-layout .listing-item {
        display: flex;
        margin: 0 auto 30px
    }

    #backtotop,#navigation.style-1:before,#navigation.style-2.cloned,.counter-box::after,a.grid-three {
        display: none
    }

    .owl-carousel .listing-item {
        margin: auto
    }

    section.ad_properties .carousel-item {
        padding: 0 20px
    }

    .latest_properties .listing-badges span.for_rent,.latest_properties .listing-badges span.for_sale {
        right: -165px;
        top: 20px
    }

    .listing-img-container img {
        max-height: none!important;
        height: auto!important
    }

    .plan-price {
        padding-bottom: 45px;
        padding-top: 45px
    }

    .parallax #titlebar {
        padding: 60px 0
    }

    #backtotop {
        opacity: 0;
        visibility: hidden
    }

    .grid-layout-three {
        left: -1.5%;
        width: 103%
    }

    .grid-layout-three .listing-item {
        width: 47%;
        margin-left: 1.5%;
        margin-right: 1.5%
    }

    .fullwidth-layout .list-layout .listing-content {
        flex: 3
    }

    .fullwidth-layout .list-layout .listing-img-container {
        flex: 2
    }

    .listing-item.compact .listing-hidden-content {
        height: 70px
    }

    .listing-item.compact .listing-hidden-content li {
        opacity: 1
    }

    .compact .listing-img-container:before {
        transform: translateY(0)
    }

    .fullwidth-property-slider .item,.property-slider.default .item {
        height: 400px
    }

    .fullwidth-property-slider .slick-prev {
        left: 40px
    }

    .fullwidth-property-slider .slick-next {
        right: 40px
    }

    .contact-map .address-box-container {
        width: 50%;
        height: 400px
    }

    #navigation.style-1 {
        margin: 0;
        width: 100%;
        padding-top: 0;
        position: relative
    }

    .main-search-form {
        width: 100%;
        display: block;
        margin: 35px auto 0;
        position: relative
    }

    .search-container {
        padding: 120px 0
    }

    .search-container .chosen-container-single {
        margin-bottom: 15px
    }

    section.fullwidth .blog-post {
        margin: 15px 0
    }

    .counter-box-icon {
        margin: 45px 0
    }

    #counters {
        padding: 30px 0 20px
    }

    .flip-banner-content .flip-hidden,.flip-banner-content .flip-visible {
        padding: 0 50px;
        font-size: 27px;
        line-height: 38px
    }

    #titlebar.submit-page h2,.flip-banner-content .flip-hidden,.submit-page {
        padding: 0
    }

    .search-container .row.with-forms div {
        margin-bottom: 14px
    }

    .fs-content,.overflow-hidden {
        overflow: visible
    }

    .fs-container {
        height: 100%!important
    }

    .fs-inner-container,.fs-inner-container:first-child {
        width: 100%
    }

    .fs-container #map-container {
        height: 440px
    }

    #top-bar .left-side {
        width: 70%
    }

    #top-bar .right-side {
        width: 30%
    }

    #top-bar .right-side .social-icons {
        float: right
    }

    .property-features {
        columns: 2;
        --webkit-columns: 2;
        --moz-columns: 2
    }

    .sidebar.right {
        padding-left: 0;
        margin-top: 55px
    }

    .pagination-next-prev a.next,.pagination-next-prev a.prev {
        position: relative;
        top: 0
    }

    .pagination-next-prev li {
        display: inline-block
    }

    .my-profile {
        padding-right: 20px
    }

    .sidebar.left {
        padding-right: 0
    }
}

@media (max-width: 767px) {
    #breadcrumbs,.plan.featured {
        transform:none
    }

    .property-pricing .property-price {
        color: #fff;
        font-family: Roboto,sans-serif;
        font-size: 23px!important;
    }

    section.fullwidth {
        margin: 3.5rem 0 0
    }

    .property-pricing {
        position: absolute;
        font-size: 25px;
        font-weight: 500;
        color: #212529;
        background: #00000054
    }

    .property-pricing .property-price span.vacation_rent {
        font-size: 12px!important;
    }

    #breadcrumbs ul li span {
        color: var(--white-color);
        font-size: 10px
    }

    #titlebar.property-titlebar h1,#titlebar.property-titlebar h2 {
        font-size: 15px!important;
        clear: both
    }

    .gallery-layout {
        display: block!important
    }

    .gallery-main img {
        margin: 0 0 15px
    }

    .latest_properties .listing-badges span.for_sale,.property_search .listing-badges span.for_sale,.property_search_map .listing-badges span.for_sale {
        right: -310px
    }

    .latest_properties .listing-badges span.for_rent,.property_search .listing-badges span.for_rent,.property_search_map .listing-badges span.for_rent {
        right: -125px
    }

    .ad_properties .listing-item,.home_carousel .listing-item {
        width: 85%!important
    }

    .view-profile-btn {
        font-size: 25px!important
    }

    img.categorie_thumb {
        float: none;
        padding: 5px;
        width: 45%;
        background: #fff;
        margin: 0 auto 25px 0!important
    }

    .containing_box_categorie {
        text-align: center
    }

    #map-container .main-search-container,#top-bar .left-side,#top-bar .right-side,.add-comment input,.search-type {
        width: 100%
    }

    #map-container.homepage-map {
        height: 720px
    }

    #map-container.homepage-map #mapnav-buttons {
        bottom: 70px;
        left: 15px
    }

    #map-container .main-search-input button.button {
        width: 100%;
        margin-left: 0;
        margin-bottom: 15px;
        margin-top: 0;
        flex: 1
    }

    #posts-nav li a::before,.expire-date,.layout-switcher,.list-layout .details.button.border,.manage-table .title-container img,a.back-to-listings {
        display: none
    }

    .contact-map,.fullwidth-layout .list-layout .listing-img-container,.pricing-container {
        display: block
    }

    .plan {
        margin-bottom: 35px
    }

    .comment-by a.reply {
        width: 25px;
        overflow: hidden;
        height: 30px
    }

    .comment-by a.reply i {
        position: relative;
        right: 5px;
        font-size: 11px
    }

    .blog-page .blog-post .post-content,.single-post .post-content {
        padding: 26px 33px
    }

    #posts-nav li {
        position: relative;
        width: 100%
    }

    #posts-nav li a,#titlebar {
        padding: 0!important
    }

    #posts-nav li.next-post {
        text-align: left;
        margin-bottom: 30px
    }

    #breadcrumbs ul li:first-child,.about-description,.comments ul li ul {
        margin: 0
    }

    .avatar img {
        max-width: 60px
    }

    .comment-content {
        padding: 0 0 0 85px
    }

    .comments ul li ul li::before {
        top: 25px
    }

    .about-author img {
        display: block;
        position: relative;
        float: none
    }

    .about-description {
        margin-left: 0;
        margin-top: 25px
    }

    .property-features {
        columns: 1;
        --webkit-columns: 1;
        --moz-columns: 1
    }

    .property-title {
        margin-left: 0;
        margin-bottom: 0
    }

    .verified {
        top: 11.2rem;
        font-size: 12px
    }

    .property-pricing {
        text-align: left;
        border-radius: 0;
        background: #000
    }

    #top-bar,#top-bar .container {
        width: 100%;
        padding: 0
    }

    #top-bar .left-side {
        padding: 0 15px;
        background: linear-gradient(to top,rgb(0 0 0 / .07) 0,transparent)
    }

    #top-bar .right-side .social-icons {
        float: left
    }

    .sidebar.right {
        padding-left: 0;
        margin-top: 55px
    }

    .parallax #titlebar {
        padding: 60px 0
    }

    #breadcrumbs {
        position: relative;
        right: 0;
        top: 0;
        width: 100%;
        padding: 0
    }

    .compact .listing-img-container:hover:before {
        opacity: 1!important
    }

    .compact .listing-img-container:hover:after {
        opacity: 0!important
    }

    #breadcrumbs ul {
        padding: 0
    }

    .counter-box {
        margin: 45px 0;
        padding-bottom: 0;
        border-bottom: 1px solid;
        border-radius: 0
    }

    section.fullwidth .headline-box {
        transform: translate3d(0,-50%,0);
        margin: 22px 0;
        line-height: 1.5;
        width: 100%;
        font-size: 14px;
        top: 0!important
    }

    .search-container {
        padding: 100px 0
    }

    .main-search-input {
        width: 100%;
        display: block
    }

    .main-search-input button.button {
        margin-left: 0;
        margin-top: 0;
        width: 100%;
        border-radius: unset
    }

    .main-search-box.no-shadow .main-search-input button.button {
        margin-bottom: 30px
    }

    .search-type label {
        width: 100%;
        margin-bottom: 10px
    }

    .parallax-content {
        padding: 70px 0
    }

    .main-search-container h1,.main-search-container h2 {
        text-align: left;
        font-size: 32px
    }

    .larger-input button.button,.larger-input input,.search-container .main-search-input button.button {
        width: 100%;
        max-width: 100%;
        margin-top: 18px;
        margin-left: 0
    }

    .grid-layout,.grid-layout-three {
        left: 0;
        width: 100%
    }

    .grid-layout .listing-item,.grid-layout-three .listing-item {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }

    .list-layout .listing-item {
        display: flex
    }

    .list-layout .listing-title {
        padding-right: 30px
    }

    .property-slider-container .agent-widget {
        position: relative;
        top: 0;
        right: 0;
        left: 0;
        transform: translateY(0);
        z-index: 999;
        width: auto
    }

    .property-slider .item,.property-slider.default .item {
        height: 400px
    }

    .agent-page {
        display: block;
        padding: 0
    }

    .agent-page .agent-avatar,.agent-page.long-content .agent-avatar {
        margin: 0;
        width: 100%
    }

    .agent-page .agent-contact-details {
        background: #f9f9f9
    }

    .agent-page .agent-avatar img,.agent-page.long-content .agent-avatar img {
        border-radius: 3px 3px 0 0;
        margin: 0
    }

    .agent-page .agent-content {
        padding: 32px 32px 20px
    }

    .contact-map .google-map-container {
        display: block;
        width: 100%;
        height: 380px;
        transform: translateY(330px)
    }

    .contact-map .address-box-container {
        display: block;
        width: 100%;
        height: 330px;
        transform: translateY(-380px)
    }
}

@media (max-width: 480px) {
    .ad_properties .listing-item,.home_carousel .listing-item {
        width:100%!important
    }

    .list-layout .listing-item {
        display: block!important;
        width: 100%!important
    }

    .compare-slide-menu {
        width: auto;
        left: -480px;
        width: 100%;
    }

    .latest_properties .listing-badges span.for_rent,.latest_properties .listing-badges span.for_sale {
        right: -135px!important;
        font-size: 14px!important;
        top: 20px!important
    }

    .property-slider .item,.property-slider.default .item {
        height: 200px
    }
}

@media (max-width: 400px) {
    .home_carousel .listing-item {
        width:100%
    }

    .latest_properties .listing-badges span.for_rent,.latest_properties .listing-badges span.for_sale {
        right: -135px!important;
        font-size: 11px!important;
        top: 18px!important
    }

    .latest_properties .listing-badges span.for_rent,.property_search .listing-badges span.for_rent,.property_search_map .listing-badges span.for_rent {
        right: -120px!important;
        font-size: 11px!important;
        top: 18px!important
    }

    .latest_properties .listing-badges span.for_sale,.property_search .listing-badges span.for_sale,.property_search_map .listing-badges span.for_sale {
        right: -120px!important;
        top: 20px
    }
}

@media (max-width: 320px) {
    .latest_properties .listing-badges span.for_rent,.latest_properties .listing-badges span.for_sale {
        right:-135px!important;
        font-size: 11px!important;
        top: 18px!important
    }

    .latest_properties .listing-badges span.for_rent,.property_search .listing-badges span.for_rent,.property_search_map .listing-badges span.for_rent {
        right: -105px!important;
        font-size: 11px!important;
        top: 18px!important
    }

    .latest_properties .listing-badges span.for_sale,.property_search .listing-badges span.for_sale,.property_search_map .listing-badges span.for_sale {
        right: -98px!important
    }
}

@media(max-width: 767px) {
    .custom_about {
        width:100%;
        border-right: none
    }
}

@media(max-width: 650px) and (min-width:481px) {
    .list-layout .listing-item {
        display:block!important
    }
}