.mobile-menu,
.table-ok {
    display: none;
}

@media screen and (max-width: 1440px) {

    #top-menu2 {
        gap: 2rem;
    }

    #site-search .search-box {
        right: -80px;
    }
}

@media screen and (max-width: 1367px) {

    .mobile-menu-none {
        display: none;
    }

    .mobile-menu {
        display: block;
    }

    #top-head {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #logo {
        margin-right: auto;
    }

    #top-head {
        gap: 2rem;
    }

    #top-search svg {
        transform: scale(1.2);
    }

    .heti-tabla .slider-controls {
        display: block;
    }

}

@media screen and (max-width: 1025px) {

    #menu-main-menu {
        flex-wrap: wrap;
        gap: 2rem;
    }

    #menu-main-menu>li {
        width: calc((100% - (2 * var(--gap))) / 3)
    }

    body .hero-cols .szuro-link {
        display: block !important;
    }

    body .hero-cols {
        display: block;
    }

    .hero-col2 .wp-block-group {
        display: block;
        margin-top: 1rem;
    }

    .hero-col2 .infogomb,
    .eloadas-szuro-osszes,
    .eloadas-szuro-form,
    .szuro-link {
        margin-bottom: 1rem;
    }

    .archive-search {
        margin-bottom: 2rem;
    }

    body div.my_carousel .prev,
    body div.my_carousel .next {
        top: 72%;
    }

    .honap-szakasz .column-3>div,
    #eloadas-results .column-3>div {
        width: calc((100% - (1 * var(--gap))) / 2)
    }

    .text-search span,
    .archive-search span {
        font-size: 18px;
    }

    .archive-search {
        margin-left: 0;
        display: block;
    }

    .archive-search.open .galeria-search {
        position: fixed;
        top: 50% !important;
        left: 50%;
        right: 0;
        transform: translate(-50%, -50%) !important;
    }

    #havi-musor-szuro select {
        width: 200px !important;
        padding: 0;
    }

    .eloadas-szuro-form {
        justify-content: space-between;
    }

    .eloadas-szuro {
        display: grid !important;
    }

    .archive-search {
        order: 1;
    }

    .eloadas-szuro-osszes {
        order: 2;
    }

    .eloadas-szuro-form {
        order: 3;
    }

    .szuro-link.chip.ajax-link {
        order: 4;
    }

    #eloadas-results {
        order: 5;
    }

    .select:after {
        right: auto;
    }

    .arch-card {
        height: 475px;
    }

    .sticky .wp-block-columns {
        display: grid;
    }

    .sticky .wp-block-columns .wp-block-column:nth-of-type(2) {
        order: 1;
    }

    .sticky .wp-block-columns .wp-block-column:nth-of-type(1) {
        order: 2;
    }

    .sticky-line {
        justify-content: space-between;
    }

    .slider-controls {
        margin-bottom: 2rem;
    }

    .sticky .jegyvasarlas {
        display: none;
    }

    .jegyvasarlas-mobile {
        display: block;
    }

    /*.single-modula-gallery .single-modula-gallery .f-carousel__track {
        display: block;
        transform: none;
    }

    .single-modula-gallery .single-modula-gallery .f-carousel__nav {
        display: none;
    }

    .single-modula-gallery .modula-item.f-carousel__slide {
        padding: 1rem 25px 0 25px;
    }

    [id^="jtg-"] .modula-items.f-carousel {
        --f-carousel-slide-width: 100% !important;
    }*/

    .single-modula-gallery-content {
        margin-top: 5rem;
    }


    .sticky-feature .row {
        display: block;
    }

    .sticky-feature .row div {
        width: 100% !important;
    }

    #sticky-feature .col-2-3 {
        padding-left: 0;
        margin-top: 2.5rem;
    }

}

@media screen and (max-width: 769px) {

    #menu-main-menu>li {
        width: calc((100% - (1 * var(--gap))) / 2)
    }

}

@media screen and (max-width: 769px) {

    .table-none {
        display: none;
    }

    #menu-main-menu>li {
        width: 100%
    }

    #site-search .search-box {
        width: 430px;
    }

    .hirek-btn .infogomb {
        margin-top: 1rem;
    }

    #sticky-feature .meta-date,
    .jegy-berlet {
        margin-bottom: 1rem;
    }

    #sticky-feature .col-2-3 {
        padding-left: 0;
    }

    #sticky-feature .col-2-3 {
        margin-top: 1rem;
    }

    #news-grid,
    .table-ok {
        display: block !important;
    }

    .order-2 {
        order: 2;
    }

    #news-grid article {
        width: 100%;
    }

    #news-grid img {
        width: 100%;
    }

    #news-grid article {
        margin-top: 4rem;
    }

    #news-grid article:first-of-type {
        margin-top: 0;
    }

    .szinmuveszek .wp-block-columns {
        padding-bottom: 0;
    }

    #sticky-feature h3,
    blockquote p {
        line-height: 35px;
    }

    .szuro-koztes-tartalom .col-1-4 p {
        text-align: left;
    }

    .post-type-archive-galeria h1,
    .tax-galeriatipus h1,
    .post-type-archive h1,
    #galeria-filter {
        padding-bottom: 3rem;
    }

    .honap-fejlec {
        width: 85%;
    }

    .eloadas-szuro-form {
        display: block;
    }

    .eloadas-szuro-form {
        margin-bottom: 0;
        margin-top: 1rem;
    }

    .eloadas-szuro-form .select {
        margin-bottom: 2.5rem;
    }

    .eloadas-szuro-form .select:last-of-type {
        margin-bottom: 2rem;
    }

    .eloadas-szuro,
    .szinmuveszek-page .wp-block-columns,
    .faq-content .wp-block-columns {
        gap: 0 !important;
    }

    .eloadas-kartya-racs {
        width: 100%;
    }

    .szuro-koztes-tartalom p {
        text-align: left
    }

    #rep-grid article {
        width: calc((100% - (1 * var(--gap))) / 2)
    }

    #rep-filter,
    .nf-links {
        order: 2
    }

    .szinmuveszek-page blockquote {
        margin-top: 2rem;
    }

    .arch-card {
        height: 435px;
    }

    .eloadas-section3 span.font-16::after {
        content: ":";
        margin-right: 3px;
    }

    .eloadas-section3 span {
        display: inline-block;
    }

    .eloadas-section3 p {
        text-align: left;
    }

    .eloadas-section3 .wp-block-column {
        display: flex;
        gap: 3px
    }

    .eloadas-section3 .wp-block-column p {
        font-size: 14px;
    }

    .eloadas-section3 {
        gap: 0;
        margin-top: 1rem;
    }

    .single-eloadas main p {
        text-align: left;
    }

    .single-eloadas .wp-block-buttons.is-content-justification-right {
        justify-content: start;
    }

    .szinmuveszek .wp-block-columns {
        flex-wrap: wrap;
        gap: var(--gap);
        clear: both;
    }

    .szinmuveszek .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        width: calc((100% - (1 * var(--gap))) / 2);
        flex-basis: auto !important;
        margin-bottom: 2rem;
    }

    .szinmuveszek .font-26 {
        font-weight: 600;
    }

    .szinmuveszek .wp-block-columns p {
        line-height: 28px;
    }

    .page-template-page-szinmuveszek main>div>h1 {
        display: block;
        margin-bottom: 2rem;
    }

    .szinmuveszek-page h1 {
        display: none;
    }

    .szinmuveszek-page .auto-padding {
        padding-top: 0 !important;
    }

    .f-carousel__nav {
        margin-top: 4rem;
    }

    .szinmuveszek-page .f-carousel__viewport.is-draggable {
        padding-right: 40px;
    }

    .modula-best-grid-gallery .is-horizontal .f-carousel__nav .f-button.is-next {
        right: 50px !important;
    }

    .modula-best-grid-gallery .is-horizontal .f-carousel__nav .f-button.is-prev {
        right: 120px !important;
    }

    .page-template-page-szinmuvesz .eloadas-szereplo hr {
        display: none;
    }

    .width-30,
    .single-content,
    #partnerek .wp-block-columns {
        width: 100%;
    }

    .single-meta {
        margin: 1.5rem 0 1rem;
    }

    #partnerek .wp-block-columns,
    .footer-cols1,
    .social-line {
        display: flex;
        flex-wrap: wrap !important;
        gap: var(--gap);
        clear: both;
    }

    #partnerek .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column,
    .footer-cols1.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column,
    .social-line>figure {
        flex-basis: auto !important;
        width: calc((100% - (1 * var(--gap))) / 2)
    }

    .social-line>figure {
        text-align: center;
    }

    .footer-none {
        display: none;
    }

    .footer-ok {
        display: block;
    }

    .eloadas-informacio p {
        text-align: left;
    }

    .kek-roka .wp-block-cover {
        min-height: 420px !important;
    }

    .kek-roka .wp-block-cover .wp-block-cover__image-background,
    .kek-roka-hero img {
        object-position: calc(80% - 10px) center !important;
    }

    .furfangos .wp-block-cover .wp-block-cover__image-background,
    .furfangos-hero img {
        object-position: left center !important;
    }
}

@media screen and (max-width: 541px) {
    #main-menu.active #menu-main-menu {
        margin-top: 2rem;
    }

    #main-menu.active #menu-main-menu li a:hover {
        border: 3px solid #ECDAF4;
        padding: 1px 2px;
        text-decoration: none;
        text-shadow: none !important;
        color: var(--black-100) !important;
    }

    #logo {
        margin-right: inherit;
    }

    #menu-top-menu,
    #arch-filter select {
        padding: 0;
    }

    #top-head {
        gap: 1rem;
    }

    #logo svg {
        max-width: 80px;
    }

    #top-head a,
    .meta-date,
    .infogomb a,
    .infogomb,
    input[type="submit"],
    .infogomb,
    input[type="submit"],
    .eloadas-premier p,
    .single-meta p {
        font-size: 16px !important;
    }

    #site-search .search-box,
    .archive-search.open .galeria-search {
        width: 280px;
        position: fixed;
        top: 50% !important;
        left: 50%;
        right: 0;
        transform: translate(-50%, -50%) !important;
    }

    body #hero .hero-img img,
    #sticky-feature .col-2-3 img,
    .kiemelt-media img {
        width: 100%;
        height: 420px;
        object-fit: cover;
        object-position: center;
        display: block;
    }

    body .hero-line p {
        line-height: 2.8;
        font-size: 16px;
    }

    .honap-fejlec-oldal {
        display: none;
    }

    .honap-fejlec-kozep div {
        text-align: left !important;
    }

    .nyilak {
        justify-content: flex-start;
    }

    .honap-fejlec {
        width: 100%;
        padding-top: 0 !important;
    }

    .kiemelt-meta {
        text-align: left;
    }

    .kiemelt-card {
        margin-bottom: 4rem;
    }

    .kiemelt-card:last-of-type,
    .gf-links a {
        margin-bottom: 1rem;
    }

    .honap-szakasz .column-3>div,
    #eloadas-results .column-3>div,
    .szinmuveszek-page blockquote,
    .szinmuveszek-page h1,
    .szinmuvesz-rendezo-box,
    .berlet-berlet .wp-block-columns {
        width: 100%;
    }

    .eloadas-kartya-racs {
        gap: 2rem;
    }

    .berletcimke,
    .berletenkivuli {
        font-weight: 600;
    }

    .nap {
        font-size: 54px;
    }

    .honap-szakasz:first-of-type {
        margin-top: 0;
    }

    #hero .font-26,
    .font-26.uppercase.medium {
        font-weight: 400;
    }



    #sticky-feature .hirek-btn,
    #news-filter {
        padding-top: 0;
    }

    .hirek-btn,
    #rep-grid {
        padding-top: 0;
    }

    .eloadasok-repertoar .font-18,
    .szuro-koztes-tartalom,
    .post-type-archive-galeria .width-30,
    .angyalok-info .auto-padding {
        padding-bottom: 0 !important;
    }

    .archive-search,
    .modula-video,
    .eloadasok-repertoar {
        margin-top: 2rem;
    }

    .home-news-3 h3 {
        margin-bottom: 0.75rem;
    }

    main {
        padding: 3rem 0 0 0 !important;
    }

    .honap-fejlec-kozep {
        display: flex;
        flex-wrap: wrap;
        gap: 3px
    }

    .eloadasok-repertoar .font-18 a {
        text-align: right;
        line-height: 22px;
    }

    .honap-fejlec-kozep .nyilak {
        flex-basis: 100%;
    }

    .honap-fejlec-kozep .nyilak {
        margin-top: 1rem;
    }

    .honap-fejlec-kozep .ev,
    .eloadas-cim {
        font-size: 28px;
    }

    .kiemelt-grid.column-2,
    #rep-filter ul,
    body .hero-line,
    .eloadas-premier,
    .nf-links,
    .nf-links a,
    .gf-links,
    .gf-links a,
    #galeria-grid header,
    .angyalok-none {
        display: block !important;
    }

    .rep-toolbar,
    .news-filter,
    #galeria-filter,
    #arch-filter {
        display: grid !important;
        gap: 1rem !important;
    }

    #rep-filter ul li,
    .page-id-808 .szervezoiroda {
        margin-top: 20px;
    }

    .kiemelt-grid.column-2 article,
    #rep-grid article,
    #rep-grid,
    .repertoar-thumb img,
    .jegyvasarlas-mobile .wp-block-buttons,
    .jegyvasarlas-mobile .wp-block-button,
    body .fontos-info .wp-block-cb-faqs .faq-content,
    .repertoar-footer .content-box>.wp-block-columns {
        width: 100%;
    }

    #rep-grid,
    #arch-filter {
        gap: 2rem !important;
        order: 2;
    }

    .kiemelt-sub {
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .szuro-link.osszes.active,
    .szuro-link.active,
    .nf-link.active,
    .is-active.active {
        font-size: 18px;
    }

    .post-type-archive-repertoar .archive-search {
        margin: 0;
    }

    .text-search span,
    .archive-search span {
        color: var(--black-50)
    }

    #havi-musor-szuro select,
    .szuro-link,
    #rep-filter li a {
        color: var(--black-70)
    }

    details.honap-szakasz[open] summary span,
    body .faq-label.active h3,
    #eloadas-results p,
    body .faq-label.active h2 {
        font-weight: 600;
    }

    .post-type-archive-galeria h1,
    .tax-galeriatipus h1,
    .post-type-archive h1,
    .angyalok-page .sticky {
        padding-bottom: 2rem;
    }

    .slider-controls {
        margin-bottom: 10px;
    }

    .eloadas-col h4,
    .page-id-25 h1 {
        margin-bottom: 0;
    }

    .szuro-koztes-tartalom .row,
    .tartalom .wp-block-columns,
    .eloadas-informacio .wp-block-columns,
    .category-hirek #news-filter,
    #galeria-filter {
        gap: 0 !important;
    }

    .sticky-line {
        width: 90vw;
        /* teljes viewport szélesség */
        overflow-x: auto;
        /* vízszintes görgetés engedélyezése */
        -webkit-overflow-scrolling: touch;
        /* sima mobilos görgetés */
        display: flex;
        /* hogy a belső elemek egymás mellett legyenek */
        flex-wrap: nowrap;
        /* ne törjenek le */
        scrollbar-width: none;
        /* Firefoxban eltünteti a scrollbar-t */
    }

    .sticky-line::-webkit-scrollbar {
        display: none;
        /* Chrome, Safari, Edge – scrollbar eltüntetése */
    }

    .sticky-line>* {
        flex: 0 0 auto;
        /* elemek ne zsugorodjanak */
    }

    .home-szinmuveszek3 .wp-block-columns,
    .jegy-berlet .wp-block-columns,
    .berlet-berlet .wp-block-columns {
        gap: 3rem;
    }

    .faq-decor.bottom-padding2,
    .berlet-berlet .wp-block-columns h3,
    .eloadasrol-blokk .bottom-padding {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    body .wp-block-cb-faqs .faq-label:after {
        margin-right: 15px;
    }

    body .wp-block-cb-faqs .faq-content {
        padding-top: 10px;
    }

    body .wp-block-cb-faqs .faq-label {
        padding: 10px;
    }

    .faq-decor.bottom-padding2 {
        font-size: 24px;
        font-weight: 400;
    }

    .faq-content p {
        margin: 15px 0;
    }

    .wp-block-cb-faq.top-padding {
        margin-top: 2rem;
    }

    #hirlevel {
        margin-top: 4rem;
    }

    .faq-content .wp-block-spacer {
        height: 0 !important;
    }

    .faq-content>.wp-block-columns,
    .angyalok-hero {
        margin-bottom: 3rem !important;
    }

    .jegyarak-cols {
        padding-top: 0;
        padding-bottom: 0;
    }

    .jegy-box,
    .jegy-box-1 .wp-block-column,
    .nf-links a {
        margin-top: 1rem !important;
    }

    .nf-links a:nth-of-type(1) {
        margin-top: 0 !important;
    }

    .jegy-box {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem !important;
        clear: both;
    }

    /* .jegy-box.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        width: calc((100% - (1 * var(--gap))) / 2);
        flex: auto !important;
    }*/

    .jegyarak-box-empty,
    .allasajanlat-empty hr,
    .nav-home {
        display: none;
    }

    .jegyarak-box-cols .wp-block-columns {
        padding-right: 0;
    }

    .page-id-808 .jegyarak {
        border-bottom: 0.5px solid var(--black-30);
    }

    .page-id-808 .jegyarak {
        padding-bottom: 0;
    }

    .page-id-808 .berlet-berlet {
        margin-top: 4rem;
    }

    .page-id-808 .eloadasok-repertoar {
        margin-top: 0;
    }

    .page-id-893 .jegy-berlet .wp-block-columns {
        gap: 1rem;
    }

    .muszaki-list {
        margin-left: 1rem;
    }


    .text-search span,
    .archive-search span {
        font-size: 16px;
    }

    .archive .news-cols,
    .random-news {
        margin: 2rem 0;
    }

    .kiemelt-galeria .modula.modula-album.modula-grid .modula-items .modula-item img.pic {
        height: auto;
    }

    .galeria-content h3,
    .kiemelt-galeria p {
        font-size: 14px;
        line-height: 18px;
    }

    .galeria-content h3 {
        margin-top: 15px;
        margin-bottom: 1.5rem;
    }

    p.kiemelt-galeria-title {
        font-size: 16px;
        line-height: 25px;
    }

    [id^="jtg-"] .modula-items .figc .jtg-title .image_count {
        font-size: 13px !important;
    }

    .post-type-archive-galeria .modula-video {
        margin-top: 0;
    }

    [id^="jtg-"] .modula-item .figc .jtg-title {
        font-size: 30px !important;
    }

    .kiemelt-galeria {
        padding-bottom: 2.5rem !important;
    }

    .gf-links {
        order: 2;
    }

    .berletcimke,
    .berletenkivuli,
    .eloadas-kartya:hover .berletcimke,
    .eloadas-kartya:hover .berletenkivuli {
        font-size: 13px;
        line-height: 20px;
        margin-top: 5px;
    }

    /*.kartyafej {
        display: block;
    }*/

    .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent {
        display: block;
    }

    .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow {
        margin: 0 0 30px 0 !important;
    }

    .angyalok-hero .wp-block-cover {
        min-height: 420px !important;
    }

    .angyalok-page .sticky {
        position: relative;
    }

    .angyalok-page .sticky-line {
        display: block !important;
    }

    .angyalok-page .sticky-line p,
    .eloadas-informacio {
        margin-bottom: 1rem;
    }

    .szervezo-col {
        padding: 1.5rem;
    }

    #menu-top-menu>li:first-child a:hover {
        text-decoration: none;
        box-shadow: none;
    }

    .eloadas-szuro {
        display: flex !important;
    }

    .eloadas-szuro-osszes {
        width: 100%;
    }

    .repertoar-footer h3 {
        margin-bottom: 0;
    }

    .jegyarak-box {
        margin-right: 30% !important;
        margin-bottom: 1rem !important;
    }

    .page-id-893 h1 {
        font-size: 30px;
    }

    .home-szinmuveszek h3 a, .home-szinmuveszek h2 a {
        font-size: 24px;
    }

    .rep-popup__dialog {
        min-height: auto;
        width: 300px;
        padding: 20px;
    }

    body div.my_carousel .prev,
    body div.my_carousel .next {
        display: none;
    }

    .hero div.my_carousel .nav {
        display: flex;
    }


}

@media screen and (max-width: 391px) {
    .page-id-15 h1 {
        font-size: 26px;
    }

    .page-id-808 h1 {
        font-size: 30px;
    }

    .honapnev {
        font-size: 22px;
    }

    .berletcimke,
    .berletenkivuli,
    .eloadas-kartya:hover .berletcimke,
    .eloadas-kartya:hover .berletenkivuli {
        font-size: 11px;
        line-height: 15px;
    }

    .kartyafej {
        gap: 20px;
    }

    .eloadas-kartya {
        padding: 20px;
    }

    .post-navigation {
        display: block;
    }
.nav-next{
            text-align: right;
    }

    .post-navigation a {
    display: inline-flex;
}

.rep-popup__body {
    width: 100%;
}

.rep-popup__bemutato {
    margin: 0 0 1.5rem 0;
}

.rep-popup-title{
    margin-bottom: 10px;
}
}

@media screen and (max-width: 371px) {
    .jegy-box.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        width: 100%;
    }

    .hero h2 {
        font-size: clamp(35px, 5vw, 6.375rem);
    }
}

@media screen and (max-width: 345px) {

    #top-head {
        gap: 0.5rem;
    }
}