@media (max-width:480px) {
    .cicles_txt {
        text-align: center;
        font-size: 18px
    }

    .cicle {
        width: 100%;
        margin-bottom: 30px
    }

    .card-3d {
        width: 280px;
        height: 280px
    }

    .back,
    .front {
        width: 100%;
        height: 100%;
        border-radius: 100%
    }

    .back_content {
        font-size: 14px;
        width: 220px
    }

    .community-btn {
        font-size: 14px;
        padding: 8px 16px
    }
}

@media (max-width:360px) {

    .back,
    .front {
        border-radius: 100%
    }

    .cicles_txt {
        font-size: 16px;
        width: 240px
    }

    .card-3d {
        width: 240px;
        height: 240px
    }

    .back_content {
        font-size: 16px;
        width: 220px
    }

    .community-btn {
        font-size: 12px;
        padding: 6px 12px
    }
}

@media (max-width:1200px) {

    .seneca_first,
    .seneca_right {
        margin-left: 0
    }

    .dir_item {
        justify-content: left
    }

    .direktion {
        flex-direction: column
    }

    .seneca_txt {
        font-size: 20px
    }

    .left_txt {
        font-size: 40px;
    }



    .seneca_footer-txt,
    .span_seneca {
        font-size: 20px;
        line-height: 30px;
        margin-right: 200px;
    }
}

@media (max-width:768px) {

    .community_all,
    .dream_item {
        flex-direction: column
    }

    .community_left,
    .community_right {
        width: 100%;
        margin-top: 50px
    }

    .item_tit {
        font-size: 30px
    }

    .community-item,
    .dreams-container {
        grid-template-columns: 1fr
    }

    .item-image {
        order: -1;
        margin-bottom: 20px
    }

    .community-footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px
    }

    .back,
    .front {
        border-radius: 100%
    }

    .bg_item {
        height: 250px
    }

    .cta-button {
        font-size: 14px;
        padding: 8px 16px
    }

    .dream_item img {
        max-width: 100%;
        height: auto
    }

    .blue,
    .seneca_first,
    .seneca_second,
    .seneca_third {
        text-align: center
    }

    .seneca_txt {
        font-size: 18px
    }

    .seneca_text {
        flex-direction: column;
    }

    .left_txt {
        font-size: 28px
    }

    .seneca_footer {
        justify-content: end
    }

    .seneca_footer-txt,
    .span_seneca {
        font-size: 18px;
        line-height: 28px
    }
}

@media (max-width:1600px) {



    .back,
    .card-3d,
    .front {
        max-width: 400px;
        max-height: 400px
    }

    .back_content {
        font-size: 16px;
        width: 290px
    }

    .front {
        font-size: 36px
    }

    .back {
        font-size: 24px
    }
}

@media (max-width:1441px) {
    .seneca_right {
        margin-right: 100px;
    }
}


@media (max-width:1417px) {
    .seneca_center {
        width: 100%;
    }

    .seneca_footer {
        width: 53%;
    }
}

@media (max-width:1250px) {
    .seneca_txt {
        margin-bottom: 150px;
    }

    .back_content {
        font-size: 12px;
        width: 200px;
        height: 200px
    }

    .card-3d {
        max-width: 300px;
        max-height: 300px;
        margin: 0 auto
    }

    .back,
    .front {
        font-size: 24px
    }

    .section-title {
        font-size: 40px
    }

    .community-section {
        height: auto;
        margin: 100px auto
    }

    .dreams-container {
        grid-template-columns: auto
    }

    .item-number {
        font-size: 30px
    }

    .community_item_mob p,
    .item_tit {
        font-size: 16px
    }

    .community_item {
        margin-top: 10px;
        padding-bottom: 15px
    }

    .community_image {
        height: 60px;
        max-width: 276px;
        min-height: 60px;
        margin: 0 auto
    }

    .fut_mob {
        display: flex
    }

    .fut_mob_cloce {
        display: none
    }

    .community_item_mob {
        height: 66px;
        margin-top: 15px
    }

    .cicles_text {
        margin-top: 0
    }

    .back,
    .cicle,
    .front {
        max-width: 343px;
        max-height: 343px
    }

    .card-3d {
        width: 343px;
        height: 343px
    }

    .seneca_footer {
        width: 65%;
    }
}

.direk_left {
    display: flex;
    justify-content: center
}

.group_txt {
    font-size: 18px
}

@media (max-width:1300px) {
    .item_tit {
        font-size: 20px
    }

    .dir_img {
        width: 500px
    }
    .cicles{
        flex-wrap: nowrap;
        gap: 10px;
    }

    .back,
    .cicle,
    .front {
        max-width: 300px;
        max-height: 300px;
    }
}

@media (max-width:1025px) {


    .back-content {
        width: 180px;
        height: 180px
    }

    .cicles_txt,
    .dir_tit {
        width: 100%
    }

    .back,
    .front {
        border-radius: 100%
    }

    .cicles {
        justify-content: center
    }

    .cicles_text {
        justify-content: space-around
    }

    .direktion {
        justify-content: center
    }

    .seneca_right {
        margin-right: 290px;
    }

    .dir_tit {
        text-align: center;
        max-width: none
    }

    .seneca_footer {
        width: 74%;
    }
}

@media (max-width: 998px) {

    .section-title {
        font-size: 32px;
    }

    .left_txt {
        font-size: 32px;
        line-height: 42px;
    }

    

    .cicles {
        flex-direction: column;
    }

    .seneca_txt {
        margin-bottom: 143px;
    }

    .seneca_right {
        margin-right: 241px;
    }

    .blue {
        font-size: 32px;
        line-height: 42px;
    }

    .seneca_footer {
        width: 72%;
    }

}

@media (max-width: 774px) {

    .left_txt {
        font-size: 16px;
        line-height: 24px;
        width: 80px;
    }

    .blue {
        font-size: 25px;
    }

    .blue_cloce {
        display: none;
    }

    .blue_mob,
    .blue_mob_c {
        display: block;
    }

    .blue_mob_one {
        padding-right: 183px;
    }

    .seneca_txt {
        font-size: 16px;
        width: 318px;
        margin-right: 190px;
    }

    .seneca_footer-txt,
    .span_seneca {
        font-size: 16px;
    }
}

@media (max-width: 600px) {

    .section-title_cloce {
        display: none;
    }

    .section-title_mob {
        display: block;
        width: 300px;
        margin-top: 48px;
        margin-bottom: 0;
    }

    .section-title_margin {
        padding-left: 20px;
        margin-bottom: 100px;
    }
    .seneca_txt {
        width: 268px;
        margin-right: 236px;
    }

    .seneca_right {
        margin-right: 249px;
    }

    .seneca_footer {
        width: 100%;
    }

    .video_vertical {
        width: 100%;
        height: 494px; 
    }

    .video-container {
        height: 494px;
        overflow: hidden;
    }

    .video_vertical_cloce {
        display: none;
    }

    .video_vertical_mob {
        display: block;
    }
}

@media (max-width: 508px) {

    .community-btn {
        margin-top: 10px;
    }

    .seneca_left {
        padding-left: 20px;
    }

    .seneca_txt {
        margin-top: 60px;
        margin-right: 250px;

    }

    .seneca_footer-txt {
        width: 300px;
        margin-right: 60px;
    }

    .seneca_right {
        margin-right: 225px;
    }

    .seneca_footer {
        margin-right: 170px;
    }

}

@media (max-width: 470px) {}

@media (max-width:800px) {
    .community-section {
        height: auto;
        margin: 100px auto
    }

    .seneca_txt {
        right: 0
    }

    .dir_img {
        width: 343px
    }

    .direktion {
        gap: 34px
    }

    .item-number {
        min-width: 60px
    }

    .item-number img {
        width: 60px;
        height: 60px
    }

    .community_item {
        height: 96px
    }

    .dir_txt {
        transform: translateX(0)
    }

    .community_image {
        width: auto
    }

    .cicles {
        gap: 0
    }

    .button-container {
        margin-top: 0
    }

    @media (max-width:600px) {

        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-family: var(--font-primary)
        }



        .cicles_text {
            flex-direction: column;
            gap: 10px
        }

        .section-title {
            width: 250px;
        }

        .fix_bottom {
            margin-bottom: 0;
        }

        .dream_text_block {
            margin-top: 0;
        }

        .dream_text_block.text_up {
            margin-top: 0;
        }

        .dream-block_mob {
            padding: 0;
        }

        .seneca_footer-txt,
        .span_seneca {
            text-align: left;
            text-wrap: nowrap;
        }


        .community_image,
        .group_title {
            width: auto
        }

        .group_text {
            height: auto;
            margin-bottom: 20px
        }

        .group_txt {
            margin-left: 0
        }

        .cicles_txt {
            display: none
        }
    }
}

@media (max-width:480px) {
    .bg_item {
        height: 200px
    }


    .cta-button {
        font-size: 12px;
        padding: 6px 12px;
    }

    .back-content {
        display: flex;
        padding-top: 30px
    }
}