@media screen and (min-width: 1211px) {

  .menu-toggler {

    display: none;

  }

}



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

  #block-site-branding {

    flex-grow: 1;

    border-right: none;

  }

  

  #block-main-menu {

    display: none;

  }



  .layout-content-sidebar {

    gap: 20px;

  }



  .layout-sidebar-first {

    width: 280px;

  }



  #block-sidebar-menu {

    margin-right: 20px;

  }



  #block-sidebar-menu {

    padding-right: 20px;

  }

}



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

  #block-hero {
    margin-top: 0;
  }

  .mbg,
  .h-mbg {

    display: none;

  }

  

  .hero .content {

    flex-direction: column;

    align-items: baseline;

  }



  .hero h3 {

    font-size: 3rem;

  }



  .hero .field--name-field-image {

    /* margin-top: 20px; */

  }



  .layout-content-sidebar {

    gap: 20px;

    flex-direction: column-reverse;

  }



  .layout-sidebar-first {

    display: none;

  }



  #block-partners .field--name-body,
  #block-partnery .field--name-field-logo {

    flex-wrap: wrap;

    gap: 16px;

  }



  #block-partners .field--name-body img,
  #block-partnery .field--name-field-logo img {

    max-height: 24px;

  }



  .layout-sidebar-first {

    width: 100%;

  }



  #block-sidebar-menu {

    padding-right: 0;

    margin-right: 0;

    border-right: none;

  }



  .webform-submission-objednavkovy-formular-form .fieldset-wrapper {

    display: block;

  }



  .webform-submission-objednavkovy-formular-form .fieldset-wrapper .form-item {

    margin-block: 1rem;

    display: block;

  }



  .view-news .view-content {

    grid-template-columns: 1fr;

  }



  .view-news .views-row {

    padding: 24px;

  }

}



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

  h1 {

    font-size: 2.5rem;

  }



  td, th {

    padding: 16px 18px;

  }



  .region-header {

    /* height: 55px; */
    height: 75px;

  }



  #block-header-info,

  #block-language {

    display: none;

  }



  .vocabulary-kategoria-flotily.view-mode-teaser .content {

    flex-direction: column;

  }

  

  .vocabulary-kategoria-flotily.view-mode-teaser .field--name-field-obrazok {

    width: 100%;

    max-height: initial;

  }



  .vocabulary-kategoria-flotily.view-mode-teaser .text {

    padding: 24px;

  }



  .vocabulary-kategoria-flotily.view-mode-teaser h2 {

    font-size: 2.5rem;

  }



  .node--type-flotila.node--view-mode-teaser .content {

    flex-direction: column;

    gap: 20px;

  }



  .node--type-flotila.node--view-mode-teaser .gallery {

    width: 100%;

  }



  .node--type-kontakt .body,

  .informacie-stanica .open-map {

    flex-direction: column;

    gap: 20px;

    min-height: initial;

  }



  .node--type-kontakt .body iframe,

  .informacie-stanica .open-map iframe {

    width: 100%;

    height: 250px;

  }



  .field--name-field-kontakty ul {

    flex-direction: column;

    gap: 20px;

  }



  .field--name-field-kontakty li {

    width: 100%;

  }



  .zmena-v-cp a {

    height: 36px;

    line-height: 36px;

    display: block;

    margin-left: 0;

    margin-top: 12px;

    text-align: center;

  }



  .view-linka .views-exposed-form .form--inline {

    flex-direction: column;

    align-items: normal;

    gap: 0;

  }



  .view-linka .views-exposed-form .form-submit {

    display: block;

    text-align: center;

    width: 100%;

  }



  .user-login-form,

  .user-register-form,

  .user-pass {

    max-width: initial;

    margin-inline: 0;

    border: none;

    padding: 0;

  }



  #block-footer-menu .menu {

    flex-direction: column;

    gap: 0;

  }

}



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

  .view-linka .views-exposed-form fieldset > .fieldset-wrapper {

    display: block;

  }



  .form-submit {

    display: block;

    text-align: center;

    width: 100%;

  }



  .login-addon-links {

    margin-top: 16px;

    justify-content: center;

  }



  .user-login-form .form-actions,

  .user-register-form .form-actions,

  .user-pass .form-actions {

    display: block;

  }

}