@media (max-width: 575.98px) {
    .logo_img {
        width: 80px;
    }

    .hero_section {
        height: 85vh;
        background-position: center right;
    }

    .hero_section .heading_one {
        font-size: 3rem;
        text-align: center;
    }

    .hero_section .heading_two {
        font-size: 1.5rem;
        text-align: center;
    }

    .heading_two {
        font-size: 1.5rem;
    }

    .advice_section .heading_two {
        text-align: center;
    }

    .hero_section_overly {
        opacity: 0.8;
    }

    .heading_big {
        font-size: 1.5rem;
        font-weight: 600;
    }

    .learn_more {
        padding: 7px 15px;
    }

    .advice_section {
        height: 600px;
    }

    .about_banner.hero_section {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
        height: 30vh;
    }

    .about_banner .heading_two {
        font-size: 2.3rem;
        text-align: center;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .logo_img {
        width: 80px;
    }

    .hero_section {
        height: 85vh;
        background-position: center right;
    }

    .hero_section .heading_one {
        font-size: 3rem;
        text-align: center;
    }

    .hero_section .heading_two {
        font-size: 1.5rem;
        text-align: center;
    }

    .heading_two {
        font-size: 1.5rem;
    }

    .advice_section .heading_two {
        text-align: center;
    }

    .hero_section_overly {
        opacity: 0.8;
    }

    .heading_big {
        font-size: 1.5rem;
        font-weight: 600;
    }

    .learn_more {
        padding: 7px 15px;
    }

    .advice_section {
        height: 600px;
    }

    .about_banner.hero_section {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
        height: 30vh;
    }

    .about_banner .heading_two {
        font-size: 2.3rem;
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .logo_img {
        width: 80px;
    }

    .hero_section {
        height: 65vh;
        background-position: center right;
    }

    .hero_section .heading_one {
        font-size: 3rem;
        text-align: center;
    }

    .hero_section .heading_two {
        font-size: 1.5rem;
        text-align: center;
    }

    .heading_two {
        font-size: 1.5rem;
    }

    .advice_section .heading_two {
        text-align: center;
    }

    .hero_section_overly {
        opacity: 0.8;
    }

    .heading_big {
        font-size: 1.5rem;
        font-weight: 600;
    }

    .learn_more {
        padding: 7px 15px;
    }

    .advice_section {
        height: 600px;
    }

    .about_banner.hero_section {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
        height: 30vh;
    }

    .about_banner .heading_two {
        font-size: 2.3rem;
        text-align: center;
    }
}