@media (max-width: 1100px) {
  /*Hamburger*/
  #mobile_menusor {
    display: block;
    position: fixed;
    z-index: 10;
    top: 0px;
    left: 0px;
    width: 100%;
    background: white;
    border-bottom: 1px solid #e5e5e5;
  }
  .menu_cont .sitelogo {
    display: none;
  }
  .menu_cont {
    display: block;
  }
  #mobile_menusor .sitelogo {
    display: inline-block;
    margin: 0px;
  }
  #mobile_menusor .sitelogo img {
    margin-right: 14px;
  }
  #mobile_menusor .mee {
    height: 27px;
  }
  #mobile_menusor .mvm {
    height: 20px;
  }
  #mobile_menusor .eon {
    height: 15px;
  }
  #mobile_menusor .opus {
    height: 22px;
  }
  #menusor {
    position: fixed;
    height: calc(100vh - 48px);
    padding-bottom: 20px;
    overflow: scroll;
    transition: all 0.5s;
    width: auto;
    top: 48px;
    right: -100%;
    padding-top: 20px;
    display: block;
    z-index: 105;
  }
  .lang_div {
    float: none;
    margin: 0px auto;
    position: relative;
    right: 0px;
    text-align: center;
    width: 100%;
    margin-top: 24px;
  }
  .flx {
    flex-direction: column;
  }
  .lng_dropdown {
    width: 98px;
  }
  .lang_elem:nth-child(1) {
    margin-bottom: 0px;
    margin-right: 8px;
  }
  .lang_elem {
    display: inline-block;
  }
  .fejlec_cont {
    padding: 0px;
  }

  .hamb_szurke {
    position: fixed;
    z-index: 5;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100vh;
    top: 0px;
    left: 0px;
    display: none;
    backdrop-filter: blur(2px);
  }
  .menu {
    display: block;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    padding: 16px 0px;
  }
  .menu a {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .menu.hasdropdown::after {
    content: "\f054";
  }
  #fejlec {
    position: fixed;
    z-index: 250;
    top: 0px;
    left: 0px;
    width: 100%;
    padding: 0px;
    background: url(img/light-wall.png);
    background-size: cover;
    background-position: -70px 0px;
    background-repeat: no-repeat;
  }
  .socials {
    margin-left: 135px;
  }
  .socials .kozossegi a {
    font-size: 24px;
  }
  #fejlec .fejlec_bal {
    padding: 5px 0px;
    padding-left: 0px;
    transition: all 0.5s;
  }
  #fejlec .fejlec_jobb {
    padding: 25px 20px;
  }
  .search_button,
  .kereso_button {
    font-size: 20px;
  }
  .logged {
    display: block;
    padding: 15px;
  }
  .logged_in {
    margin-bottom: 25px;
    display: block;
  }
  .login-button {
    margin: 0px;
  }
  .kereso form {
    position: absolute;
    right: 0px;
    width: 250px;
    top: -28px;
  }
  .name {
    font-size: 16px;
    width: 120px;
  }
  .logo {
    height: 60px;
  }
  #hamburger {
    display: inline-block;
    width: 24px;
    vertical-align: middle;
    margin-left: 10px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 14px;
  }
  .hamb_row {
    width: 100%;
    height: 3px;
    background: #23668b;
    margin-bottom: 4px;
    transition: all 0.5s;
  }
  #content {
    margin-top: 47px;
  }
  .menu .dropdownlist {
    display: block !important;
    background: #1b2475;
    position: fixed !important;
    top: 74px !important;
    width: 100%;
    right: -100%;
    border-radius: 0px;
    height: 100vh;
    overflow: scroll;
    opacity: 1;
    padding: 20px 0px;
    transition: all 0.5s;
    z-index: 105;
  }
  .dropdownback {
    display: block;
    cursor: pointer;
    margin-bottom: 20px;
    margin-left: 15px;
    font-size: 14px;
  }
  .menu.hovered .dropdownlist {
    right: 0px;
    background: #23668b;
    position: fixed;
    top: 74px;
    width: 100%;
    border-radius: 0px;
    height: 100vh;
    overflow: scroll;
    opacity: 1;
    transition: all 0.5s;
    z-index: 105;
  }
  .dropdownlist a {
    color: white;
  }
  .dropdownlistelem {
    display: block;
    font-size: 18px;
    padding: 10px 0px;
    margin: 0px 15px;
  }
  .menu.hovered .dropdownlist.megamenu {
    left: auto;
  }
  .megamenu .megamenu_item {
    width: auto;
    border: 0px;
  }
  .megamenu .megamenu_cim {
    color: white;
    padding: 20px 15px;
    padding-bottom: 20px;
    font-size: 20px;
  }
}
@media (max-width: 1100px) {
  .fooldal_hirek a.button {
    float: none;
    display: block;
  }
  .rendezveny_keresosav {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .cimke {
    margin-top: 10px;
  }
  .onlydesktop {
    display: none !important;
  }
  .onlymobile {
    display: inherit !important;
  }
  .loginbuttons .button {
    display: block;
    width: 280px;
    margin-bottom: 20px;
    text-align: center;
    box-sizing: border-box;
  }
  .login-button {
    margin-left: 15px;
  }
  .lablec .fejlec_bal {
    display: block;
    text-align: center;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid white;
  }
  .lablec .fejlec_bal .name {
    text-align: left;
  }
  .lablec_menu {
    width: auto;
    min-width: 150px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
  }
  .lablec .lablec_text {
    display: block;
    width: fit-content;
    margin: 20px auto;
    text-align: left;
  }
  .lablec .lablec_text span {
    display: inline-block;
    text-align: left;
  }

  .lablec_jobb {
    float: none;
    margin: 20px auto;
    width: 100%;
    display: block;
    text-align: left;
  }
  .hirlevel_tartalom {
    padding: 0px;
    padding-top: 24px;
  }
}
@media (max-width: 940px) {
  .fooldal_hirek .hircont {
    display: block;
  }
  .ajanlott_tartalom {
    display: block;
    width: calc(100% - 100px);
    float: none;
  }
  .onecikk:has(~ .ajanlott_tartalom) {
    display: block;
    width: calc(100% - 100px);
  }
  .cikk .img_block {
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .kereso_box {
    border: 1px solid #eaf0f9;
  }
  .kepzes-table td {
    border-left: 0px;
    border-top: 1px solid silver;
    padding: 10px 0px;
  }
  .button,
  .button_rendeles {
    font-size: 15px;
  }
  .kepzes-table td:nth-child(1) {
    border-top: 0px;
  }
  .accordion-content li:has(a) {
    padding-right: 0px;
  }
  .lablec .lablec_text {
    font-size: 12px;
  }
  .js_dots {
    display: none;
  }
  .gjs-lory-prev {
    bottom: 20px !important;
  }
  .gjs-lory-next {
    bottom: 20px !important;
  }
  .gjs-lory-slide {
    padding: 10px;
  }
  .gjs-lory-slide::before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.4) 0%,
      rgba(10, 122, 128, 0) 100%
    );
  }
  .ajanlott_tartalom {
    width: calc(100% - 10px);
    margin: 60px 10px 50px 10px;
  }
  .hirdetes {
    width: calc(100% - 20px) !important;
  }
  .onecikk:has(~ .ajanlott_tartalom) {
    width: calc(100% - 20px);
  }
  .breadcrumb:has(+ .onecikk),
  .breadcrumb:has(+ .menu_cim) {
    padding: 0px;
  }
  .menu_cim {
    margin: 10px 0px;
  }
  .cikk,
  .cikk.half {
    margin: 20px 0px !important;
    width: 100% !important;
  }
  .kosar_button,
  .kosar {
    position: fixed;
    top: 85px;
  }
  .kosar.showed .kosar_button {
    right: 300px;
  }
  .kosar_content {
    box-sizing: border-box;
  }
  .kosar.showed .kosar_content {
    display: block;
    padding-bottom: 50px;
    left: auto;
    right: -347px;
    top: 85px;
  }
  .kosar_row .termek_nev {
    width: 200px;
  }
  .online_esemenyek .cimsor {
    display: block !important;
    text-align: center;
  }
  .online_esemeny_lapozo {
    float: none;
    text-align: center;
    margin: 20px 0px;
  }

  label {
    width: calc(100% - 40px);
  }
  .hirlevel_cont {
    flex-direction: column-reverse;
  }
  .contact_cont {
    flex-direction: column;
  }
  .hirlevel_cont:has(.partolo_pic) {
    flex-direction: column;
  }
  .hirlevel_tartalom,
  .hirlevel_pic,
  .legyen_pic,
  .partolo_pic,
  .contact_pic,
  .oktatas_pic {
    width: 100%;
  }
  .hirlevel_pic,
  .legyen_pic,
  .partolo_pic,
  .contact_pic,
  .oktatas_pic {
    height: 200px;
  }
  .cikk.esemeny {
    flex-direction: column !important;
    height: auto !important;
  }
  .cikk.esemeny .img_block.left_image {
    width: 100% !important;
    border-radius: 5px 5px 0px 0px !important;
  }
  .cikk.esemeny .bovebben {
    position: relative !important;
    top: auto !important;
    right: 10px !important;
    bottom: 10px !important;
  }
  .cikk.esemeny .tartalom {
    width: 100% !important;
    min-height: 160px !important;
    height: 100% !important;
  }
  .cikk.esemeny .cimsor {
    padding-right: 10px !important;
  }
  .onecikk h1 {
    width: 100%;
  }
  table td {
    display: block;
    width: 100% !important;
  }
  .accordion-content a.button {
    position: relative;
    right: auto;
    display: block;
    width: 82px;
  }
  li ul {
    padding-top: 0px;
  }
  ul {
    padding-left: 10px;
  }

  .cikk {
    flex-direction: column;
  }
  .cikk .img_block {
    width: 100%;
    height: 150px;
    border-radius: 5px 5px 0px 0px;
  }
  .cikk .tartalom {
    width: calc(100% - 40px);
    min-height: 220px;
    padding: 15px;
  }
  .webshop_cont {
    margin: 0px;
  }
  .onecikk {
    padding: 0px;
  }
  .online_esemenyek {
    padding: 15px 10px 15px 10px;
  }
  .online_esemenyek .cimsor:not(.cikk .cimsor) {
    padding-left: 0px;
  }
  .kereso_szoveg ~ .cikk .tartalom {
    min-height: auto;
  }
  .bovebben.intartalom {
    bottom: 10px;
  }
  .cikk.half {
    width: calc(100% - 100px);
  }
  .online_esemenyek .cikk .tartalom,
  .ajanlott_tartalom .cikk .tartalom,
  .csempe_container .cikk .tartalom,
  .fooldal_hirek .cikk .tartalom {
    min-height: auto;
  }
  .fooldal_hirek .cikk.dupla {
    width: calc(100% - 20px) !important;
  }
  .fooldal_hirek .cikk:not(.fullcikk) {
    width: 100% !important;
  }
  .oktatas_subscribe {
    width: calc(100% - 40px) !important;
    max-width: 600px !important;
  }
  .oktatas_subscribe div {
    width: calc(100%) !important;
    margin-left: 0px !important;
  }
  .jellap .halfdiv {
    width: calc(100% - 20px);
  }
  .jellap .halfdiv.mdiv {
    margin-left: 0px;
  }
  .lablec {
    padding: 10px;
  }
}
@media (max-width: 450px) {
  .button,
  .button_rendeles {
    width: 100%;
  }
  #mobile_menusor .sitelogo img {
    margin-right: 10px;
  }
  .hirek_kereso #kereses {
    width: calc(100% - 25px);
  }
  .hirek_kereso {
    display: block;
    float: none;
    width: 100%;
  }
  #main {
    padding: 24px 16px;
  }
  .lablec .fejlec_bal .logo {
    justify-content: center;
  }
  .logo img {
    margin-right: 14px;
  }
  .mee {
    height: 27px;
  }
  .mvm {
    height: 20px;
  }
  .eon {
    height: 15px;
  }
  .opus {
    height: 22px;
  }
  .cimke {
    padding: 8px;
    margin-right: 8px;
    margin-top: 8px;
  }
}