@media only screen and (max-width:767px) {
    .hidden-xs {
        display: none;
    }

    h4 a {
        font-size: 1rem;
    }
    .blog-content {
        padding:5px 10px;
        text-align: center;
    }

    .single-hero2-slider {
        height: 200px!important;
    }
    .hero-style2 .slick-dots li button {
        background: #fff;
        color: #fff;
        width: 7px;
        height: 7px;
        margin: 0;
        border-color: transparent;
        transition: all 0.3s ease;
        font-size: 0;
        border: 2px solid #fff;
        border-radius: 50%;
        position: relative;
    }

        .hero-style2 .slick-dots li button::before {
            position: absolute;
            content: "";
            width: 7px;
            height: 7px;
            background: #C69C6D;
            left: -2px;
            top: -2px;
            opacity: 1;
            visibility: hidden;
            border: 2px solid #C69C6D;
            border-radius: 50%;
        }
    /*h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
    }*/
}

.footer-area h5 {
    color: #C69C6D;
}

.slickdots .slick-dots {
    position: absolute;
    border: 0;
    list-style: none;
    padding: 0;
    left: 48%;
    margin: 0;
    margin-left: -70px;
    margin-top: 30px;
    line-height: 0;
}
    .slickdots .slick-dots li {
        margin-right: 10px;
        display: inline-block;
    }
        .slickdots .slick-dots li button {
            width: 10px;
            height: 5px;
            margin: 0;
            transition: all 0.3s ease;
            font-size: 0;
            background: #DFE1E5;
            border-radius: 0;
            position: relative;
            border-radius: 12px;
            border: none;
        }

        .slickdots .slick-dots li.slick-active button, .slickdots .slick-dots li:hover button {
            background: #C69C6D;
            width: 15px;
        }

.single-p-option {
    max-width: unset !important;
}

    .logo img {
        max-height: 75px;
    }

    .single-hero2-slider {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        height: 600px;
        position: relative;
    }
.hero-style2 .slick-dots li button {
    border-radius: 50% !important;
}

    .hero-style2 .slick-dots li button::before {
        border-radius: 50%!important;
    }

    .single-h-contact i {
        font-size: 35px;
        margin-right: 0px;
        margin-left: 15px;
    }

    .s-property-content {
        padding: 20px 25px;
        padding-bottom: 15px;
    }

    .header-contact::before {
        position: absolute;
        content: "";
        width: 1px;
        height: 100%;
        background: #ECECEC;
        right: -60px;
        top: 0;
    }

    .text-right {
        text-align: right;
    }

    .text-left {
        text-align: left;
    }

    .header-contact {
        display: flex;
        align-items: center;
        position: relative;
        float: right;
        padding: 15px 0;
    }

    .topbar-area {
        padding: 4px 0px;
    }

    .topbar-social li a i {
        font-size: 18px;
        color: #C69C6D;
    }

        .topbar-social li a i:hover, .topbar-social li a:hover {
            color: #818790;
        }

    .ml-5 {
        margin-left: 5px;
    }

    .mr-0 {
        margin-right: 0;
    }

    .mt-10 {
        margin-top: 10px;
    }
    
    .mt-20 {
        margin-top: 20px;
    }

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

    .pt-20 {
        padding-top: 20px;
    }

    .pb-20 {
        padding-bottom: 20px;
    }

    .topseachbtn {
        background-color: #C69C6D;
        padding: 3px 15px;
        color: #FFF;
        margin-right: 10px;
    }

        .topseachbtn i {
            color: #FFF;
        }

    .s-header-content .title a {
        font-weight: 600;
    }

    .nav-menu > li > a {
        font-weight: 800 !important;
    }

    .border-top-1 {
        border-top: 1px solid #c69c6d21;
    }

    .footer-top {
        padding-bottom: 0px;
    }

    .footer-social {
        margin-top: 15px;
    }

        .footer-social li a i {
            font-size: 22px;
        }

.header-style2, .is-sticky {
    background: #fafafa;
    /*background-image: url('img/pattern.png');*/
}
.footersocial, .footer-top {
    background: #04171a;
    background-image:none; 
    /*url('img/pattern.png');*/
}

    .copyright {
        background-color: #000;
    }

    .footer-area p {
        color: #ffffffab;
    }

    .footer-services li a {
        color: #FFF;
    }

    .text-primary {
        color: #C69C6D !important;
    }


.page-title {
    background: #eee;
    background-image: url('img/pattern.png');
    padding: 40px 0;
    margin-bottom: 50px;
}

.nice-select .list {
    width: 100%;
}
.nice-select,
.form-group input {
    width: 100%;
    height: 50px;
    border: 2px solid #E8E8E8;
    border-radius: 10px;
    padding: 10px 30px;
    font-weight: 400;
    transition: all 0.4s ease;
    /*background: #F6F6F6;*/
}

    .form-group {
        position: relative;
        margin-bottom: 30px;
    }

    .theme-btn, .btn-theme {
        background: #C69C6D !important;
        padding: 15px 40px;
        color: #fff !important;
        font-weight: 500;
        border-radius: 10px;
        font-size: 15px;
        display: inline-block;
        line-height: 24px;
        transition: all 0.4s ease;
        margin-right: 15px;
        position: relative;
        z-index: 1;
        overflow: hidden;
        font-size: 16px;
    }


    .main-menu .navigation li .sub-menu li a:hover {
        background: #ECECEC;
    }

.offcanvas-menu li a {
    font-weight: 600;
}

.single-r-property-img {
    -webkit-border-radius: 12px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius: 12px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-radius: 12px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    max-height: 250px;
}

    .single-r-property-img::before {
        position: absolute;
        content: "";
        width: 100%;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.54) 33%, rgba(0, 0, 0, 0));
        height: 60%;
        bottom: 0;
        border-radius:0;
        z-index: 1;
        display: none;
    }

.single-r-property-bed {
    padding: 0px;
    margin: 7px 0px;
}

.single-bed-property li {
    box-shadow: none;
    border: 0;
    border-radius: 0px;
    display: inline-block;
    /*width: 24%;*/
    margin:0;
    padding-right: 0;
    padding-left: 0;
}

    .single-bed-property li b {
        margin-right: 7px;
        color: #C69C6D;
    }
h4, .hs-4 {
    font-size: 1rem;
    line-height: 1rem;
}
.single-recent-property {
    border-radius: 12px;
    background-color: #fff;
    box-shadow: 0px 3px 15px #0000000a;
    border: 1px solid #F4F4F4;
}
.flex-container {
    display: flex;
    flex-wrap: nowrap;
}

ul.flex-container li {
    flex-grow: 1;
    position: relative;
}

.recent-property-slider .slick-slide {
    margin-right: 7px;
    margin-left: 7px;
}
.property-for-sale {
    top: 15px;
    left: 15px;
}

.property-ratting {
    bottom: -10px;
    padding: 0 10px;
}
.p-ratting-point {
    padding: 5px 10px;
    font-weight: 500;
    border-radius: 5px;
    margin-right: 15px;
    font-size: 14px;
}

.font-12 {
    font-size: 12px;
}
.font-14 {
    font-size: 14px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-20 {
    margin-bottom: 20px;
}
.property-user-price p a {
    font-weight: 400;
    font-size: 16px;
    margin-top: 7px;
    color: #C69C6D;
}

.property-for-sale li a {
    background: #fff;
    font-size: 11px;
    padding: 3px 10px;
    display: block;
    border-radius: 5px;
    color: #C69C6D;
    font-weight: 600;
}

.text-bold {
    font-weight: bold;
}

.pr-single .pr-icon i {
    width: 50px!important;
    min-width: 50px!important;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #f7f7f7;
    border: 1px solid #ECECEC;
    box-shadow: 0px 3px 5px #00000005;
    border-radius: 8px;
    color: #C69C6D;
    font-size: 18px;
    transition: all 0.4s ease;
}

.pr-desc span {
    font-size: .85rem;
}
.pr-desc .pr-des-title {
    font-size: 16px;
    color: #163f65;
    font-weight: 600;
}

.p-descrip-box label {
    font-size: 13px;
}

.pro-features li i {
    margin-left: 10px;
    margin-right: 0px;
    color: #3454d1;
    font-size: 13px;
}


@media only screen and (max-width: 1550px) {
    .header-details-inner li a {
        font-size: 13px;
    }
}
@media only screen and (max-width: 767px) {
.property-tab-menu .list-group-item {
    padding: 12px 15px;
    font-size: 12px;
}
    .property-tab-menu {
        border-bottom:0;
    }
}


.property-tab-d-inner {
    background: #fff;
    padding: 40px 0 0 0;

    box-shadow:none;
    border-radius: 0;
}

.property-tab-menu {
     box-shadow: none;
}

.property-tab-menu .list-group-item, .property-tab-menu .list-group-item {
    position: relative;
    display: block;
    background-color: #f7f7f7;
    border: 2px solid #ECECEC;
    font-weight: 600;
    color: #000000;
    margin-left: 10px;
    border-radius: 12px;
}
    .property-tab-menu .list-group-item.active, .property-tab-menu .list-group-item:hover {
        border: 2px solid #C69C6D;
        margin-left: 10px;
        border-radius: 12px;
    }

.property-option-area::before {
   display: none;
}


.single-p-option i {
    font-size: 36px;
}

.slick-viewall {
    position: absolute;
    top: -7px;
    border: 2px solid #C69C6D;
    padding: 10px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    color: #C69C6D;
}
    .slick-viewall:hover {
        background: #C69C6D;
        border-color: #1e1e1e;
        color: #FFF;
    }


.slick-arrow {
    position: absolute;
    top: -100px;
    border: 2px solid #C69C6D;
    padding: 10px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    color: #C69C6D;
}
    .slick-arrow:hover {
        background: #C69C6D;
        border-color: #1e1e1e;
        color: #FFF;
    }


.p-shadow{
    background: #fff;
    box-shadow: 0px 3px 35px #0000000f;
    padding: 80px 60px;
    position: relative;
}