.clear_after {
  content: '';
  display: block;
  clear: both;
}
.hide_text {
  font-size: 0;
  line-height: 0;
  text-indent: -2000px;
}
.border_box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 1200px) {
  img {
    max-width: 100% !important;
    height: auto;
  }
  #banner,
  .cycle-slideshow {
    left: 0px;
  }
  .gallery {
    width: 100%;
  }
  .gallery > li {
    width: 33.33%;
    margin: 0px;
    padding: 0px 15px 15px 15px;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #cookie_info {
    height: auto !important;
    width: 100%;
    padding: 1rem;
    z-index: 100;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #cookie_info .user_information {
    width: 100%;
    padding: 0px;
    background: none;
    font-size: 0.875em !Important;
    margin: 0px;
  }
  #cookie_info .user_information:before {
    display: none !Important;
  }
  #cookie_info .user_information .options {
    float: none;
    margin: 0px;
    margin-bottom: 1rem;
  }
}
@media (max-width: 990px) {
  #logo {
    display: block;
    text-align: center;
    width: 100%;
    top: 7rem;
  }
  #logo img {
    display: inline-block;
  }
  .index #top {
    background-color: black !Important;
    padding-bottom: 2rem;
  }
  .index #top .wrapper {
    height: auto;
    padding-top: 7rem;
  }
  .cycle-slideshow {
    height: auto;
  }
  #index-box {
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: none;
    height: auto;
    text-align: center;
  }
  #index-box > li {
    float: none;
    display: inline-block;
    margin: 0px 10px 20px 10px;
  }
  #ncms-component-menu-gorne {
    left: 0px !important;
    width: 100%;
    right: 0px;
    background: white;
    height: 4rem;
  }
  #ncms-component-menu-gorne > nav > ul {
    text-align: center;
  }
  #ncms-component-menu-gorne > nav > ul > li {
    display: inline-block;
    float: none;
  }
  .index article.ncms-content-static-page {
    float: none;
    width: 100%;
    padding: 0px;
    margin-bottom: 3rem;
    border: 0px;
    height: auto !important;
  }
  .index #content .ncms-component-blog {
    float: none;
    width: 100%;
    padding: 0px;
    margin-bottom: 1rem;
    border: 0px;
  }
  .index #content .ncms-component-blog .ncms-blog-items > li {
    width: 740px;
  }
  .index #content .ncms-component-blog .scrollable {
    width: 100%;
  }
  .ncms-component-blog .description {
    float: none;
    width: 100%;
    padding-left: 10rem;
    box-sizing: border-box;
  }
  footer .footer-text {
    left: 0px;
  }
  footer p {
    float: none;
  }
  footer .info,
  footer .author {
    width: 100%;
    padding: 0px;
  }
  footer .info {
    padding-top: 1rem;
  }
  footer .copyright {
    padding: 1rem 0px 0px 0px;
    width: 100%;
  }
  footer .socialne {
    width: 100%;
    margin: 0px;
    padding: 1rem 0px;
  }
  footer .ncms-component-menu {
    width: 50%;
    float: left;
    margin: 0px;
    box-sizing: border-box;
  }
  footer .ncms-component-menu:nth-child(2n+1) {
    padding-right: 1rem;
  }
  footer .ncms-component-menu:nth-child(2n) {
    padding-left: 1rem;
  }
  footer .ncms-content-blog-page:after {
    content: '';
    display: block;
    clear: both;
  }
  .ncms-blog-items .description {
    float: none;
    width: 100%;
  }
  #top-box {
    width: 100%;
  }
  .sidebar {
    height: auto !important;
  }
  .main {
    height: auto !important;
  }
  table {
    width: 100% !Important;
  }
  .main.no-sb {
    width: 100% !Important;
  }
  iframe {
    max-width: 100%;
  }
  #top-box .ncms-component-menu {
    width: 100%;
    left: 0px;
    height: auto;
  }
}
@media (max-width: 768px) {
  #index-box,
  footer .footer-text,
  .wrapper {
    width: 100%;
  }
  #ncms-component-menu-gorne nav {
    width: 50px;
    height: 50px;
    background: url(../gfx/hamburger.png) no-repeat center black;
    background-size: contain;
    position: fixed;
    top: 10px;
    left: 10px;
    cursor: pointer;
  }
  #ncms-component-menu-gorne nav > ul {
    position: absolute;
    left: -310px;
    width: 300px;
    top: -10px;
    background: white;
    padding: 1rem;
    height: 100vh;
    box-sizing: border-box;
    transition: left 0.3s;
  }
  #ncms-component-menu-gorne nav > ul.mobile_open {
    left: -10px;
  }
  #ncms-component-menu-gorne nav > ul > li {
    display: block;
    margin: 0px;
  }
  #ncms-component-menu-gorne nav > ul > li > a {
    line-height: normal;
    padding: 0.5rem 0px;
    display: block;
    border: 0px !important;
    background: none !important;
  }
  #ncms-component-menu-gorne nav > ul > li > ul {
    position: static !Important;
    display: block !important;
    width: 100%;
    box-sizing: border-box;
  }
  #footer .wrapper,
  #content .wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
  }
  footer .ncms-component-menu {
    width: 100%;
    float: none;
    padding: 0px !important;
  }
  .index #content .ncms-component-blog .scrollable {
    width: 300px;
  }
  .index #content .ncms-component-blog .ncms-blog-items > li {
    width: 300px;
  }
  .sidebar {
    width: 100%;
    float: none;
    padding: 0px;
    margin: 0px 0px 2rem 0px;
  }
  .grupa .main,
  .main {
    width: 100%;
    float: none;
    padding: 0px;
    margin: 0px;
    border: 0px;
  }
  #ncms-component-breadcrumb,
  .ncms-component-breadcrumb {
    position: static;
    padding: 1rem;
  }
  .buttons2 a,
  .buttons2 img {
    width: auto;
    height: auto;
  }
  #banner {
    position: static;
    display: none;
  }
  #top .wrapper {
    height: auto;
  }
  #top-box {
    background: none !important;
    position: static;
    padding-top: 12rem;
    height: auto;
  }
  #top-box .ncms-component-menu {
    position: static;
    background: black;
  }
  #top-box .ncms-component-menu:after {
    content: '';
    display: block;
    clear: both;
  }
  #top-box .buttons {
    position: static;
    background: black;
    padding-bottom: 1rem;
    padding-left: 1rem;
  }
  #top-box .buttons:after {
    content: '';
    display: block;
    clear: both;
  }
}
@media (max-width: 600px) {
  article.grupa .sidebar {
    width: 100%;
  }
  article.grupa .scrollable {
    width: 300px;
  }
  article.grupa .pictures {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media (max-width: 500px) {
  .main.no-sb table {
    display: block;
  }
  .main.no-sb table tr,
  .main.no-sb table td,
  .main.no-sb table thead,
  .main.no-sb table tfoot {
    display: block;
    width: 100%;
  }
  .gallery > li {
    width: 100%;
    float: none;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (max-width: 450px) {
  #top-box .ncms-component-menu h3 {
    float: none;
    width: 100%;
    text-align: center;
    padding: 0px;
  }
  #top-box .ncms-component-menu ul {
    float: none;
    width: 100%;
  }
  #top-box .ncms-component-menu ul li {
    width: 100%;
    float: none;
    text-align: center;
    background: none !Important;
    margin: 0px;
    padding: 0px;
  }
}
@media (min-width: 768px) and (max-width: 990px) {
  #index-box,
  footer .footer-text,
  .wrapper {
    width: 740px;
  }
  .sidebar {
    width: 200px;
  }
  .main {
    width: 450px;
  }
  #top-box .buttons {
    top: 75px;
    left: 0px;
    right: 0px;
  }
}

/*# sourceMappingURL=responsive.css.map */