/* cmsms stylesheet: DP - Media Query modified: 2026. június 17., szerda 14:13:59 */
@media (orientation: landscape) {
    .tip.firstseen {
        top: -50vh;
    }

    video {
        width: 60vh;
        height: 60vh;
        border-radius: 1em;
    }

    .partners {
        max-height: 35vh;
    }

}

@media (orientation: portrait) {
    .tip.firstseen {
        top: -30vh;
    }

    .section.video, .section.video .container {
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    video {
        border-top: 4px solid #00c1cb;
        width: 100%;
        height: auto;
        border-radius: 0;
    }

    .partners {
        max-height: 55vh;
    }
}

@media (max-width: 998px) {
    .hidden-mobile {
        display: none;
    }

    header .container .dp-logo a img {
        width: 200px;
    }

    header .container nav #menu {
        display: block;
        padding: 0.5rem;
        font-size: 1.4em;
        margin-right: 0.65rem;
    }

    header .container nav #menuFade {
        display: block;
        position: fixed;
        top: 0;
        bottom: 60px;
        right: -100vw;
        left: 100vw;
        z-index: 999;
    }

    header.menu-on .container nav #menuFade {
        right: 0;
        left: 0;
    }

    header .container nav ul {
        transition: all .6s ease-in-out;
        position: fixed;
        padding: 1.5em;
        top: 0;
        bottom: 60px;
        right: -100vw;
        left: 100vw;
        width: calc(325px - 3em);
        max-width: calc(80% - 3em);
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        z-index: 1000;
        margin: 0;
        background-color: #fff;
        -webkit-box-shadow: unset; 
        box-shadow: unset;
    }

    header.menu-on .container nav ul {
        right: 0;
        left: unset;
        -webkit-box-shadow: 0px 0px 41px 12px rgba(0,0,0,0.3); 
        box-shadow: 0px 0px 41px 12px rgba(0,0,0,0.3);
        overflow-y: auto;
    }

    header .container nav ul li a {
        font-size: 1rem;
        display: flex;
        padding: 0.6em;
        margin: 0;
    }

    header .container nav ul li#menuClose {
        transition: all .6s ease-in-out;
        display: block;
        position: fixed;
        top: 0;
        right: -100vw;
        left: 100vw;
        padding: 0.5em;
        margin: 0.5em 0.5em 0 0;
        font-size: 1.4em;
        z-index: 1001;
    }

    header.menu-on .container nav ul li#menuClose {
        right: 0;
        left: unset;
    }

    section#home .hello-cont .flex {
        flex-direction: column;
    }

    section#home .hello-cont .flex > div {
        order: 2;
        padding-right: 0;
        width: 100%;
    }

    section#home .hello-cont.inverse .flex > div {
        order: 1;
        padding-left: 0;
    }

    section#home .hello-cont .flex > div h1 {
        text-align: center;
        font-size: 1.8em;
        line-height: 1.25;
    }

    section#home .product .hello-cont .flex > div h5.subtitle {
        text-align: center;
    }

    section#home .hello-cont img {
        max-width: 75%;
        margin-bottom: 0;
        order: 1;
        align-self: center;
    }

    section#home .hello-cont.inverse img {
        order: 2;
    }

    section#home .hello-cont img.float-img {
        margin-bottom: 0;
        margin-top: -3em;
    }

    section#home .hello-cont img.bottom.kosar {
        margin-top: 1.5em;
    }

    section#home .hello-cont.inverse img.float-img {
        margin-bottom: -3em;
        margin-top: 0;
    }

    section#home .container .bubble {
        width: calc(50% - 4em);
    }

    section#home .container .product .bubble {
        width: calc(100% - 4em);
    }

    section#home .container .bubble.bubbles-big {
        width: calc(100% - 4em);
    }

    section#home .form-kosar .container .bubble.bubbles-big, section#home .container .form-affiliate .bubble.bubbles-big {
        margin-left: -3rem;
        margin-right: -3rem;
        width: 100%;
        border-radius: 0;
    }

    section#home .three-bcg .container .bubble {
        width: calc(50% - 2em);
    }

    section#home .three-bcg .container .bubble.bubbles-big {
        width: calc(100% - 2em);
    }

    .accordion-button, .accordion-button:active, .accordion-button:focus, .accordion-button:not(.collapsed) {
        font-size: 1.1rem;
    }

    .contact-form {
        margin: -3em -2em;
        border-radius: 0;
    }

    .contact-form .check-label label, .contact-form .form-adatkezelesi-szoveg, .contact-form .check-label .hibas-mezo-uzenet {
        margin-left: 1rem;
        width: 100%;
    }

    section#home img.contact-pic {
        display: none;
    }

    .accordion-body {
        font-size: 1.1rem;
    }

    .accordion-body p {
        font-size: 1.1rem !important;
    }

    .margin-sm-top {
        margin-top: 1.5em !important;
    }

    .margin-sm-bottom {
        margin-bottom: 1.5em !important;
    }

    .barion .flex {
        flex-direction: column;
    }

    .barion img {
        max-width: 100%;
        width: 400px;
        margin-bottom: 0.5em;
    }

    .barion .barion-text {
        text-align: center;
        margin-left: 0;
    }

    section#home .section.sec-bcg .bubbles.product {
        max-width: unset;
        width: calc(100% + 2em);
        display: flex;
        flex-direction: column;
        order: 2;
    }

    .product-details {
        order: 1 !important;
        display: flex;
        flex-direction: column;
    }

    .product-details .album .aa {
        width: calc(33.3% - 1em);
    }

    .product-details .ar .ar-szam {
        flex-direction: column;
        line-height: 1.1;
        align-items: flex-start;
    }

    .product-details .ar .ar-szam span.sp-text {
        margin-left: 0;
    }

    .product-details .ar .ar-szam span.sp-text u {
        font-size: 0.8rem;
    }

    .product-details .ar .btn {
        padding: 0.9em;
    }

    table.datas {
        margin-left: auto;
    }

    .admin-table, .pagi-row {
        border-radius: 0;
        margin: 0 -2rem;
    }

    .controls {
        flex-direction: column;
    }

    .controls > form {
        justify-content: center;
        margin-bottom: 1em;
        background-color: rgba(0,0,0,0.05);
        padding: 0.3em 0;
    }

    .blog-kep {
        object-fit: unset;
        height: auto;
    }

    .kapcs-blokk > div {
        min-width: 30%;
    }

    section#home .section.footer-bcg .h1 {
        font-size: 2em;
    }
}

@media (min-width: 998.1px) {
    section#home .container .prices .bubble {
        /* max-height: 65vh; */
    }

    section#home .container .prices .bubble .info-list {
        overflow-y: auto;
        margin: 0 -1em -0.75rem -1em;
        padding: 0 1em 0.75rem 1em;
    }

    .hidden-mobile {
        display: block;
    }
}

@media (orientation: landscape) AND (max-width: 980px) {
    section#content {
        height: calc(80vh - 4em);
    }

    section#content {
        height: auto;
        top: 1em;
        bottom: calc(1em + 60px);
    }
}

@media (max-width: 700px) {
    body, html {
        font-size: 15px;
        height: 100%;
        font-size: var(--body-font-size-small);
    }

    body.home {
        height: calc(100% - 60px);
        margin-bottom: 60px;
    }

    .dsp-small {
        display: inline;
    }

    .dsp-big {
        display: none;
    }

    section#home .btn {
        font-size: 1.2rem;
    }

    section#content {
        width: calc(100% - 4em);
        height: calc(100% - 4em - 60px);
        min-width: unset;
        border-radius: 0;
        align-self: flex-start;
    }

    section#content {
        left: 0;
        right: 0;
        top: 0;
        bottom: 60px;
        margin: 0;
        width: auto;
        height: auto;
    }

    section#home p, section#home .prices .price-list .price-list-row span {
        font-size: 1.1em;
    }

    .smalltext {
        font-size: 0.85em !important;
    }

    section#home .garantee .flex {
        flex-direction: column;
        align-items: center !important;
    }

    section#home .garantee img {
        margin-bottom: 1.5em;
        margin-right: 0;
    }

    section#home .garantee .garantee-text, section#home .garantee .garantee-text h2 {
        text-align: center !important;
    }

    .logo {
        border-radius: 0;
    }

    .kompakt h1 {
        font-size: 1.6em;
    }

    .profile-pic {
        padding: 4px;
    }

    .kompakt .profile-pic {
        padding: 3px;
    }

    .profile-pic .pro {
        font-size: 15px;
    }

    .cover .logo-pic img {
        max-height: 70px
    }

    .cover.minheight {
        min-height: 90px;
    }

    .profile-pic > i {
        font-size: 4.5em;
    }

    .buttons a i {
        font-size: 2em;
    }

    .contacts, .text div, .buttons {
        margin-left: -1em !important;
        margin-right: -1em !important;
    }

    .text div {
        font-size: 1em;
    }

    .buttons.socials a {
        padding: 0.1em;
        margin: 0.25em;
    }

    section#home .container .bubble {
        width: calc(100% - 4em);
    }

    section#home .three-bcg .container .bubble {
        width: calc(100% - 2em);
    }

    footer {
        font-size: 15px;
        justify-content: space-between;
    }

    .notification {
        margin: 0.5em;
        max-width: calc(100% - 1em);
    }

    .notification .blokk {
        font-size: 13px;
    }

    .barion .barion-text {
        font-size: 0.85em;
    }

    .osszesito {
        width: calc(100% + 2em);
        margin: 1em -1em;
    }

    .action h1 {
        font-size: 2em;
    }

    .pdf-reader.obj {
        /* display: none; */
        display: block;
    }

    .pdf-reader.ifr {
        display: block;
    }

    .blog-leiras {
        font-size: 1.1em;
    }

    .kapcs-blokk > div {
        min-width: 45%;
    }
}

@media (max-width: 360px) {
    .share > i {
        display: none;
    }

    footer a span {
        display: none;
    }
}

@media (max-width: 410px) {
    footer a span small {
        display: none;
    }

    .cover .logo-pic img {
        max-height: 55px
    }

    section#home .hello-cont img {
        max-width: 100%;
    }

    section#home .hello-cont img.full-w {
        max-width: calc(100% + 4em);
        width: calc(100% + 4em);
        max-height: unset;
        z-index: 1;
    }
}

@media (max-width: 410px) {
    button.cky-btn {
        width: calc(100% - 20px) !important;
    }
}

@media (min-width: 701px) {
    section#content::-webkit-scrollbar-track {
        border-radius: 1em;
        background-color: var(--content-background-color);
    }

    section#content::-webkit-scrollbar {
        width: 14px;
        background-color: transparent;
    }

    section#content::-webkit-scrollbar-thumb {
        border-radius: 1em;
        background-color: var(--content-scrollbar);
    }

    .pdf-reader.obj {
        display: block;
    }

    .pdf-reader.ifr {
        display: none;
    }
}