@media screen and (max-width: 767px) {
    body {
        font-size: 12px;
    }
    .col-half-offset {
        margin-left:0;
    }
    .font-12 {
        font-size: 12px;
    }
    .property-list strong {
        font-size: 14px;
    }
    .text-m-center {
        text-align: center;
    }
    .panel-body {
        padding: 15px 10px;
    }
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding: 0 5px;
    }
    .no-gutter-right-mb {
        padding-right: 0!important;
    }
    .row {
        margin-left: -5px;
        margin-right: -5px;
    }
    .row-d {
        margin-left: 0;
        margin-right: 0;
    }
    .p-m-relative {
        position: relative;
    }

    .main-content .navbar {
        margin-bottom: 0;
    }
    .property-list p, .property-list .price-wrap p {
        margin-bottom: 2px;
    }

    .property-list .cta-wrap {
        margin-top: 0;
    }
    .property-list .cta-wrap > div {
        float: none;
        padding-bottom: 0;
        text-align: left;
    }
    .property-list h2 {
        font-size: 14px;
        padding-right: 20px;
        display: inline-block;
    }
    .property-list strong {
        font-size: 12px;
    }

    .cta-wrap .btn {
        font-size: 1.1rem;
       padding: 5px 10px;
    }

    .property-list .panel .panel-body > .right-body {
        position: unset;
    }
    .property-list .panel .panel-body > div .cta-wrap {
        position: unset;
    }

    .property-list-item .panel .panel-body {
        padding: 10px 0px 5px;
    }
    .property-list .panel-body > .body-right {
        position: static;
    }
    .property-list .panel-body > div .cta-wrap {
        position: static;
    }
    .property-list  .cta-wrap .wrap-btn {
        position: absolute;
        bottom: 1px;
        right: 0;
    }
    .property-list  .cta-wrap .btn {
        padding: 5px 3px;
        color: #000;
        background: #fff;
        border-color: #fff;
        display: block;
    }
    .property-list  .cta-wrap .btn.call-user-btn {
        color: #0cba62;
    }
    .property-list  .cta-wrap .btn:hover, .property-list  .cta-wrap .btn:focus, .property-list  .cta-wrap .btn:active {
        color: #0cba62;
        background: #fff;
        box-shadow: none;
    }
    #search-form .cta-wrap .btn {
        font-size: 0.9rem;
        margin-right: 0;
    }
    .no-gutter-m {
        padding: 0!important;
    }
    .no-gutter-right-m {
        padding-right: 0!important;
    }

    .have-call-footer {
        padding-bottom: 65px;
    }
    .have-call-fixed {
        bottom: 65px;
    }
    .property-label {
        width: 100px;
    }
    .property-label-hot {
        right: -20px;
        top: 20px;
    }
    .property-label-urgent {
        left: -20px;
        top: 20px;
    }
    .notification-success-trade {
        padding: 10px;
        z-index: 100!important;
    }


    .notification-center {
        padding: 15px;
        box-sizing: content-box;
    }

    .notification-center a,  .notification-center a:active,  .notification-center a:hover {
        color: #fff
    }

    .property-list .info-wrap .info-item {
        margin-right: 5px;
    }
    .property-list .info-wrap i, .property-list .info-wrap svg {
        margin-right: 5px;
        font-size: 1.5rem;
    }
    .main-content .featured-property .owl-carousel .owl-nav button.owl-prev {
        transform: translateY(-50%);
    }

    .main-content .featured-property .owl-carousel .owl-nav button.owl-next {
        transform: translateY(-50%);
    }
    .featured-property .featured-item .content-item-wrap .info-item {
        font-size: 0.6rem;
    }
    .featured-property .featured-item .content-item-wrap .info-item i {
        font-size: 1.3rem;
    }
    .featured-property .featured-item .content-item-wrap .info-item span {
        font-size: 0.6rem;
    }
    .featured-property .featured-item .content-item-wrap .price-wrap {
        font-size: 0.6rem;
    }
    .featured-property .featured-item .content-item-wrap .price-wrap .price {
        font-size: 0.6rem;
    }

    .home-project-list .home-project-title {
        font-size: 0.9rem;
    }

    .homepage {
        background-size: 100%;
    }
    .main-footer {
        background: url('../images/footer-bg-m.png');
    }
    .header .navbar .navbar-collapse.collapsing {
        display: none;
    }
    .header .navbar-default {
        z-index: 999;
    }
    .header .navbar .navbar-collapse.in {
        position: fixed;
        top: 0;
        left: 15px;
        width: 80%;
        height: 100%;
        z-index: 1005;
        background: #0d8821;
        overflow: visible;

    }
    .header .navbar .navbar-collapse .close-btn {
        color: #fff;
        background: rgba(0,0,0,0.6);
        position: fixed;
        z-index: 10;
        top: 0;
        right: 0;
        height: 100%;
        width: 20%;
        padding-right: 10px;
        margin: 0;
        text-align: right;
        font-size: 2rem;
    }
    .header .navbar .navbar-collapse .close-btn > svg {
        position: absolute;
        top: 20px;
        right: 20px;
    }
    .contact-us-top-bg {
        height: 400px;
    }
    .header .header-banner {
            height: 640px;
    }
    .header-banner .header-content {
        height: auto;
        margin-top: 80px;
    }
    .header-banner .banner-text > h4 {
        padding: 0 15px;
        font-size: 1.5rem;
    }
    .container .contact-agent-property .contact-agent-detail {
        position: relative;
    }
    .container .property-right-detail h3 {
        font-size: 1rem;
    }
    .container  .property-right-detail h3 strong {
        font-size: 1.5rem;
    }
    .container .property-right-detail .contact-property-page {
        font-size: 1.2rem;
    }

    .main-content .feature-agent-list.owl-carousel .owl-nav button.owl-next {
        transform: translateX(0) translateY(-50%);
    }
    .featured-property .featured-item .content-item-wrap {
        height: 77px;
    }
    .featured-property .featured-item .label-item {
        font-size: 0.8rem;
        padding: 4px 7px 4px;
    }
    .featured-property .featured-item .label-item:before {
        border-width: 22px 22px 0 0;
    }
    .featured-property .featured-item .label-item:after {
        border-width: 22px 0 0 22px;
    }
    .featured-property .featured-item .content-item-wrap .info-wrap {
        margin-top: 5px;
    }
    .header-featured-items {
        z-index: 10;
        padding: 20px 0;
        text-align: center;
        width: 100%;
    }

    .header-featured-items .header-item-number {
        font-size: 1rem;
        font-weight: bold;
    }

    .header-featured-items .header-item-desc {
        color: #fff;
        font-size: 0.8rem;
        text-transform: none;
    }
    #required-login-for-post-modal .login-left {
        width: 100%;
    }
    #register-modal .login-left {
        width: 100%;
    }

    .countdown-deposit {
        transform: scale(0.2) rotate(30deg);
        right: -45px;
        bottom: unset;
        top: -10px;
    }
    #modal-not-premium .btn {
        margin-top: 10px;
    }
}

@media screen and (max-width:411px) {
    .header .header-banner {
        height: 660px;
    }
}

@media screen and (min-width: 768px) {
    .property-list .panel .panel-body {
        position: relative;
    }
    .property-list .panel .panel-body > .right-body {
        position: unset;
    }
    .property-list .panel .panel-body > div .cta-wrap {
        position: absolute;
        bottom: 15px;
        right: 0;
    }
    .no-gutter-left-d {
        padding-left: 0px!important;
    }
    .no-gutter-right-d {
        padding-right: 0px!important;
    }
    .mobile-footer-fixed {
        display: none;
    }
    .property-list .cta-wrap .wrap-btn .btn-address {
        background: none;
        border: none;
        color: #000000;
        padding: 5px;
        font-size: 1.2rem;
        position: absolute;
        top: -41px;
        right: 85px;
        margin-right: 5px;
    }

    .back-to-top {
        cursor: pointer;
        position: fixed;
        bottom: 95px;
        right: 25px;
        display: none;
        padding: 15px 20px;
        opacity: 0.6;
        z-index: 800;
        font-size: 1rem;
    }
    .property-list-item .btn-subscribe-property {
        position: absolute;
        right: 46px;
        top: -44px;
    }

    .fix-desktop-footer {
        display: block;
        bottom: 30px;
        right: 90px;
    }
    .btn-download-all-image-wrap {
        display: none;
    }

}

@media screen and (min-width: 768px) and (max-width: 991px) {
    body {
        font-size: 14px;
    }
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding: 0 10px;
    }
    .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    .modal-dialog {
        width: 700px;
    }
    #tawkchat-container {
        transform: translateY(-100px);
    }
}

@media screen and (min-width: 992px) {
    .modal-dialog {
        width: 900px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1280px) {
    #agent-wrap.home-search-form {
        padding: 30px 30px 20px;
    }
    .header-featured-items {
        padding: 30px 0;
    }
}