@media(max-width:1199px){

    .hero-title{
        font-size:70px;
    }

}

@media(max-width:991px){

    .top-bar{
        display:none;
    }

    .logo-img{
        width:58px;
        height:58px;
    }

    .logo-title{
        font-size:28px;
    }

    .logo-subtitle{
        font-size:10px;
        letter-spacing:2px;
    }

    .hero-title{
        font-size:52px;
    }

    .hero-content{
        bottom:80px;
    }

}

@media(max-width:767px){

    .hero-section{
        min-height:700px;
    }

    .hero-title{
        font-size:38px;
        line-height:1.1;
    }

    .hero-description{
        font-size:16px;
    }

    .hero-buttons{
        flex-direction:column;
    }

    .btn-primary-custom,
    .btn-secondary-custom{
        width:100%;
        justify-content:center;
    }

}

@media(max-width:767px){

    .trust-strip{
        padding:30px 0;
    }

    .trust-item{
        text-align:center;
        flex-direction:column;
        align-items:center;
    }

}

@media(max-width:991px){

    .section-header{
        flex-direction:column;
        align-items:flex-start;
        gap:20px;
    }

    .section-title{
        font-size:46px;
    }

}

@media(max-width:767px){

    .featured-properties{
        padding:80px 0;
    }

    .section-title{
        font-size:34px;
    }

}

@media(max-width:991px){

    .about-section{
        padding:80px 0;
    }

    .about-title{
        font-size:46px;
    }

}

@media(max-width:767px){

    .about-title{
        font-size:34px;
    }

    .about-description{
        font-size:16px;
    }

    .about-buttons{
        flex-direction:column;
    }

    .about-buttons .btn-ghost-white{
        width:100%;
        justify-content:center;
    }

}

@media(max-width:767px){

    .about-buttons{
        flex-direction:column;
    }

    .about-buttons .btn-ghost-white{
        width:100%;
    }

}

@media(max-width:991px){

    .journal-header{
        flex-direction:column;
        align-items:flex-start;
        gap:20px;
    }

    .journal-title{
        font-size:46px;
    }

}

@media(max-width:767px){

    .journal-section{
        padding:80px 0;
    }

    .journal-title{
        font-size:34px;
    }

}