@media (min-width: 576px) {
  .container {
    max-width: 767px;
  }
  .w10,
  .w20,
  .w30,
  .w40,
  .w50,
  .w60,
  .w70,
  .w80,
  .w90 {
    flex-basis: calc(50% - 5px);
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 990px;
  }
  .main-wrapper {
    background-color: unset;
  }
  /* Header */
  .header-top {
    padding: 1rem 0;
  }
  .header-top-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
            gap: 1rem;
  }
  .header-top-left {
    margin-bottom: 0;
  }
  .region-header .block-content .field--name-field-fejlec {
    flex: 1 1 75%;
    width: 75%;
    position: static;
    filter: none;
  }
  .region-header .block-content .field--name-field-fejlec img {
    height: 170px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    max-width: none;
    z-index: 1;
  }
  /* Header -> Search form */
  .search-box-content .block-title {
    display: block;
  }
  .search-box-content input[type="submit"] {
    display: block;
    margin: 0 auto;
    padding: 10px 30px;
    border-radius: 50px;
  }
  .events-anchor {
    display: none;
  }
  /* Main */
  .main-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  #main {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #sidebar-left {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  #sidebar-right {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  /* Left sidebar + main */
  .sidebar-left #main {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 70%;
            flex: 1 1 70%;
  }
  /* Right sidebar + main */
  .sidebar-right #main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 60%;
    flex: 1 1 50%;
  }
  /* Both sidebar + main */
  .two-sidebar #main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 40%;
    flex: 1 1 50%;
    padding: 1em;
  }
  /* Sidebar
  --------------------------------*/
  #sidebar-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 20%;
    flex: 0 1 25%;
    padding: 6px;
  }
  #sidebar-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 20%;
    flex: 0 1 25%;
    padding: 6px;
  }
  /* Footer */
  .footer-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .footer-bottom-blocks-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .footer-bottom-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .footer-bottom-last {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .copyright {
    margin-bottom: 0;
  }
  /* shortcodes -> content width */
  .width30 {
    width: 30%;
  }
  .width40 {
    width: 40%;
  }
  .width50 {
    width: 50%;
  }
  .width60 {
    width: 60%;
  }
  .width70 {
    width: 70%;
  }
  .width80 {
    width: 80%;
  }
  .width90 {
    width: 90%;
  }
  /* shortcodes -> responsive column */
  .w10 {
    flex-basis: calc(10% - 10px);
  }
  .w20 {
    flex-basis: calc(20% - 10px);
  }
  .w30 {
    flex-basis: calc(30% - 10px);
  }
  .w40 {
    flex-basis: calc(40% - 10px);
  }
  .w50 {
    flex-basis: calc(50% - 10px);
  }
  .w60 {
    flex-basis: calc(60% - 10px);
  }
  .w70 {
    flex-basis: calc(70% - 10px);
  }
  .w80 {
    flex-basis: calc(80% - 10px);
  }
  .w90 {
    flex-basis: calc(90% - 10px);
  }
  /* Shortcodes -> responsive view */
  .view-in-mobile {
    display: none;
  }
  .view-in-desktop {
    display: block;
  }
  .region-highlighted #block-eme-search-form-narrow {
    margin-right:0;
    margin-left: 0;
    flex: 1 1 25%;
    max-width: 25%;
  }
  .region-highlighted #search-block-form {
    position: relative;
    border-width: 1px;
    display: flex;
    justify-content: normal;
    flex-grow: 1;
  }
  .region-highlighted #block-eme-search-form-narrow .block-content:before {
    content: "";
    background-color: var(--primary);
    position:absolute;
    right: 6px;
    top: 3px;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill='%23811820' d='M28.572,26.136l-7.763-7.762c-0.2-0.2-0.471-0.312-0.756-0.312l-0.522-0.344 c1.226-1.568,1.955-3.543,1.955-5.688c0-5.106-4.137-9.243-9.242-9.243C7.138,3.789,3,7.925,3,13.031c0,5.104,4.138,9.24,9.244,9.24 c2.146,0,4.688-1.297,6.255-2.523l0.22,0.498c0,0.285,0.11,0.557,0.31,0.756l7.764,7.762c0.418,0.418,0.876,0.643,1.288,0.227 l0.689-0.689C29.188,27.884,28.985,27.554,28.572,27.136z M12.315,20.424c-4.045,0-7.324-3.273-7.324-7.323 c0-4.044,3.272-7.321,7.324-7.321c4.045,0,7.321,3.272,7.321,7.321C19.637,17.146,16.365,20.424,12.315,20.424z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve'%3E%3Cpath fill='%23811820' d='M28.572,26.136l-7.763-7.762c-0.2-0.2-0.471-0.312-0.756-0.312l-0.522-0.344 c1.226-1.568,1.955-3.543,1.955-5.688c0-5.106-4.137-9.243-9.242-9.243C7.138,3.789,3,7.925,3,13.031c0,5.104,4.138,9.24,9.244,9.24 c2.146,0,4.688-1.297,6.255-2.523l0.22,0.498c0,0.285,0.11,0.557,0.31,0.756l7.764,7.762c0.418,0.418,0.876,0.643,1.288,0.227 l0.689-0.689C29.188,27.884,28.985,27.554,28.572,27.136z M12.315,20.424c-4.045,0-7.324-3.273-7.324-7.323 c0-4.044,3.272-7.321,7.324-7.321c4.045,0,7.321,3.272,7.321,7.321C19.637,17.146,16.365,20.424,12.315,20.424z'/%3E%3C/svg%3E");
    -webkit-mask-size: 80% auto;
    mask-size: 90% auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat round;
    -webkit-mask-position: 50%;
    mask-position: 50%;
  }
  .region-highlighted #block-eme-search-form-narrow #edit-submit {
  opacity: 0;
  position: absolute;
  z-index: 10000;
  right: 0;
  }
  .region-highlighted #block-eme-search-form-narrow .block-content {
    display:flex;
  }
  .region-highlighted #block-eme-search-form-narrow .form-search {
    width: 100%;
  }
  .menu-wrap  {
    position: relative;
    background-color: transparent;
    width: 100%;
    max-width: 100%;
    float: right;
    margin-left: 0;
    padding: 0;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
  .menu-wrap  .menu {
    display: block;
    color: var(--primary);
  }
  .menu-wrap  .menu a {
    color: var(--primary);
  }
  .menu-wrap .menu li span.dropdown-arrow {
    background-color: var(--primary);
  }
  .menu-wrap  ul.menu li a {
    border: none;
  }
  .menu-wrap  ul.menu > li > a {
    padding: 9px 0;
  }
  .menu-wrap  ul.menu > li.expanded > a {
    padding: 3px 0;
  }
  .menu-wrap ul.menu ul.submenu {
    padding: 3px 0;
  }
  .menu-wrap  ul.menu ul.submenu li {
    display: inline-block;
    border-bottom: 1px solid var(--light);
  }
  .menu-wrap  ul.menu ul.submenu li a:hover {
    color: #000000;
  }
  .menu-wrap  ul.menu ul.submenu {
    background-image: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.6));
  }
  /* Third level drop down */
  .menu-wrap  ul.menu ul.submenu ul.submenu {
    position: absolute;
    display: none;
    width: auto;
    top: 0;
    left: 100%;
    padding: 0;
    opacity: 0;
    background-color: var(--light);
    box-shadow: 1px 1px 2px #CCC;
  }
  .menu-wrap  ul.menu ul.submenu ul.submenu li {
    border-bottom: 1px solid #FFF;
    white-space: nowrap;
  }
  .menu-wrap  ul.menu li.open ul.submenu li:hover ul.submenu {
    display: block;
  }
  .menu-wrap  .menu li.open>a>span.dropdown-arrow {
    transform: scaleY(-1);
  }
  
  .menu-wrap  .menu .submenu li>a>span.dropdown-arrow {
    transform: rotate(-90deg)
  }
  .menu-wrap  .menu .submenu li.open>a>span.dropdown-arrow {
    transform: rotate(90deg)
  }

  .menu-wrap  .menu ul.submenu li.expanded::after {
    right: 10px;
  }
  .mobile-menu, .active-menu .close-mobile-menu {
    display: none;
  }
  .region-footer-bottom-last .menu {
    margin-right: 64px;
  }  
  .region-footer-bottom-last .menu li {
    display: inline-block;
    margin: 0 9px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 1168px;
  }
  th {
    padding: 10px;
  }
  td {
    padding: 5px 10px;
  }
}
@media (min-width: 1170px) {
  .region-header .block-content .field--name-field-fejlec {
    flex: 1 1 80%;
  }
  .region-header .block-content .field--name-field-logo {
    flex: 1 1 20%;
    width: 20%;
  }
  .region-highlighted #block-eme-search-form-narrow {
    flex: 1 1 20%;
    max-width: 20%;
  }
  .container {
    max-width: 1570px;
    position: relative;
  }
  .sidebar-right #main {
    -ms-flex: 0 1 60%;
    flex: 1 1 60%;    
  }
  #sidebar-left {
    -ms-flex: 0 1 20%;
    flex: 1 1 20%;
  }
  #sidebar-right {
    -ms-flex: 0 1 20%;
    flex: 1 1 20%;
  }
  .node-content {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .node-content>div {
    flex-grow:1;
  }
  .node-content div.leiras {
    order: -1;
    flex: 1 1 60%;
    margin-top: 0;
  }
  .node-content div.kep-info {
    padding-left: 24px;
    flex: 1 1 40%;
  }

}
@media (min-width: 1370px) {
  .region-header .block-content .field--name-field-logo {
      flex: 1 1 17%;
      width: 17%;
  }
  .region-header .block-content .field--name-field-fejlec {
      flex: 1 1 85%;
  }
  .region-highlighted #block-eme-search-form-narrow {
    flex: 1 1 17%;
    max-width: 17%
  }
  #sidebar-left {
    -ms-flex: 0 1 17%;
    flex: 0 1 17%;
  }
  #sidebar-right {
    -ms-flex: 0 1 17%;
    flex: 0 1 17%;
  }
  .sidebar-right #main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 64%;
    flex: 1 1 64%;
  }
}
@media (min-width: 1670px) {
  .region-footer-bottom-last .menu {
    margin-right: 0;
  } 
}