@media (max-width:1600px)  {
    .header-bottom {
        padding: 0 5px;
    }
    .socail-detail {
        margin-right: 50px;
    }
    .navbar-nav .nav-item .nav-link {
        padding: 23px 15px;
    }
    .socail-detail li {
        margin: 0 5px;
    }
    .socail-detail {
        margin-right: 20px;
    }
    /* .properties-left {
        max-width: 620px;
    }
    .properties-right {
        width: calc(100% - 620px);
    } */
    .properties-left,
    .properties-right {
        width: 50%;
    }

    .properties-sale-filter {
        padding: 15px 30px;
    }
    .properties-detail-tab {
        padding: 10px 20px;
    }
    .sale-filter-list ul {
        margin: 0 -3px;
    }
    .sale-filter-list ul li {
        padding: 3px;
    }
    .sale-filter-list ul li a{
        padding:0 19px;
    }
    .properties-detail-inner ul{
        margin: 0 -10px;
    }
    .properties-detail-inner ul li {
        padding: 0 10px;
        margin: 15px 0;
    }
    .properties-detail-box .text-box ol {
        margin: 7px -5px 8px;
    }
    .properties-detail-box .text-box ol li{
        padding: 0 5px;
        font-size: 12px;
    }
    .footer-link ul li {
        padding: 0 10px;
    }
    .house-filter{
        margin-left: 12px;
    }
    .beds-list {
        max-width: 330px;
        width: 100%;
    }
    .beds-list ul li a {
        width: 48px;
    }
    .beds-status .status-list .min-max-detail ul li {
        width: 50%;
        padding: 0 6px;
    }
    .beds-status .status-list .min-max-detail ul li .filter-control{
        width: 100%;
    }
    .left-side-filter-footer {
        max-width: 50%;
    }
    .filter-footer{
        padding: 9px 20px 9px 20px;
    }
    .properties-detail-box .text-box {
        /* padding: 7px 5px 0 5px; */
    }
    .tag {
        font-size: 11px;
        padding: 0 10px;
        top: 10px;
    }
    .retting-icon img{
        height: 30px;
    }
    .retting-icon { 
        top: 5px;
        right: 0px; 
    }
    .properties-grid .properties-grid-detail .properties-detail-inner ul li {
        width: 25%;
        /* padding: 0 6px; */
    }
    .analytics-grid-left {
        max-width: 800px;
        width: 100%;
    }
    .analytics-grid-right {
        margin-left: 30px;
    }
    .building-page .detail-banner-inner {
        padding: 45px 25px;
    }
    .building-page .detail-banner-inner h3 {
        font-size: 26px;
        line-height: 35px;
    }
    .building-page .detail-banner-inner a.process-work {
        margin-bottom: 15px;
    }
    .building-page .detail-banner-inner ol {
        margin-bottom: 22px;
    }
    .building-page .detail-banner-top {
        right: 70px;
    }
    .detail-banner-top {
        right: 70px;
        max-width: 360px;
    }
    .gallery-view-bottom {
        height: 100%;
    }
    .map-tab {
        height: 100%;
    }
    .map-sidebar {
        height: calc(100% - 25px);
        overflow: hidden;
    }
    .building-detail-page .detail-banner-inner {
        padding: 35px 0;
    }
    .building-detail-page .detail-banner-inner a.process-work {
        margin-bottom: 35px;
    }
    .properties-commercials .filter-search-price .status-list {
        padding-left: 30px;
    }
    .properties-commercials .min-max-detail ul {
        flex-wrap: wrap;
    }
    .properties-commercials .min-max-detail ul li {
        width: 50%;
    }
    .properties-commercials .min-max-detail ul li .filter-control{
        width: 100%;
    }
    .properties-construction-inner {
        padding: 60px 20px 30px;
    }
    .properties-construction-inner .close-btn {
        right: 30px;
        top: 30px;
    }
    .properties-commercials .beds-status .status-list {
        max-width: 350px;
        width: 100%;
    }
    .commercial-size {
        width: calc(100% - 270px); 
    }
    .properties-commercials .min-max-detail.filter-search-first {
        max-width: 350px;
        width: 100%;
    }
    .building-page .detail-banner-inner ul {
        margin: 0 -10px;
    }
    .building-page .detail-banner-inner ul li { 
        padding: 0 10px;
    }
    .building-detail-page .detail-banner-inner h3 {
        font-size: 26px;
        max-width: 350px; 
        line-height: 40px;
    }
    .building-detail-page .detail-banner-inner p { 
        margin: 20px auto;
    }
    .index-new .left-side-filter-footer{
        max-width: 100%;
        width: 100%;
    }
}
@media (max-width:1300px) {
    .navbar-brand span {
        font-size: 16px;
        margin-left: 5px;
    }
    .navbar-brand img{
        height: 55px;
    }
    .navbar-nav .nav-item .nav-link{
        font-size: 14px;
    }
    .socail-detail li a {
        font-size: 13px;
        margin-left: 10px;
    }
    .socail-detail {
        margin-right: 10px;
    }
    .login-detail ul li a {
        font-size: 14px;
    }
    .properties-grid .properties-sale-filter form {
        max-width: 530px;
    }
    .properties-sale-filter form .relative .form-control{
        font-size: 12px;
    }
    .analytics-grid-left {
        max-width: 720px;
        width: 100%;
    }
    .contact-detail {
        width: 370px;
    }
    .market-stats-city .analytics-grid-right {
        max-width: 370px;
    }

    .banner-swiper{
        height: 100%;
    }
    .building-detail-page .building-detail-banner .image-holder{
        height: 100%;
    }
    .building-detail-page .building-detail-banner .image-holder img{
        height: 100%;
        object-fit: cover;
    }
    .swiper-pagination-fraction {
        width: 5.5%;
        left: 7px;
    }
    .building-detail-page .building-detail-banner {
        position: relative;
        height: 449px;
    }
    /* .properties-left {
        height: calc(100vh - 107px);
    }
    .properties-right {
        height: calc(100vh - 107px);
    } */
    .properties-left,
    .properties-right {
        height: calc(100vh - 107px);
    }
    .detail-banner-slide .image-holder img {
        height: 473px;
        object-fit: cover;
    }
    .building-page .detail-banner-inner {
        padding: 44.5px 25px;
    }
    .detail-condos-user {
        max-width: 375px;
        width: 100%;
    }
    .building-detail-page .detail-banner-top {
        right: 20px;
    }
    .analytics-sidebar,
    .filter-sidebar{
        height: calc(100% - 107px);
    }
    .properties-grid-detail #pills-contact,
    .properties-grid-detail .properties-commercials{
        height: calc(100vh - 228px);
    }
    .buy-submenu ol li a {
        font-size: 14px;
        padding: 10px;
    }
    .buy-submenu{
        top: 68px;
    }
    .sale-filter-list ul li.sort-select select.form-control {
        width: auto;
        padding: 0px 25px 0px 10px;
    }
    .properties-grid .map-icon{
        margin-left: 10px;
    }
}

@media(max-width:1199px)  {
    .header-bottom {
        padding: 0;
    }
    .navbar-brand img {
        height: 45px;
    }
    .navbar-brand span {
        font-size: 14px;
        margin-left: 2px;
    }
    .navbar-nav {
        margin-right: 10px;
    }
    .navbar-nav .nav-item .nav-link {
        padding: 23px 10px;
        font-size: 12px;
    }
    .navbar-nav .nav-item .nav-link {
        padding: 15px 12px;
        font-size: 12px;
    }
    .buy-submenu ol li a {
        font-size: 12px;
        padding: 10px;
    }
    .buy-submenu{
        width: 175px;
    }
    .socail-detail {
        margin-right: 0px;
    }
    .socail-detail li a {
        font-size: 12px;
        margin-left: 7px;
    }
    .properties-left {
        max-width: 500px;
        height: calc(100vh - 89px);
    }
    /* .properties-left,
    .properties-right {
        width: 50%;
        height: calc(100vh - 89px);
    } */
    .properties-right {
        width: calc(100% - 500px);
        height: calc(100vh - 89px);
    }
    .properties-left-title h3 {
        font-size: 20px;
    }
    .login-detail ul li:after {
        height: 15px;
    }
    .properties-sale-filter form .btn-secondary{
        font-size: 12px;
        width: 140px;
    }
    .properties-sale-filter form .relative a{
        left: 10px;
    }
    .properties-sale-filter form .relative a img{
        height: 16px;
    }
    .properties-sale-filter form .relative .form-control{
        padding-left: 35px;
    }
    .sale-filter-list ul li a {
        padding: 0 12px;
        font-size: 12px;
    }
    .sale-filter-list ul li select.form-control{
        width: auto;
        font-size: 12px;
    }
    .analytics-price ul li .analytics-price-box {
        padding: 15px 10px;
    }
    .analytics-price ul li .analytics-price-box h4 {
        font-size: 16px;
    }
    .average-chart-box {
        height: 200px;
        margin-top: 20px;
    }
    .footer-link ul {
        flex-wrap: wrap;
    }
    .footer-link ul li {
        padding: 5px 10px;
    }
    .beds-list {
        max-width: 275px;
    }
    .beds-list ul li a {
        width: 40px;
        font-size: 12px;
        height: 40px;
    }
    .status-list {
        padding-left: 10px;
    }
    .status-list ul li .media p {
        font-size: 12px;
        padding-left: 5px;
    }
    .checkmark {
        height: 20px;
        width: 20px;
    }
    .check .checkmark:after {
        width: 15px;
        height: 12px;
    }
    .beds-status .status-list .min-max-detail ul li {
        padding: 0 3px;
    }
    .status-list .min-max-detail ul {
        margin: 0 -3px;
    }
    .filter-control{
        font-size: 12px;
        height: 40px;
        padding: 0 5px; 
        background: url(../images/select-arrow.svg) 93% center no-repeat;
        background-size: 10px;
    }
    .features-types .media {
        flex-wrap: wrap;
    }
    .features-types .features-types-box {
        width: 33.3%;
        padding: 0px 5px 10px;
    }
    .features-types-box ul li p {
        font-size: 12px;
    }
    .left-side-filter-footer {
        max-width: 499px;
    }
    .index-new .left-side-filter-footer{
        max-width: 499px;
    }
    .properties-sale-filter {
        padding: 15px;
    }
    .properties-grid .properties-sale-filter form {
        max-width: 440px;
    }
    .properties-grid .properties-detail-tab {
        padding: 15px;
    }
    .properties-grid .properties-grid-detail .properties-detail-inner ul li {
        width: 33.3%;
    }
    .analytics-grid-left {
        max-width: 590px;
        width: 100%;
    }
    .contact-detail {
        width: 340px;
    }
    .house-filter{
        height: 40px;
    }
    .analytics-sidebar, .filter-sidebar {
        height: calc(100% - 89px);
    }
    .market-stats-city .analytics-grid-right {
        max-width: 230px;
    }
    .market-stats-city .contact-detail {
        width: 230px; 
        padding: 15px;
    }
    .second-footer .footer-top .text-box p {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .second-footer .footer-top .text-box span {
        font-size: 16px;
        margin-left: 16px;
    }
    .detail-banner-inner {
        max-width: 420px;
        padding: 50px 0px;
    }
    .detail-condos-user { 
        padding: 15px;
    }
    .detail-condos-user .image-holder {
        max-width: 100px;
        margin-right: 15px;
    }
    .detail-condos-user a {
        margin: 20px 0 0 0;
    }
    .list-text ul li{
        font-size: 12px;
    }
    .related-product-box .text-box {
        padding: 12px 5px;
    }
    .detail-banner-top {
        right: 100px;
    }
    .properties-construction-inner {
        padding: 45px 20px 30px 20px; 
    }
    .properties-construction-inner .close-btn {
        right: 15px;
        top: 15px;
    }
    .parking-status-box h4, .price-box h4,
    .beds-list h4, .status-list h4,
    .min-max-detail h4,
    .features-types h4,
    .business-type-box h4,
    .price-title h4{
        font-size: 14px;
    }
    .second-footer .footer-top .text-box strong {
        font-size: 14px;
    }
    .properties-commercials .min-max-detail {
        max-width: 215px;
        width: 100%;
    }
    .properties-commercials .filter-search-price .status-list {
        padding-left: 20px;
    }
    .properties-commercials .beds-status .status-list {
        max-width: 295px;
        width: 100%;
    }
    .commercial-size {
        width: calc(100% - 215px);
        padding-left: 20px;
    }
    .commercial-size ul {
        margin: 0 -10px;
    }
    .commercial-size ul li {
        padding: 0 10px;
    }
    .properties-commercials .min-max-detail.filter-search-first {
        max-width: 295px;
        width: 100%;
    }
    .properties-commercials .min-max-detail ul {
        margin: 0 -3px;
    }
    .properties-commercials .min-max-detail ul li {
        padding: 0 3px;
    }
    .detail-condos-user {
        max-width: 300px;
        width: 100%;
    }
    .properties-grid-detail #pills-contact,
    .properties-grid-detail .properties-commercials{
        height: calc(100vh - 209px);
    }
    .buy-submenu {
        top: 48px;
    }
    .sale-filter-list ul li a.filter-search {
        padding: 0 10px;
    }
    .sale-filter-list ul li.sort-select select.form-control{
        padding: 0px 30px 0px 10px;
        font-size: 12px;
        width: 100%;
    }
    /***** PRINT *****/
    .print-header-inner .logo img{
        height: 50px;
    }
    .print-header-inner .logo span {
        font-size: 16px;
        margin-left: 3px;
    }
    .header-profile .image-holder {
        max-width: 60px;
        width: 100%;
    }
    .header-profile .text-box {
        padding-left: 10px;
    }
    .header-profile .text-box h4 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .profile-contact {
        margin-right: 20px;
    }
    .profile-list {
        margin-right: 25px;
        max-width: 200px;
    }
    .profile-list h4 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .header-profile {
        max-width: 220px; 
    }
    .listing-hill-box ul li {
        font-size: 12px;
        margin-bottom: 15px;
    }
    .listing-hill-box ul li span {
        max-width: 85px;
    }
}
@media(max-width:991px)  {
    .header-bottom {
        padding: 10px 0;
    }
    .header-bottom .media { 
        align-items: center;
        flex-direction: row-reverse;
    }
    .search-btn{
        margin-right: 20px;
    }
    .navbar-brand img {
        height: 60px;
    }
    .navbar-brand span {
        font-size: 18px;
        margin-left: 10px;
    }
    .navbar-toggler{
        padding: 0;
        border: none;
        border-radius: 0; 
    }
    .navbar-toggler-icon{
        background-color: #000000;
        width: 24px;
        height: 2px;
        margin-bottom: 6px;
        display: block;
    }
    .navbar-toggler-icon:last-child{
        margin-bottom: 0;
    }
    .navbar-collapse {
        position: absolute;
        left: 0;
        top: 71px;
        background-color: #fff;
        z-index: 10000;
        width: 100%;
    }
    .navbar-nav .nav-item .nav-link {
        padding: 15px 12px;
        font-size: 14px;
    }
    .header-right { 
        padding: 0 12px 25px;
    }
    .header-right { 
        padding: 0 12px 25px; 
    }
    .socail-detail {
        margin-right: 0;
    }
    .properties-sale-sec {
        flex-direction: column-reverse;
        height: calc(100vh - 119px);
    }
    .properties-left {
        max-width: 90px;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        height: calc(100vh - 119px);
        z-index: 1000;
        background-color: #fff;
    }
    .properties-left.active {
        max-width: 80%;
        width: 100%;
    }
    .properties-left.active .properties-left-top{
        display: block;
    }
    .properties-left.active .properties-second {
        display: none;
    }
    .properties-left-title ul li a.collapse-btn2 img {
        transform: rotate(0);
    }
    .properties-left-top{
        display: none;
    }
    .properties-second {
        display: block;
    }
    .properties-right {
        width: calc(100% - 90px);
        height: calc(100vh - 119px);
        position: static;
        margin-left: auto;
    }

    .analytics-sidebar{
        height: calc(100vh - 119px);
    }
    .filter-sidebar{
        max-width: 600px;
        height: calc(100vh - 119px);
    }
    .sale-filter-list {
        margin: 20px 0 0 0;
        max-width: 100%;
        width: 100%;
    }
    .sale-filter-list ul li {
        padding: 3px;
        width: 20%;
    }
    .sale-filter-list ul li select.form-control {
        width: 100%;
    }
    .properties-sale-filter form {
        max-width: 100%;
    }
    .left-side-filter-footer {
        max-width: 100%;
    }
    .properties-sale-filter .media {
        align-items: flex-start;
        flex-direction: column;
    }
    .properties-grid .properties-sale-filter form {
        max-width: 100%;
    }
    .properties-grid .sale-filter-list{
        margin-top: 10px;
    }
    .properties-grid .sale-filter-list ul {
        margin: 0 -3px;
        width: calc(100% - 30px);
    }
    .properties-grid .map-icon {
        margin-left: 20px;
        max-width: 30px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .properties-sale-filter {
        padding: 15px 15px 0 15px;
    }
    .analytics-grid-left {
        max-width: 100%;
        width: calc(100% - 275px);
    }
    .contact-detail {
        width: 260px;
        padding: 20px 15px;
    }
    .contact-detail textarea.form-control {
        height: 90px;
        padding: 10px;
    }
    .contact-detail .form-control{
        font-size: 12px;
    }
    .contact-detail p {
        font-size: 12px;
        margin: 20px 0 0 0;
    }
    .contact-detail .form-control{
        font-size: 12px;
        height: 40px;
    }
    .contact-detail .btn-default{
        height: 40px;
    }
    .contact-detail h4 {
        font-size: 16px;
    }
    .analytics-grid-right {
        margin-left: 15px;
    }
    .status-list ul li .media {
        flex-direction: row;
    }
    .sale-filter-list ul li a.filter-search {
        padding: 0 5px;
    }
    .sale-filter-list ul li a.save-search {
        padding: 0 5px;
    }
    .left-side-filter-footer {
        max-width:80%;
    }
    .media-right ul li {
        padding: 0 5px;
    }
    .media-right ul { 
        margin: 0 -5px;
    }
    .breadcrumb-item, .breadcrumb-item a {
        font-size: 12px;
    }
    .breadcrumb-item+.breadcrumb-item::before {
        padding-right: 5px;
    }
    .detail-banner-inner h3 {
        font-size: 26px;
        line-height: 35px;
    }
    .detail-banner-inner p {
        margin: 15px auto;
    }
    .detail-banner-inner a.process-work {
        margin-bottom: 40px;
    }
    .detail-banner-inner {
        max-width: 350px;
    }
    .detail-condos-right{
        margin-top: 30px;
    }
    .view-map img{
        width: 100%;
    }
    .gallery-view-mid p { 
        font-size: 14px; 
        margin-right: 20px;
    }
    .building-detail-page .building-detail-banner {
        height: 415px;
    }
    .detail-condos-user{
        max-width: 100%;
    }
    .detail-condos-user.fixed {
        position: static;
        top: 0;
    }
    .filter-sidebar .filter-footer{
        max-width: 600px;
    }
    .properties-grid-detail #pills-contact,
    .properties-grid-detail .properties-commercials{
        height: calc(100vh - 274px);
    }
    .navbar-nav .nav-item:hover .buy-submenu {
        position: static;
        width: 100%;
    }
    .buy-submenu ol li a {
        padding: 10px 15px;
    }
    /******* NEW PAGE ******/
    .index-new .properties-left {
        margin-left: auto;
        position: absolute;
        z-index: 10;
        left: auto;
        right: 0;
    }
    .index-new .properties-right {
        margin-right: auto;
        margin-left: 0;
    }
    .index-new .left-side-filter-footer {
        max-width: 80%;
    }
    /****** PRINT *******/
    .header-profile {
        max-width: 190px;
        margin-left: auto;
    }
    .header-profile .image-holder {
        max-width: 50px;
    }
    .print-listing-hill .image-holder{
        margin-top: 30px;
    }
    /***** PRINT DROPDOWN ******/
    .print-header-right .dropdown-menu { 
        background-color: #fff;
        border: none;
        box-shadow: 0px 3px 6px #00000029;
        padding: 0;
        min-width: 270px;
        padding: 15px 15px;
    }
    .profile-contact {
        margin-right: 0;
    }
    .profile-contact ul li {
        margin-bottom: 3px;
    }
    .profile-list p {
        text-align: left;
    }
    .profile-list {
        margin-right: 0;
        max-width: 100%;
        padding: 10px 0px 5px;
    }
    .profile-list h4 {
        font-size: 16px;
        margin-bottom: 1px;
    }

}

@media(max-width:767px)   {
    .container, .container-sm {
        max-width: 100%;
    }
    .properties-detail-tab {
        padding: 10px 15px;
    }
    .properties-sale-filter {
        padding: 15px;
    }
    .properties-detail-inner ul li {
        padding: 0 10px;
        margin: 10px 0;
    }
    .properties-detail-box .text-box ol li {
        font-size: 11px;
    }
    .analytics-price ul li .analytics-price-box p {
        font-size: 12px;
    }
    .analytics-list {
        padding: 15px 0;
    }
    .beds-list {
        max-width: 235px;
    }
    .beds-list ul li a {
        width: 34px;
    }
    .filter-control{
        width: 100%;
    }
    .analytics-sidebar,
    .filter-sidebar{
        max-width: 460px;
    }
    .analytics-price ul li .analytics-price-box h4 {
        font-size: 14px;
    }
    .properties-grid .properties-grid-detail .properties-detail-inner ul li {
        width: 50%;
    }
    .analytics-grid-top {
        flex-direction: column;
    }
    .analytics-grid-left {
        max-width: 100%;
        width: 100%;
    }
    .analytics-grid .analytics-tab .analytics-title {
        margin-bottom: 20px;
    }
    .contact-detail {
        padding: 20px 15px;
        position: static;
        width: 100%;
        margin: 0;
    }
    .analytics-grid-right {
        margin-left: 0;
        margin-top: 20px;
    }
    .statistics p {
        font-size: 14px;
    }
    .navbar-nav {
        margin-right: 0;
    }
    .market-stats-top ul li .btn-secondary{
        width: 145px;
        font-size: 12px;
        padding: 0 5px;
        height: 40px;
    }
    .market-stats-top ul li .btn-secondary:after {
        right: 9px; 
        width: 10px;
        height: 6px;
        background-size: 100%;
    }
    .market-stats-top ul li .dropdown-menu .dropdown-item{
        font-size: 12px;
    }
    .market-stats-top h3 {
        font-size: 18px;
    }
    .market-stats-city .analytics-grid-right {
        max-width: 100%;
    }
    .market-stats-city .contact-detail {
        width: 100%;
    }
    .contact-detail.fixed {
        position: static !important;
        top: 0;
    }
    .market-stats-bottom {
        padding: 50px 0;
    }
    .second-footer .footer-top{
        padding: 15px;
    }
    .second-footer .footer-bottom {
        padding: 15px;
    }
    .second-footer .footer-top .text-box h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .second-footer .footer-top .text-box .media {
        flex-direction: column;
    }
    .second-footer .footer-top .text-box p {
        margin-bottom: 5px;
    }
    .second-footer .footer-top .text-box span {
        margin-left: 0;
    }
    .second-footer .footer-bottom .media {
        flex-direction: column-reverse;
    }
    .building-detail-top .media {
        flex-direction: column;
        align-items: flex-start;
    }
    .media-right {
        width: 100%;
        margin: 10px 0 0 0;
        max-width: 130px;
    }
    .media-right ul {
        justify-content: flex-end;
    }
    .breadcrumb-item, .breadcrumb-item a {
        font-size: 11px;
    }
    .breadcrumb-item+.breadcrumb-item {
        padding-left: 4px;
    }
    .breadcrumb-item+.breadcrumb-item::before {
        padding-right: 4px;
    }
    .detail-banner-inner {
        padding: 30px 0px;
    }
    .list-text ul li:last-child {
        margin-bottom: 20px;
    }
    .description-text {
        padding: 20px 0 0;
    }
    .related-product {
        padding: 0 0 30px 0;
    }
    .building-page .detail-banner-inner {
        padding: 34.5px 15px;
    }
    .gallery-view-top .nav-pills .nav-item .nav-link {
        font-size: 16px;
        padding: 15px 30px;
    }
    .swiper-pagination-fraction {
        width: 100%;
        left: auto;
        position: static;
        margin: 20px 0 0 0;
    }
    .gallery-thumbnail-swiper { 
        margin: 0;
        margin-top: 20px;
    }
    .gallery-view-mid a {
        font-size: 16px;
        width: 115px;
        height: 40px;
    }
    .properties-commercials .filter-search-price{
        align-items: self-start;
        flex-direction: column;
    }
    .properties-commercials .min-max-detail{
        max-width: 100%;
        width: 100%;
    }
    .properties-commercials .min-max-detail ul { 
        flex-wrap: wrap;
    }
    .properties-commercials .min-max-detail ul li {
        padding: 6px 6px;
        width: 50%;
    }
    .properties-commercials .filter-search-price .status-list {
        padding-left: 0;
    }
    .properties-commercials .status-list {
        padding-left: 0;
        padding-top: 10px;
    }
    .properties-commercials .beds-status {
        flex-direction: column;
    }
    .properties-commercials .parking-status-box{
        padding: 15px 0 !important;
        margin: 0 !important;
    }
    .properties-commercials .beds-status .status-list {
        max-width: 100%;
        width: 100%;
    }
    .commercial-size {
        margin-left: 0;
        max-width: 100%;
    }
    .commercial-size .parking-status-box {
        width: 100%; 
    }
    .properties-commercials .min-max-detail ul{
        margin: 0 -6px;
    }
    .beds-status .status-list .min-max-detail ul li {
        padding: 0 6px;
    }
    .properties-construction-inner .parking-status-box{
        margin-bottom: 15px;
    }
    .properties-construction-inner {
        padding: 15px 15px 95px 15px;
    }
    .min-max-detail ul li {
        padding: 0 6px;
        width: 50%;
    }
    .form-residential .filter-search-price,
    .form-commercial .filter-search-price{ 
        align-items: flex-start; 
        flex-direction: column;
    }
    #pills-contact .filter-search-price .min-max-detail{
        width: 50%;
    }
    .form-residential .min-max-detail,
    .form-commercial .min-max-detail{
        width: 100%;
    }
    .form-residential  .min-max-detail ul,
    .form-commercial .min-max-detail ul{ 
        flex-wrap: wrap;
    }
    .form-residential .min-max-detail ul li,
    .form-commercial .min-max-detail ul li{
        padding: 6px 6px;
        width: 50%;
    }
    .form-residential .house-filter {
        margin-left: 0;
        width: 100%;
    }
    .filter-sidebar .status-list.commercial-list-side {
        padding: 15px 0 0 0;
    }
    .building-page .swiper-button-next:after, .building-page .swiper-button-prev:after{
        font-size: 20px;
    }
    .building-page .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 10px;
        left: auto;
    }
    .building-page .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        left: 10px;
        right: auto;
    }
    .detail-banner-slide .image-holder img {
        height: 453px;
        object-fit: cover;
    }
    .properties-commercials .min-max-detail.filter-search-first {
        max-width: 100%;
        width: 100%;
    }
    .commercial-size {
        margin-left: 0;
        max-width: 100%;
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .commercial-size ul{
        margin: 0 -6px;
    }
    .commercial-size ul li {
        padding: 0 6px;
    }
    .media.medi-parking{
        flex-direction: column;
    }
    .filter-sidebar .media.medi-parking .status-list {
        max-width: 100%;
    }
    .media.medi-parking .parking-status-box {
        width: 100%;
        padding-left: 0;
        padding-top: 15px;
    }
    .form-residential .min-max-detail, .form-commercial .min-max-detail {
        width: 100%;
        max-width: 100%;
    }
    .parking-status-box{
        margin-bottom: 15px;
    }
    .filter-search-grid .close-btn {
        top: 15px;
        right: 25px;
    }
    .properties-grid .properties-detail-tab {
        padding: 15px 30px;
    }
    .filter-sidebar .filter-footer {
        max-width: 460px;
    }
    .properties-grid-detail #pills-contact,
    .properties-grid-detail .properties-commercials{
        height: calc(100vh - 289px);
    }
    .sale-filter-list ul li span.arrow {
        border-top: 5px solid #717171;
        border-right: 5px solid transparent;
        border-bottom: 0;
        border-left: 5px solid transparent;
    }
    .sale-filter-list ul li select.form-control{
        padding: 0 23px 0 10px;
        font-size: 12px;
    }
    .sale-filter-list ul li {
        padding: 3px;
        width: 33.3%;
    }
    /******* PRINT ********/
     .listing-hill-box {
        margin: 15px 0;
    }
    .print-listing-hill-left h4 {
        margin-bottom: 15px;
    }
    .print-listing-hill {
        padding: 30px 0;
    }

}

@media(max-width:575px) {
    .header-bottom {
        padding: 5px 0;
    }
    .navbar-brand img {
        height: 45px;
    }
    .navbar-brand span {
        font-size: 14px;
        margin-left: 10px;
    }
    .navbar-collapse {
        top: 51px;
    }
    .header-right { 
        flex-direction: column;
    }
    .socail-detail {
        margin-right: 0;
        width: 100%; 
    }
    .socail-detail ul {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .navbar-nav .nav-item .nav-link {
        padding: 10px 10px;
        font-size: 14px;
    }
    .buy-submenu ol li a {
        padding: 10px 15px;
        font-size: 14px;
        padding: 10px 10px;
    }
    .properties-sale-sec {
        height: calc(100vh - 94px);
    }
    .properties-left{
        height: calc(100vh - 94px);
    }
    .properties-left {
        max-width: 60px;
    }
    .analytics-sidebar .analytics-price ul li {
        width: 50%;
    }
    .properties-right{
        height: calc(100vh - 94px);
        width: calc(100% - 60px);
    }
    .properties-left.active {
        max-width: 100%;
        width: 100%;
    }
    .properties-left-title h3 {
        font-size: 16px;
    }
    .properties-sale-filter form .btn-secondary {
        font-size: 11px;
        width: 135px;
    }

    .properties-sale-filter form .dropdown-item {
        font-size: 12px;
        padding: 10px 5px;
    }
    .properties-sale-filter form .relative .form-control {
        padding-left: 30px;
    }
    .sale-filter-list ul li {
        width: 50%;
    }
    .properties-detail-inner ul li{
        width: 100%;
    }
    .analytics-price ul{
        flex-wrap: wrap;
    }
    .analytics-price ul li{
        width: 50%;
    }
    .filter-search {
        padding: 0;
    }
    .filter-search-price {
        align-items: flex-start;
        flex-direction: column;
    }
    .min-max-detail{
        width: 100%;
    }
    .min-max-detail ul { 
        flex-wrap: wrap;
    }
    .min-max-detail ul li{
        width: 50%;
    }
    .house-filter {
        margin-left: 0;
        width: 100%;
        margin-top: 15px;
    }
    .beds-status {
        flex-direction: column;
    }
    .beds-list {
        max-width: 100%;
    }
    .beds-list ul li { 
        width: 14.2%;
    }
    .beds-list ul li a {
        width: 100%;
    }
    .status-list {
        padding-left: 0;
        margin-top: 15px;
    }
    .parking-status-box h4, .price-box h4 {
        margin-bottom: 10px;
    }
    .parking-status-box{
        margin-bottom: 10px;
    }
    .parking-status {
        margin: 15px 0px 0;
    }
    .features-types {
        padding-bottom: 15px;
        margin: 15px 0;
    }
    .features-types .features-types-box {
        width: 100%;
        padding: 0px 5px 10px;
    }
    .features-types .form-control{
        margin-top: 10px;
    }
    .left-side-filter-footer {
        max-width: 100%;
    }
    .filter-footer ul li a {
        width: 60px;
        height: 40px;
    }
    .analytics-sidebar.active,
    .filter-sidebar.active{
        left: 60px;
        transition: all 0.5s ease-in-out;
    }
    .analytics-sidebar,
    .filter-sidebar{
        height: calc(100% - 94px);
        max-width: 100%;
        width: calc(100% - 60px);
        padding: 15px 15px 60px 15px;
    }
    .analytics-sidebar-title .close-btn a img {
        height: 14px;
    }
    .properties-left-title ul li {
        margin-left: 13px;
    }
    .filter-search-grid .close-btn {
        top: 10px;
        right: 20px;
    }
    .close-btn a img {
        height: 14px;
    }
    .properties-grid .properties-grid-detail .properties-detail-inner ul li {
        width: 100%;
    }
    .analytics-grid .analytics-average-box h4 {
        font-size: 14px;
    }
    .market-stats-top .media {
        align-items: flex-start;
        flex-direction: column;
    }
    .market-stats-top ul {
        width: 100%;
        margin-top: 15px;
    }
    .market-stats-top ul li {
        width: 100%;
    }
    .market-stats-top ul li .btn-secondary{
        width: 100%;
    }
    .market-stats-bottom {
        padding: 30px 0;
    }
    .market-stats-bottom .analytics-average-box h4 {
        font-size: 14px;
    }
    .second-footer .footer-logo img{
        height: 100px;
    }
    .second-footer .footer-logo a{
        padding: 0 15px;
    }
    .second-footer .footer-top .text-box h3 {
        font-size: 16px; 
    }
    .second-footer .footer-top .text-box p{
        font-size: 14px;
    }
    .building-detail-top .media-left {
        align-items: flex-start;
        flex-direction: column;
    }
    .breadcrumb {
        padding: 0;
        margin: 15px 0 0 0;
        justify-content: center;
    }
    .breadcrumb-item{
        padding: 3px 0;
    }
    .detail-condos-left .title ul {
        padding: 10px 15px;
        flex-wrap: wrap;
    }
    .detail-condos-left .title ul li {
        margin: 5px 0;
    }
    .amenities-text ul li:last-child {
        margin-bottom: 20px;
    }
    .related-product h3 {
        margin-bottom: 10px;
    }
    .related-product-box .text-box {
        padding: 12px 5px 0;
    }
    .related-product {
        padding: 0;
    }
    .building-page .detail-condos-left .title {
        padding-bottom: 0px;
    }
    .related-product-inner .nav-pills {
        margin-bottom: 10px;
        margin-top: 20px;
    }
    .building-page .detail-banner-inner ol {
        margin-bottom: 30px;
    }
    .detail-banner-inner ul li a{
        font-size: 14px;
    }
    .detail-banner-slide .swiper-button-next:after, .detail-banner-slide .swiper-button-prev:after{
        font-size: 20px;
    }
    .detail-banner-slide .swiper-button-next, .detail-banner-slide .swiper-button-prev{
        width: auto;
        height: auto;
    }
    .detail-banner-slide .swiper-button-next, .detail-banner-slide .swiper-container-rtl .swiper-button-prev {
        right: 10px;
        left: auto;
    }
    .detail-banner-slide .swiper-button-prev, .detail-banner-slide .swiper-container-rtl .swiper-button-next {
        left: 10px;
        right: auto;
    }
    .building-page .detail-banner-top {
        right: auto;
    }
    .building-detail-page .detail-banner-top {
        right: auto;
    }
    .detail-banner-top {
        right: auto;
        left: 50%;
        transform: translate(-50%, 0);
        max-width: 85%;
    }
    .building-page .detail-banner-inner h3 {
        font-size: 18px;
        line-height: 24px;
        max-width: 222px;
    }
    .building-page .detail-banner-inner p {
        max-width: 100%;
        margin: 7px auto;
        font-size: 14px;
    }
    .building-page .detail-banner-inner a.process-work {
        margin-bottom: 8px;
        font-size: 12px;
    }
    .building-page .detail-banner-inner ul {
        margin: 0;
        flex-direction: column;
    }
    .building-page .detail-banner-inner ul li {
        margin: 0 0 15px 0;
        width: 100%;
        padding: 0;
    }
    .building-page .detail-banner-inner ul li:last-child{
        margin-bottom: 0;
    }
    .building-page .detail-banner-inner ul li a{
        max-width: 100%;
    }
    .building-page .detail-banner-inner ol li {
        margin-bottom: 15px;
    }
    .building-page .detail-banner-inner ol {
        margin-bottom: 15px;
    }
    .building-page .detail-banner-inner {
        padding: 20px 15px;
        max-width: 100%;
    }
    .get-notification-modal .modal-dialog,
    .contact-user-modal .modal-dialog{
        max-width: 95%;
        width: 100%;
        margin: 0 auto;
    }
    .get-notification-modal .modal-body .text-box {
        padding: 50px 20px 20px 20px;
    }
    .contact-user-modal .modal-body {
        padding: 20px;
    }
    .contact-user-modal .modal-body .image-holder {
        width: 80px;
    }
    .contact-user-modal .modal-body .text-box {
        width: 100%;
        flex: 1;
        padding-left: 20px;
    }
    .contact-user-modal .modal-body .text-box span {
        margin: 3px 0;
    }
    .gallery-view-top .nav-pills .nav-item .nav-link {
        font-size: 14px;
        padding: 10px;
    }
    .gallery-view-top a.close-btn img {
        height: 12px;
    }
    .gallery-view-mid {
        padding: 10px;
        flex-direction: column;
    }
    .gallery-view-mid p{
        text-align: center;
        margin: 0 0 20px 0;
    }
    .gallery-photo .swiper-button-next:after, .gallery-photo .swiper-button-prev:after{
        font-size: 20px;
    }
    .gallery-photo .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        left: 0px;
        right: auto;
    }
    .gallery-photo .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 0px;
        left: auto;
    }
    .map-sidebar { 
        right: 10px;
        max-width: 350px;
    }
    .drop-arrow {
        margin-bottom: 15px;
    }
    .detail-banner-inner h3 {
        font-size: 18px;
        line-height: 30px;
        max-width: 220px;
    }
    .detail-banner-inner p {
        margin: 10px auto;
        font-size: 14px;
    }
    .building-detail-page .detail-banner-inner a.process-work {
        margin-bottom: 20px;
        font-size: 14px;
    }
    .detail-banner-inner ul li {
        margin-bottom: 20px;
    }
    .building-detail-page .building-detail-banner {
        height: 400px;
    }
    .media.medi-parking{
        flex-direction: column;
    }
    .media.medi-parking .parking-status-box {
        margin-bottom: 10px;
        width: 100%;
        margin: 10px 0px 0;
    }
    .filter-sidebar .features-types .features-types-box {
        width: 100%;
        padding: 0 5px;
    }
    .features-types-box ul li:last-child {
        margin-bottom: 17px;
    }
    .filter-sidebar .filter-footer {
        padding: 9px 65px 9px 5px;
    }
    .detail-banner-slide .image-holder img {
        height: 425px; 
    }
    .detail-condos-left .media {
        margin-top: 20px;
        flex-direction: column;
    }
    .media-right {
        margin: 0 0 10px 0;
    }
    #pills-contact .filter-search-price .min-max-detail {
        width: 100%;
        max-width: 100%;
    }
    .filter-sidebar.active .filter-footer {
        left: 60px;
        max-width: 100%;
    }
    .properties-grid-detail #pills-contact,
    .properties-grid-detail .properties-commercials{
        height: calc(100vh - 351px);
    }
    .index-new .left-side-filter-footer {
        max-width: 100%;
    }
    .sale-filter-list ul li.sort-select select.form-control{
        width: 100%;
    }
    .sale-filter-list ul li span.arrow {
        right: 10px;
    }
    .index-new .analytics-sidebar.active, .index-new .filter-sidebar.active, .index-new .filter-sidebar.active .filter-footer{
        right: 60px;
    }
    /****** PRINT ****/
    .print-listing-hill-left h4 span {
        margin-left: 10px;
    }
    .print-listing-hill-left h4 {
        margin-bottom: 10px;
        font-size: 14px;
    }
    .listing-room-inner table {
        width: 510px;
    }
    .print-header-inner .logo img {
        height: 40px;
    }
    .print-header-inner .logo span {
        font-size: 14px;
        margin-left: 2px;
    }
    .header-profile .image-holder {
        max-width: 35px;
    }
    .header-profile .text-box h4 {
        font-size: 14px;
        margin-bottom: 3px;
    }
    .header-profile .text-box p {
        font-size: 12px;
    }
    .header-profile {
        max-width: 160px;
        margin-left: auto;
    }
    .listing-hill-box ul li {
        font-size: 12px;
        margin-bottom: 10px;
    }
    .listing-hill-box:after {
        height: 125px;
    }
    .print-header-right .dropdown-menu {
        min-width: 230px;
    }
}
@media(max-width:374px) {
    .properties-sale-filter form {
        flex-direction: column;
    }
    .properties-sale-filter form .btn-secondary {
        font-size: 14px;
        width: 100%;
        margin-bottom: 10px
    }
    .footer-top .text-box p {
        font-size: 12px;
        margin-bottom: 5px;
    }
    .footer-bottom p{
        font-size: 12px;
    }
    .filter-footer {
        padding: 9px 10px 9px 10px;
    }
    .filter-footer h4 span {
        font-size: 16px;
    }
    .filter-footer h4 {
        font-size: 12px;
    }
    .filter-footer ul li {
        padding: 0 3px;
    }
    .filter-footer ul {
        display: flex;
        align-items: center;
        margin: 0 -3px;
    }
    .analytics-list ul li a {
        font-size: 12px;
        height: 30px;
    }
    .market-stats-top ul li .btn-secondary{
        font-size: 13px;
    }
    .detail-banner-inner h3 {
        font-size: 22px;
    }
    .map-sidebar { 
        right: 10px;
        max-width: 300px;
    }
    .filter-sidebar .filter-footer {
        padding: 10px;
        flex-direction: column;
    }
    .properties-grid-detail #pills-contact,
    .properties-grid-detail .properties-commercials{
        height: calc(100vh - 401px);
    }
    /**** print ****/
    .print-listing-hill-left h4 {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }
    .print-listing-hill-left h4 span {
        margin-left: 0;
        align-content: flex-start;
        display: block;
        width: 100%;
        margin-top: 5px;
    }
    .print-listing-hill-left .col-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .listing-hill-box:after{
        display: none;
    }
    .listing-hill-box {
        margin: 10px 0;
    }
    .prin-text .text-box p {
        font-size: 12px;
        line-height: 22px;
    }
    .print-header-inner .logo img {
        height: 30px;
    }
    .header-profile .image-holder {
        max-width: 30px;
    }
    .header-profile .text-box {
        padding-left: 5px;
    }
    .header-profile {
        max-width: 147px;
        margin-left: auto;
    }
    .print-header-right .dropdown-menu {
        padding: 10px;
    }
    .profile-list h4 {
        font-size: 14px;
    }
    .profile-list p {
        font-size: 12px;
    }
    .profile-address p {
        font-size: 12px;
        line-height: 18px;
    }
    .print-header-right .dropdown-menu {
        min-width: 190px;
    }
}