@font-face {
    font-family: 'nns-semibold';
    src: url('fonts/NunitoSans-SemiBold.eot');
    src: url('fonts/NunitoSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/NunitoSans-SemiBold.woff2') format('woff2'),
        url('fonts/NunitoSans-SemiBold.woff') format('woff'),
        url('fonts/NunitoSans-SemiBold.ttf') format('truetype'),
        url('fonts/NunitoSans-SemiBold.svg#nns-semibold') format('svg');
}

@font-face {
    font-family: 'barlow-ebold';
    src: url('fonts/BarlowCondensed-ExtraBold.eot');
    src: url('fonts/BarlowCondensed-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/BarlowCondensed-ExtraBold.woff2') format('woff2'),
        url('fonts/BarlowCondensed-ExtraBold.woff') format('woff'),
        url('fonts/BarlowCondensed-ExtraBold.ttf') format('truetype'),
        url('fonts/BarlowCondensed-ExtraBold.svg#nns-semibold') format('svg');
}

@font-face {
    font-family: 'barlow-ebold-it';
    src: url('fonts/BarlowCondensed-ExtraBoldItalic.eot');
    src: url('fonts/BarlowCondensed-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/BarlowCondensed-ExtraBoldItalic.woff2') format('woff2'),
        url('fonts/BarlowCondensed-ExtraBoldItalic.woff') format('woff'),
        url('fonts/BarlowCondensed-ExtraBoldItalic.ttf') format('truetype'),
        url('fonts/BarlowCondensed-ExtraBoldItalic.svg#nns-semibold') format('svg');
}

.nns-semibold {
    font-family: "nns-semibold", sans-serif;
}

.barlow-ebold {
    font-family: "barlow-ebold", sans-serif;
}

.ccwh {

    font-family: "barlow-ebold", sans-serif;
}

.ccwh-it {
    font-family: "barlow-ebold-it", sans-serif;
}

:root {
    --white: #ffffff;
    --dark-grey: #282828;
    --greentext: #1b6c01;
    --yellowtext: #e9a400;
    --greenbtn: #32815d;
    --redbtn: #e34735;
    --redtext: #b91805;
    --bluetext: #027496;
    --bluebtn: #0271aa;
    --lightblue: #e8f1fb;
}


body {
    padding-top: 0px;
    font-family: "bst-light", sans-serif;
    padding-top: 158px;
}

body a {
    text-decoration: none;
}

body p {
    margin: 0;
}

.header-main {
    position: fixed;
    top: 0;
    background-color: var(--white);
    width: 100%;
    z-index: 999;
    border-bottom: 2px solid var(--dark-grey);
}

.header-contacts a {
    color: #000;
}

header nav.navbar {
    top: 83px;
    height: 75px;
}

nav.navbar {
    background-color: var(--white) !important;
    transition: all .3s ease-in-out;
    height: auto;
}

header.scrolled .navbar,
header.scrolled-sub .navbar {
    background-color: var(--white) !important;
}

nav.navbar {
    top: 0px;
    padding: 0;
}

li.nav-item {
    margin: 0;
}

a.nav-link {
    color: var(--dark-grey);
    font-size: 18px;
    padding: 5px 15px 0px 15px !important;
}

a.nav-link:hover {
    color: #ffb10a;
}

.navbar-nav {
    height: 100%;
}

ul li.nav-item {
    transition: all .3s ease-in-out;
}


ul li.nav-item:hover a {
    color: #ffb10a;
}


/* SITE */
#top-main {
    height: 875px;
}

#ki-vagy-te {
    height: 845px;
    background: url('../img/kivagy-bg.jpg') no-repeat center center;
    padding: 70px 0;
}

.rounded-box {
    border-radius: 20px !important;
    overflow: hidden;
}

.bordered-box {
    border: 1px solid #000;

}

.kivagy-box {
    height: 489px;
    border: 1px solid #000;
    margin-top: 55px;
    padding: 20px;
    position: relative;
}

.altalanos-box {
    background: url('../img/altalanos-box-bg.png') no-repeat center center;
    position: relative;
}

.altalanos-box::after {
    content: "";
    display: block;
    position: absolute;
    background-image: url('../img/box-top-left-decor.png');
    background-position: center center;
    width: 96px;
    height: 91px;
    top: -64px;
    left: -50px;
}

.szulo-box {
    background: url('../img/szulo-box-bg.png') no-repeat center center;
}

.szakkepzesben-box {
    background: url('../img/szakkepzesben-box-bg.png') no-repeat center center;
}

.pedagogus-box {
    background: url('../img/pedagogus-box-bg.png') no-repeat center center;
    position: relative;
}

.pedagogus-box::after {
    content: "";
    display: block;
    position: absolute;
    background-image: url('../img/box-top-right-decor.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 73px;
    height: 64px;
    top: -54px;
    right: -59px;
}

.kivagy-box p.box-title {
    font-size: 35px;
    color: var(--greentext);
    text-align: left;
    margin: 0 0 30px 0px;
    text-transform: uppercase;
    line-height: 38px;
    height: 76px;
}

.kivagy-box p.box-text {
    font-size: 20px;
    line-height: 22px;
    color: #000;
    margin: 0;
}

.szulo-box p.box-title {
    color: var(--yellowtext);
}

.szakkepzesben-box p.box-title {
    color: var(--redtext);
}

.pedagogus-box p.box-title {
    color: var(--bluetext);
}


.kivagy-box a.custom-btn {
    position: absolute;
    bottom: 20px;
    left: 20px;
}


.custom-btn {
    font-size: 27px;
    display: inline-block;
    border: 2px solid #000;
    border-radius: 9px;
    line-height: 51px;
    padding: 0 15px;
    color: var(--white);
    text-align: center;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
}

.custom-btn:hover {
    background-color: #fff !important;
}

.custom-btn.btn-green {
    background-color: var(--greenbtn);
}

.custom-btn.btn-yellow {
    background-color: var(--yellowtext);
}

.custom-btn.btn-red {
    background-color: var(--redbtn);
}

.custom-btn.btn-blue {
    background-color: var(--bluebtn);
}

.custom-btn.btn-yellow:hover {
    color: var(--yellowtext);
}

.custom-btn.btn-red:hover {
    color: var(--redbtn);
}

.custom-btn.btn-green:hover {
    color: var(--greenbtn);
}

.custom-btn.btn-blue:hover {
    background-color: #fff;
    color: var(--bluebtn);
}

.noriform .custom-btn {
    padding-left: 30px;
    padding-right: 30px;
}

h2.section-title {
    font-size: 73px;
    color: #000;
    margin: 0px;
    text-transform: uppercase;
    line-height: 76px;
}

#top-main-sub h2.section-title {
    text-transform: uppercase;
    font-size: 72px;
    line-height: 76px;
}

h2.section-title span {
    color: var(--bluebtn);
}

.article-content {
    margin-top: 60px;
}

p.section-text,
.article-content p {
    font-size: 20px;
    line-height: 22px;
    color: #000;
    margin: 15px 0;
    font-family: "nns-semibold", sans-serif;
}

.article-content * {
    color: #000;
    font-family: "nns-semibold", sans-serif;
}

#naptar {
    background: url('../img/naptar-bg.jpg') no-repeat center center;
    height: 1100px;
    background-size: cover;
    padding: 90px 0 90px 0;
}

.naptar-box {
    height: 920px;
}

#masok-tortenete {
    background: url('../img/others-story-bg.jpg') no-repeat center center;
    height: 887px;
    padding: 130px 0 90px 0;
}

#masok-tortenete h2.section-title {
    margin-bottom: 90px;
}

a.tovabbi-btn {
    position: absolute;
    bottom: 0;
    left: 15px;
}

div.story-box {
    height: 228px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    border: 2px solid #000;
}

div.story-box a {
    display: flex;
}

#contact-nori {
    background-image: url('../img/contact-nori.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    height: 640px;
    padding: 85px 0;
}

#contact-nori p.section-text {
    margin-bottom: 60px;
}

h3.ccmash {
    font-size: 42px;
    color: #fff;
    -webkit-text-stroke: 1px black;
    margin-top: 30px;

}

footer {
    background: #d5e5f8;
    padding: 40px 0;
}


footer img.footer-logo {
    margin: 30px 0;
}

footer .nav-link-footer {
    display: inline-block;
    margin: 0;
    color: #000;
    text-decoration: none;
    font-size: 20px;
    padding: 8px 10px;
}

p.copyright {
    margin: 0;
    padding: 12px 0;
    color: #fff;
    background-color: #0d4083;
    text-align: center;
    font-size: 13px;
}


.modal-body {
    padding: 0;
    position: relative;
}

.modal-close-btn {
    position: fixed;
    top: 10px;
    left: auto;
    right: 10px;
    z-index: 10;
    background: rgba(0, 0, 0, 0.6);
    border: none;
    color: white;
    font-size: 3rem;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-weight: 700;
    line-height: 1;
}

.modal-content {
    border: none;
    border-radius: 0;
}

.modal.fade .modal-dialog {
    transform: scale(0.7);
    opacity: 0;
    transition: all 0.4s ease;
}

.modal.fade.show .modal-dialog {
    transform: scale(1);
    opacity: 1;
}

#top-main-sub {
    height: 843px;
}

#top-main-sub.altalanos-subpage {
    background-image: url('../img/altalanos-subpage-top-bg.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: 90px;
}

#top-main-sub.altalanos-subpage h2.section-title {
    margin-bottom: 50px;
}

#top-main-sub.altalanos-subpage a.custom-btn {
    margin-top: 50px;
    padding: 0 30px;
}

#segitunk {
    background-image: url('../img/segitunk-bg.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    height: 898px;
    padding: 70px 0;
}

#segitunk.sztop {
    background-image: url('../img/sztop-bg.jpg');

}

#segitunk h2.section-title {
    margin-bottom: 30px;
}

.segitunk-boxes {
    margin-top: 60px;
}

.segitunk-box .segit-img {
    height: 165px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.keszulj-subpage .segit-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

#keszulj-velunk.keszulj-subpage {
    background-color: var(--lightblue) !important;
    background-image: none;
    height: auto;
}

#keszulj-velunk.keszulj-subpage #agazatokRow .segitunk-box {
    margin-top: 30px;
}

#keszulj-velunk.keszulj-subpage .segitunk-box .title {
    height: 44px;
    overflow: hidden;
}

#keszulj-velunk.keszulj-subpage .segitunk-box .segit-info {
    height: 46px;
    line-height: 18px;
    overflow: hidden;
}

.segitunk-box .segit-box-bottom {
    padding: 20px;
    background-color: #fff;
}

.segit-box-bottom p.title {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.segit-box-bottom p.segit-infp {
    font-size: 18px;
    line-height: 20px;
}

#segitunk .custom-btn.btn-blue {
    margin-top: 60px;
}

#keszulj-velunk {
    padding: 70px 0;
    background-image: url('../img/keszulj-bg.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    height: 1000px;
}

#keszulj-velunk img.title-img {
    margin-bottom: 60px;
}

.keszulj-box {
    height: 449px;
    padding: 25px 30px;
    margin-top: 40px;
    position: relative;
    border: 2px solid #000;
}

.keszulj-box.bl-dekor::before {
    content: ' ';
    display: block;
    position: absolute;
    background-image: url('../img/keszulj-bottom-left.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 96px;
    height: 91px;
    bottom: -65px;
    left: -55px;
}

.keszulj-box.tr-dekor::before {
    content: ' ';
    display: block;
    position: absolute;
    background-image: url('../img/keszulj-top-right.png');
    background-position: center center;
    background-repeat: no-repeat;
    width: 73px;
    height: 65px;
    top: -55px;
    right: -55px;
}

.keszulj-box .box-title {
    font-size: 40px;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
}

.keszulj-box.magyar {
    background-image: url('../img/keszulj-magyar.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.keszulj-box.matek {
    background-image: url('../img/keszulj-matek.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.keszulj-box .keszulj-img {
    height: 315px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.keszulj-box .inf-box {
    background-color: #fff;
    text-align: center;
    padding: 15px 0;
    margin-bottom: 15px;
}

.keszulj-box .inf-box p {
    margin: 0 0 15px 0;
    text-align: center;
    font-size: 50px;
    line-height: 30px;
    text-transform: uppercase;
}

.keszulj-box .inf-box p span {
    font-size: 30px;
    display: inline-block;
    margin-top: 12px;
}

.keszulj-box .custom-btn {
    line-height: 30px;
    padding-top: 8px;
    padding-bottom: 8px;
}

#ismerd-meg {
    padding: 70px 0;
    background-color: #fff;
    background-image: url('../img/ismerd-bg.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    height: 1279px;
}

#ismerd-meg.ismerd-szulo {
    background-image: url('../img/ismerd-bg-2.jpg');
}

#ismerd-meg.ismerd-szakkep {
    background-image: url('../img/ismerd-bg-3.jpg');
}


img.iskolak {
    margin-top: 80px;
}

img.iskolak-mobil {
    display: none;
}

a.iskola-link {
    position: absolute;
    width: 179px;
    height: 162px;
    top: 13%;
    left: 11%;
    z-index: 200;
}

a.iskola-link.il-2 {
    top: 36%;
}

a.iskola-link.il-3 {
    top: 58%;
}

#tajekozodj {
    height: auto;
    background-image: url('../img/tajekozodj-bg.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    padding: 90px 0;
}

#tajekozodj h2.section-title {
    margin-bottom: 80px;
}

#tajekozodj .segitunk-box {
    margin-bottom: 25px;
    background-color: #fff;
}

#tajekozodj .segitunk-box .title {
    height: 65px;
    overflow: hidden;
}

#tajekozodj .segitunk-box p {
    line-height: 18px;
    height: 54px;
    overflow: hidden;
}

#tajekozodj .segitunk-box a.custom-btn {
    font-size: 20px;
    line-height: 34px;
    margin-top: 15px;
}

#tajekozodj .segitunk-box p.tajek-title {
    height: 75px;
    line-height: 19px;
}

#osztonzo {
    background-image: url('../img/oszton-bg.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    height: auto;
    padding: 140px 0 95px 0;
}

div.oszton-box.agazati-box {
    display: block;
}

.agazati-box .agazat {
    padding: 0 20px;
    flex: 1;
}

.agazati-box .agazat p {
    font-size: 18px;

}


.agazati-box .agazat:first-child::after {
    content: '';
    width: 1px;
    background-color: #000;
    position: absolute;
    right: 0;
    top: 20px;
    height: 90%;
}

body div.agazati-box p.ob-title {

    margin-bottom: 25px;
}

body p.fs-18 {
    font-size: 18px;
}

body div.agazati-box.ab-2 p.ob-title {

    margin-bottom: 15px;
}

div.rounded-box-2 {
    border-radius: 30px;
}

div.oszton-box {
    background-color: #e7edf8;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 30px;
}

div.oszton-box p.ob-title {
    font-size: 30px;
    line-height: 32px;
    margin: 0 0 15px 0;
    text-transform: uppercase;
}

div.video-box {
    background-color: #abdfec;
}

img.nmeg-img {
    position: absolute;
    bottom: -43%;
    left: -2%;
    width: 100%;
    z-index: 3;
}

#dualis-kepzesek {
    background-image: url('../img/dualis-bg.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    height: auto;
    padding: 118px 0 90px 0;
}

#dualis-kepzesek .segitunk-box {
    margin-top: 25px;
    background-color: #fff;
}

#kulfoldi {
    background-image: url('../img/kulfoldi-bg.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    height: 843px;
    padding: 125px 0 0px 0;

}

#kulfoldi.blue-bg {
    background-image: url('../img/kulf-blue.jpg');
}

#kulfoldi .custom-btn {
    margin-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
}

#aloldal-nori {
    background-image: url('../img/aloldal-nori.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    height: 904px;
    padding: 90px 0 0px 0;

}

div.nori-box {
    border: 2px solid #000;
    padding: 20px;
    margin-top: 60px;
}

.nori-box p.title {
    font-size: 30px;
    line-height: 32px;
    text-transform: uppercase;
}

.nori-box p.title span {
    color: #0271aa;

}

.nori-box .custom-btn {
    font-size: 20px;
    line-height: 43px;
}

.nori-box p {
    margin: 20px 0;
}

#lehetosegek {
    padding: 85px 0 0 0;
    background-image: url('../img/lehetoseg-bg.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    height: 780px;
}

#lehetosegek.pedag-top {
    background-image: url('../img/kapcsolodj-bg.jpg');

}

.h533 {
    height: 533px;
}

#szakmai-fejlodes {

    padding: 80px 0 0 0;
    background-image: url('../img/szakmai-bg.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    height: 804px;
}

.szakmai-box-blue {
    background-image: url('../img/bluebox-bg.png');
    background-position: center center;
    background-repeat: no-repeat;
    height: 536px;
    background-size: 100%;
}

#tovabbtanulas {
    background-image: url('../img/egyetem-bg.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    height: 842px;
    padding: 80px 0 0 0;
}

.mb-logo,
.cn-mob {
    display: none;
}



.open-video {
    position: relative;
    display: inline-block;
    border-radius: 50%;
}

.open-video::before {
    content: "";
    position: absolute;
    inset: -10px;
    border: 3px solid rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    animation: playPulse 1.8s ease-out infinite;
    pointer-events: none;
}

.open-video img {
    display: block;
    position: relative;
    z-index: 1;
}

@keyframes playPulse {
    0% {
        transform: scale(0.85);
        opacity: 0.9;
    }

    70% {
        transform: scale(1.35);
        opacity: 0;
    }

    100% {
        transform: scale(1.35);
        opacity: 0;
    }
}


/* Tablet (kb. 768px - 1024px között) */
@media (min-width: 768px) and (max-width: 1024px) {
    /* tablet stílusok */
}

/* Mobil (768px alatt) */
@media (max-width: 767px) {
    body {
        padding-top: 75px;
    }

    .mb-logo,
    .cn-mob {
        display: block;
    }

    .mb-logo img {
        height: 30px;
    }

    .header-main,
    .mb-display-n {
        display: none;
    }

    header nav.navbar {
        top: 0;
    }

    img.kvt {
        margin-bottom: 20px !important;
        width: 100%;
    }

    #ki-vagy-te,
    #naptar,
    #masok-tortenete,
    #contact-nori,
    #segitunk,
    #ismerd-meg,
    #tajekozodj,
    #osztonzo,
    #dualis-kepzesek,
    #kulfoldi,
    #aloldal-nori,
    #szakmai-fejlodes,
    #tovabbtanulas {
        padding: 30px 0 30px 0;
    }

    #ki-vagy-te,
    #naptar,
    #masok-tortenete,
    #szakmai-fejlodes,
    #tovabbtanulas {
        height: auto;
    }

    #segitunk .segitunk-box {
        margin: 15px 0;
    }

    #top-main-sub.altalanos-subpage a.custom-btn {
        width: 100%;
        text-align: center;
        margin-top: 5px;
    }

    .segitunk-boxes {
        margin-top: 15px;
    }

    #aloldal-nori {
        padding-bottom: 0;
        height: auto;
        background-position: bottom center;
        background-size: cover !important;
    }

    #dualis-kepzesek,
    #tajekozodj {
        background: #e3effd;
        background-image: none;
    }

    body #lehetosegek.section-lehetosegek-merre {
        height: auto;
        background-color: #e3f4fe;
        background-image: none;
        padding: 30px 0 30px 0;
    }

    body #lehetosegek.section-lehetosegek-merre a.custom-btn {
        width: 100%;
    }

    #ki-vagy-te .kivagy-box {
        background-size: cover !important;
        margin-top: 20px;
        max-width: 306px;
        margin-left: auto;
        margin-right: auto;
    }

    .kivagy-box p.box-text {
        font-size: 26px;
        line-height: 30px;
    }

    h2.section-title {
        font-size: 54px;
        line-height: 57px;
    }

    .naptar-box {
        margin-top: 20px;
    }

    #masok-tortenete {
        background-color: #abdfec;
        background-image: none;
    }

    #masok-tortenete h2.section-title {
        margin-bottom: 20px;

    }

    img.teis {
        padding-bottom: 15px;
    }

    a.teisbtn {
        width: 100%;
        left: 0;
        position: relative;
    }

    #contact-nori {
        background-position: 20%;
        background-size: cover !important;
        height: auto;
        padding-bottom: 0px;
    }

    #contact-nori img.cn-mob {

        margin-top: 20px;
    }

    footer .nav-link-footer {
        display: block;
    }

    p.copyright {
        padding: 12px;
    }

    .navbar-collapse {
        position: fixed;
        top: 70px;
        left: 0;
        background-color: #ffffff;
        width: 100%;

    }

    a.nav-link {
        font-size: 22px;
        padding: 10px 15px 0px 15px !important;
    }

    #top-main-sub.altalanos-subpage {
        background-position: left;
        padding: 30px 0 30px 0;
        height: auto;
        background-size: cover !important;
    }

    main {
        overflow: hidden;
    }

    #keszulj-velunk {
        padding: 30px 0 30px 0;
        height: auto;
        background-size: cover !important;
    }

    .keszulj-box {
        height: auto;
        background-size: cover !important;
        border: 1px solid #000;
    }

    #ismerd-meg,
    #osztonzo,
    #segitunk {
        height: auto;
    }

    #osztonzo {
        background: #fff;
    }

    .keszulj-box .inf-box {
        margin-top: 15px;
    }

    #tajekozodj h2.section-title {
        margin-bottom: 20px;
    }

    img.nmeg-img {
        position: relative;
        bottom: 0;
        left: 0;
        right: 0;
    }

    div.agazat {
        width: 100%;
    }

    .agazati-box .agazat:first-child::after {
        display: none;
    }

    .oszton-box {
        margin-top: 15px !important;
    }

    #kulfoldi,
    #tovabbtanulas {
        height: auto;
        background-position: 20%;
    }

    #tovabbtanulas {
        background-size: cover !important;

        a.custom-btn {
            width: 100%;
            text-align: center;
        }
    }

    #kulfoldi {
        background-color: #fff !important;
        background-image: none;

        a.custom-btn {
            width: 100%;
            text-align: center;
            margin-top: 0px;
        }
    }

    div.nori-box {
        background-color: #fff;
        margin-top: 25px;
    }

    #segitunk.sztop,
    #szakmai-fejlodes {
        height: auto;
        background-color: #d5e5f8;
        background-image: none;
    }

    #szakmai-fejlodes {
        background: #fff;
    }

    #kulfoldi.blue-bg {
        background-image: none;
        background-color: #abdfec;
        background-size: cover !important;

        a.custom-btn {
            width: 100%;
            text-align: center;
            margin-top: 20px;
        }
    }

    #lehetosegek.pedag-top {
        background-position: 9%;
        padding: 30px 0 30px 0;
        height: auto;
        background-size: cover !important;

        a.custom-btn {
            width: 100%;
            text-align: center;
        }
    }

    .h533 {
        height: auto;
    }

    img.iskolak {
        display: none;
    }

    img.iskolak-mobil {
        display: block;
        margin-top: 30px;
    }

    a.iskola-link {
        width: 32%;
        top: 0;
        left: 4%;
    }

    .tortenet-sub .segitunk-box {
        margin-bottom: 15px;
    }

    a.iskola-link.il-2 {
        top: 0;
        left: 33.33%;
    }

    a.iskola-link.il-3 {
        top: 0;
        left: 64.66%;
    }

    #segitunk .custom-btn.btn-blue,
    #naptar a.custom-btn {
        margin-top: 15px;
        width: 100%;
        text-align: center;
    }

    #ki-vagy-te {
        background-size: cover !important;
    }

    .naptar-box {
        height: 600px;
    }

    .keszulj-box.magyar {
        margin-top: 10px !important;
    }

    #keszulj-velunk p.section-text {
        margin: 20px 0 !important;
    }

    .keszulj-subpage .segitunk-box {
        margin-bottom: 20px;
    }

    #aloldal-nori {
        background-image: url('../img/aloldal-nori-mobil.jpg');

    }
    
    #top-main {
        height: auto;
    }
    #top-main video {
        transform: none !important;
        left: auto !important;
        top: auto !important;
        position: relative !important;
        object-fit: none;
    }
}