@media only screen and (min-device-width: 280px) and (max-device-width: 768px) {
    .post-nav {
        flex-direction: column-reverse;
    }

    .post-nav .post-nav--image {
        width: 100%;
    }

    .post-nav .post-nav--content {
        width: 100%;
    }

    .post-nav--content .post-title {
        font-size: 23px;
        line-height: 30px;
    }

    .post-nav--content .post-description {
        padding-right: 0;
        font-size: 12px;
    }

    .web_2-nav {
        padding: 1rem;
    }

    .web-2-footer {
        grid-template-columns: 1fr;
        padding: 0.5rem;
        gap: 1rem
    }

    .web-2-footer-b {
        font-size: 13px;
    }

    .web-2-statistical-c .container {

    }

    .web-2-statistical--content {
        background-color: #FFFFFF;
        width: 80%;
        right: 0;
    }

    .web-2-statistical .pe-5 {
        padding-right: 0 !important;
    }

    .web-2-statistical-title {
        font-size: 20px;
        line-height: 20px;
    }

    .web-2-statistical--default-mb {

        padding: 0 16px;
        margin-bottom: 3.5rem;
    }

    .web-2-statistical--default-mb h3 {
        font-size: 30px;
        line-height: 30px;
    }

    .web-2-statistical--default-mb p {
        font-size: 14px;
    }

    .web-2--title {
        font-size: 28px;
        line-height: 30px;
    }

    .web-2-member-ass--content {
        padding: 1.5rem .5rem 1.5rem .5rem;
    }

    .item2-member-ass {
        width: 60%
    }

    .web-2-credo-content {
        gap: 0.75rem;
    }



    .post-start {
        flex-direction: column;
    }
    .post-start-left,.post-start-right{
        width: 100%;
    }
    .web-2-vh--title {
        font-size: 25px;
    }
    .post-start-right--title {
        font-size: 25px;
        line-height: 30px;
        margin-top: 0.5rem;
    }
    .post-start-right--description {
        font-size: 14px;
        color: #666666;
    }
   .web-2-join .web-2-title {
        font-size: 28px;
        line-height: 30px;
    }
    .web-2-join .text-center.text-white.my-3{
        font-size: 12px;
    }
    .web-2-join-img img {
        width: 70px;
        height: 70px;
    }
    .web-2-join-img {
        padding: 0.5rem 2rem;
    }
    .web-2-credo-img {
        width: 100%;
        height: auto;
        aspect-ratio: 1/1;
        padding: 1.25rem;
        border-radius: 50%;
    }
    .web-2-mobile-logo img {
        width: 65px;
        height: 65px;
    }
}