@media only screen and (min-device-width: 280px) and (max-device-width: 768px) {

    .web-3-head-text-title {
         width:auto;
        font-size: 48px;
        font-weight: 900;
        line-height: 60px;
    }
    .web-3-head-text {
        font-size: 18px;
        font-weight: 400;
        line-height: 27px;
        letter-spacing: 0.20000000298023224px;

    }
    .web-3-post-start .d-flex{

    }
    .web-3-post-start-left{
        width: 100%;
    }
    .web-3-post-start-right{
        width: 100%;
    }
    .web-3-post-start-right--title {
        font-size: 35px;
        font-weight: 600;
        line-height: 44px;

    }
    .web-3-credo {
        display: grid;
        grid-template-columns: 70% 70% 70%;
        gap: 20px;
         padding: 0 0;
        overflow-x: auto;
    }
    .item3-member-ass .swiper-slide{
        width: 70%;
    }
    .web-3-group {
         width: 100%;

    }
    .web-3-group-item--left img {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }
    .web-3-group-item--right {
         width: 100%;
    }
    .web-3-group-item--right.ms-5{
        margin: 0 !important;
        padding-left: 1rem;
    }
    .web-3-event {
        padding: 2rem 1rem 1rem 1rem;
        background-color: #FFE4A8;
    }
    .web-3-event--left {
         width: 100%;
    }
    .web-3-event--left-title {
        font-size: 40px;
        line-height: 51px;
    }
    .web-3-event--right {
        width: 100%;
    }
    .web-3-event--right img {
        width: 100%;
        height: 420px;
        object-fit: cover;
    }
    .web-form-res {
         height: auto;
    }
    .web-form-res--left {
         width: 100%;
    }
    .web-form-res--title {
        font-size: 40px;
    }
    .web-form-res--text {
        font-size: 22px;
    }
    .web-form-res--right {
         width: 100%;
    }
    .web-3-join {
         width: 100%;
        flex-wrap: wrap;
    }
    .web-3-join-content {
         width: 100%;
    }
    .web-3-icon {
        width: 49%;
    }
    .web-3-logo {
        width: 70px;
        height: 70px;
    }
    .vote-content{
        flex-wrap: wrap;
        gap:0.75rem;
    }
    .web-3-vote-content-left{
        width:100%;

    }
    .web-3-vote-content-right{
        width:100%
    }

    .web-3-theme .data-article{
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .web-3-video{
        grid-template-columns: 70% 70% 70% 70%;
        gap:10px;
        overflow-x: auto;
    }
    .web-4-mobile-video{
        width: 70%;
    }
    .web-3-vote{
        grid-template-columns: 1fr;
        gap:10px
    }



}