:root {
    --gray900: #282829;
    --white: #ffffff;
    --gray500: #5F6062;
    --gray50: #EFEFEF;
    --yellow500: #918360;
    --yellow: #FED812;
    --yellow900: #3D3728;

    --midspace: 60px;
}

@media (min-width:992px){
    .bg-contactus-hero .contactus-btn{
        margin-left: -50px;
    }
    
    .bg-show-hide{
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        overflow: hidden;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

@media (max-width:991px){

    .hero-main-sec {
        height: 50vh;
    }

    .hero-main-sec #hero-slider{
        overflow-x: auto;
    }

    .why-choose-sec .custom-slider:last-child{
        padding-top: 0px;
    }

    .why-choose-sec .slider-item.p-5.text-justify{
        padding-top: 0px !important;
    }

    .why-choose-sec .slider-control{
        transform: translateY(-125%);
    }

    .test-bg{
        background-size: cover;
    }

    .popular-property .title h6{
        color: var(--white);
    }

    .popular-property .title h2{
        color: var(--white);
    }

    .properties-page .popular-property .title h6{
        color: var(--gray900);
    }

    .properties-page .popular-property .title h2{
        color: var(--gray900);
    }

    .testimonial .tslider .testimonial-card .left-sec{
        border-right: none;
        border-bottom: 1px solid var(--white);
        padding-bottom: 15px;
    }

    .main-menu-list li{
        position: relative;
    }

    .header-menu ul li ul.dropdown.show{
        top: 300px;
        border: none;
        border-top: 1px solid #fff;
        padding-top: 40px;
    }

    .why-choose-sec .behind-row{
        display: none;
    }

    .respo-bg-clr{
        background-color: var(--gray50);
    }

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

    .popular-property .owl-nav{
        width: 100%;
        margin: 0 auto;
        left: 0px;
    }

    .bg-contactus-hero .contact-popup{
        justify-content: center;
    }

    .bg-contactus-hero .contactus-btn{
        margin-top: -40px;
    }
}

@media (max-width: 767px){
    .properties-details-page .aminity.multiple .aminity-card{
        width: 132px;
    }
}

@media (max-width:575px){
    .header-menu ul li ul.dropdown.show{
        grid-template-columns: repeat(1, 1fr);
        margin-right: 0px;
        padding-right: 0px;
        width: 100%;
    }

    header a.navbar-brand{
        width: 180px;
    }
}