@media only screen and (max-width: 1250px) {
    .half-cont{
        width:100%;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .abt-ser-chunk{
        width:50%;
    }
}
@media only screen and (max-width: 1000px) {
    .popup-outer-mini{
        width:80%;
    }
    .selection-area,.search-area, .min-max-area, .w-btn-area{
        width:100%;
    }
    .widget-outer{
        max-width: 600px;
    }
    .wb-text{
        display: block;
    }
    .w-btn{
        display: flex;
        align-items: center;
        justify-content: center;
        width:100%;
    }
    .w-btn svg{
        height: 25px;
        width: 25px;
        margin-right: 1rem;
        display: flex;
        z-index: 4;
    }
    .search-area{
        border-top:1px solid var(--clr-3);
        border-bottom:1px solid var(--clr-3);
    }
    input#apt-name{
        padding:1rem;
    }
    .main-popup{
        padding: 0;
    }
    .popup-outer{
        padding: 2rem;
    }
    .apt-desc-cont, .inq-section{
        width: 100%;
    }
    .inq-section{
        order:1;
    }
    .apt-desc-cont{
        order: 2;
    }
    .dsktp{
        display: none;
    }
    #mobile-inq-widget{
        display: block;
    }
    .radio-area{
        width:70%;
    }
    span.cf-title{
        width:30%;
    }
}
@media only screen and (max-width: 880px) {
    .serive-thumb{
        width:50%;
        margin-bottom: 1.5rem;
    }
    .apt-card{
        flex-wrap: wrap;
    }
    .apt-img-sec{
        width:100%;
        aspect-ratio: 16/9;
    }
    .apt-info-sec{
        width:100%;
    }
    .abt-ser-chunk{
        width:100%;
    }
}
@media only screen and (max-width: 830px) {
    .hb-area{
        display: block;
        background: var(--clr-3);
        position: absolute;
        top: 4rem;
        left:-3rem;
        padding: 5px;
        border-radius: 3px;
        padding-top: 10px;
    }
    .logo-area img{
        width:55px;
    }
    .logo-area{
        width:100%;
        display:flex;
        align-items: center;
        justify-content: center;
        padding-top: 3rem;
    }
    .nav-upper{
        flex-direction:column;
        top: 0;
        left: 0;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    section.apartment-banner{
        height:30vh;
    }
    .page-center-details{
        padding:2rem;
        justify-content:center;
    }
    span.nav-inner-d{
        margin-left:0;
    }
    .logo-area img{
        max-width: 80px;
    }
    .menu-area{
        position: fixed;
        width: 300px;
        height: 100vh;
        background: var(--clr-1);
        left: 0;
        flex-direction: column-reverse;
        top: 0;
        transform: translateX(-300px);
        opacity: 0;
        transition: all .5s ease;
    }
    .menu-sec{
        display: flex;
        flex-direction: column;
        padding: 2rem;
        align-items: flex-start;
        justify-content: center;
    }
    .menu-item{
        font-size: 1.4rem;
        margin-bottom: 18px;
        margin-left: 0;
        color: var(--clr-4);
        font-weight: 700;
    }
    #normal-nav{
        padding-bottom: 0;
    }
    .f-logo-area, .site-map-content, .contact-content-2, .contact-section{
        width:100%;
        align-items: center;
    }
    .contact-content-2{
        align-items: center;
        margin-top: 2rem;
    }
    .contact-section{
        flex-direction: column;
    }
    .f-logo-area{
        align-items: center;
        justify-content: center;
    }
    .contact-block{
        text-align: center;
        width: 100%;
        margin-bottom: 0.5rem;
    }
    .site-map-content{
        flex-direction: row;
        justify-content: space-evenly;
        margin-bottom: 2rem;
    }
    .city-chunk, .flex-wrap .display-thumb, .dev-thumb, .flex-row-wrap .display-thumb{
        width:31.3333%;
    }
    .feature-ico{
        flex-direction: column;
    }
    .fi-title{
        text-align: center;
        font-size: 14px;
    }
    .fi-area{
        margin-right: 0px;
    }
    .cf-input-short{
        padding:0 !important;
        width:100%;
        margin-bottom: 1rem;
    }
}
@media only screen and (max-width: 750px) {
    .abt-logo-area, .content-sec{
        width:100%;
    }
    .content-sec{
        text-align: center;
    }
    .desc-chunk-bar{
        padding: 1rem;
    }
}
@media only screen and (max-width: 680px) {
    .serive-thumb{
        width:100%;
    }
    .hb-area{
        left: -1rem;
    }
    .apt-upper-sec{
        flex-wrap: wrap;
        padding-top: 0;
    }
    .apt-uc-left, .apt-uc-right, .desc-section{
        width:100%;
    }
    .apt-uc-right{
        flex-direction: row;
        padding: 0;
    }
    .apt-info-sec{
        flex-direction: column-reverse;
        display: flex;
        flex-wrap: wrap;
    }
    .apt-price-cont{
        padding-top: 1rem;
    }
    .city-chunk, .flex-wrap .display-thumb, .dev-thumb, .flex-row-wrap .display-thumb{
        width:48%;
    }
    .info-a-chunk{
        width:50%;
    }
    span.cf-title{
        width:100%;
        margin-bottom: 1rem;
    }
    .radio-area,.cf-input-short{
        width:100%;
    }
    .cf-input-short{
        padding: 0 !important;
        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 630px) {
    .nav-inner-sec{
        flex-direction: column;
    }
    .nav-inner-sec h2{
        margin-bottom: 2rem;
    }
    p.s-desc{
        padding-left: 0;
    }
    .team-chunk{
        flex-wrap: wrap;
    }
    .team-img-sec, .team-desc-sec{
        width:100%;
    }
    .inq-widget{
        padding: 2rem 0;
    }
    .feature-ico{
        width:33%;
    }
}
@media only screen and (max-width: 600px) {
    .apt-uc-right{
        flex-direction: column;
    }
    .apt-lower-sec{
        flex-wrap:wrap;
    }
    .city-chunk, .flex-wrap .display-thumb, .dev-thumb, .flex-row-wrap .display-thumb{
        width:100%;
    }
    .city-img-area{
        aspect-ratio:4/3;
    }
    .fi-area{
        width:40px;
        height: 40px;
    }
}
@media only screen and (max-width: 530px) {
    .price-selector-container{
        width: 50%;
    }
    .popup-outer{
        padding: 1rem;
    }
    .contact-form-outer{
        width:100%;
        padding: 1.5rem;
    }
    .popup-outer-mini{
        width: 100%;
    }
    .m-pop-close{
        top:2rem;
    }
    .sub-popup{
        align-items: flex-start;
        padding: 0;
    }
}
@media only screen and (max-width: 480px) {
    .site-map-content{
        flex-direction: column;
    }
    .info-a-chunk{
        width:100%;
    }
}