/* #Media Queries */

@media (max-width: 1500px)
{  
  #ageGroups .inner {margin: auto;}
}



@media (max-width: 1200px) {
  .mainFrame {width: 100%; padding: 0;}
  
  #ageGroup .right {width: calc(100% - 280px);}
  
  #uspechList {padding: 0 10px;}
}


@media (max-width: 900px) {
  
  #selectFrame .inner {flex-direction: column;}
  #selectFrame SELECT {margin: 5px 0;}
  
  #uspechList .inner .item {width: calc(33% - (50px / 3));}
  #uspechList .inner .item:nth-child(4n) {margin-right: 25px;}
  #uspechList .inner .item:nth-child(3n) {margin-right: 0;}
}


@media (max-width: 768px) {
  .mainFrame {width: 100%; padding: 0;}  
  
}


@media (max-width: 667px) {
  .mainFrame {width: 100%; padding: 0;}
    
  .eu-cookies {float: left; height: auto; display: block; font-size: 14px;}
  .eu-cookies P {width: 100%; float: left;}
  .eu-cookies A {width: 100%; float: left;}
  .eu-cookies .colorHref {width: 100%;}
  .eu-cookies .info {width: 100%; text-align: center;}
  
  HEADER .inner .logo {width: 100%; text-align: center;}
  HEADER .inner .logo IMG {image-rendering: -webkit-optimize-contrast; height: 80%;}
  HEADER .mainFrame .inner FORM {width: 100%; padding: 10px;}
  HEADER .inner .search INPUT {width: 100%;}
  HEADER .inner .contact {width: 100%; padding: 10px;}
  
  NAV {background-color: #f99a4b;}
  NAV UL {display: none;}
  NAV UL LI {width: 100%; text-align: left; border-top: 1px solid #e87a1f; flex-wrap: wrap;}
  NAV UL LI A {width: 100%; padding: 6px 18px; text-transform: none;}
  NAV UL LI UL {position: relative; padding: 0; background-color: #f6892f;}
  NAV UL LI UL LI:before {content: '';}
  NAV UL LI UL LI A {padding-left: 36px; font-size: 18px;}
  
  #hamburger {display: block;}
  
  #ageGroups {position: relative;}
  #ageGroups .inner {margin-bottom: 0;}
  #ageGroups .inner .item {width: 100%;}
  #ageGroups .inner .item H2 {padding: 15px 0;}
  
  #fullMainContent {padding: 0 5px 30px 5px;}
  #fullMainContent .content .title H1.zaMenu {padding: 0;}
  
  
  #fullTopFrame .topMenu {height: auto;}
  #fullTopFrame .topMenu .menu {height: auto;}
  #fullTopFrame .topMenu .menu UL {width: 100%;}
  #fullTopFrame .topMenu .menu UL LI {width: 100%;}
  #fullTopFrame .topMenu .menu UL LI A {width: 100%; padding-right: 0;}
  #fullTopFrame .topMenu .menu UL LI A.right {background-image: url('/layout/arrow-right.png'); background-repeat: no-repeat; background-position: center right 15px;}
  #fullTopFrame .topMenu .menu UL LI A.down {background-image: url('/layout/arrow-down.png'); background-repeat: no-repeat; background-position: center right 15px;}
  #fullTopFrame .topMenu .menu UL LI .submenu {position: relative;}
  #fullTopFrame .topMenu .menu UL LI .submenu UL {display: block;}
  #fullTopFrame .topMenu .menu UL LI .submenu UL LI {width: 100%;}
  
  #nsslider {display: none;}
  
  #newsFrame {padding: 0 5px;}
  #newsFrame .inner .title .btn {width: 100%;}
  #newsFrame .inner .datalist .item {width: 100%; margin: 0;}
  #newsFrame .inner .datalist .item .photo {width: 100%; justify-content: center; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;}
  #newsFrame .inner .datalist .item .text {width: 100%; padding: 10px;}
  
  #sekceFrame {padding: 0;}
  #sekceFrame .inner .item {width: 100%;}
  
  #actionCalendar .left {width: 100%;}
  #actionCalendar .right {width: 100%; margin-top: 0px;}
  #actionCalendar .right .vysledky-title {float: left; margin: 6px 0;}
  #actionCalendar .right .results .item {width: 100%; margin-right: 0; margin-left: 0;} 
  
  #ageGroup .left {width: 100%;}  
  #ageGroup .right {width: 100%;}
  
  #ageGroup .right .photo {width: 100%;}
  #ageGroup .right .data {width: 100%;}
  
  FOOTER {padding: 0 5px;}
  FOOTER .inner .item H4 {width: 100%;}
  FOOTER .inner .item {width: 100%; flex-wrap: wrap; justify-content: center; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;}
  
  .filter {margin: 6px 0 0 0;}
  
  
  .formLine {width: 100%;}
}


@media (max-width: 600px) {
  #uspechList .inner .item {width: calc(50% - (25px / 2));}
  #uspechList .inner .item:nth-child(4n) {margin-right: 25px;}
  #uspechList .inner .item:nth-child(3n) {margin-right: 25px;}
  #uspechList .inner .item:nth-child(2n) {margin-right: 0;}
}


@media (max-width: 375px) {
  
  HEADER .inner .search INPUT[type=text] {width: 260px;}
  
  #selectFrame SELECT {width: calc(100% - 20px); margin: 10px 10px 0 10px;}
  
  #uspechList .inner .item {width: 100%; margin-right: 0;}
  #uspechList .inner .item:nth-child(4n) {margin-right: 0;}
  #uspechList .inner .item:nth-child(3n) {margin-right: 0;}
  #uspechList .inner .item:nth-child(2n) {margin-right: 0;}
}


@media (max-width: 320px) {
  
}