@media screen and (max-width:1024px) {
    body {
        font-size: 14px;
        line-height: 22px;
    }
    .navbar-collapse {
        padding: .5rem;
        background: var(--bs-gray-100);
        border: 1px solid var(--bs-gray-100);
        border-radius: .255rem;
    }
    .m-width-none {
        max-width: 100%;
    }
    img.leaf-0 {
        top: -0%;
        max-width: 60px;
        z-index: -1;
    }
    img.leaf-1 {
        top: 35%;
        max-width: 60px;
        z-index: -1;
    }
    img.leaf-2 {
        z-index: -1;
        max-width: 60px;
    }
    .faq img.leaf-0 {
        top: -70px;
    }
}

@media screen and (max-width:600px) {
    .nav-pills .nav-link {
        font-size: 12px;
    }
    a.navbar-brand img {
        width: 85px;
    }
    .page-banner {
        padding-top: 50px;
    }
    .nav-link {
        border-radius: .255rem;
        padding: .5rem .8rem;
        margin: 2px 0;
    }
    .navbar-nav a.nav-link:hover,
    .navbar-nav a.nav-link.active {
        color: #fff;
        background: var(--theme-clr-1);
    }
    h3.text-center.text-lg-start::before {
        left: 50%;
        transform: translateX(-50%);
    }
}