/* #Media Queries */

@media (max-width: 2400px){
  
  header .logo {padding-right: 0;}
  
  HEADER {height: 142px; justify-content: center;}
  HEADER .phone-contact {width: auto; margin: 0; padding: 3px 0 3px 0;}
  HEADER .logo {width: 100%; float: inherit; padding: 20px 5px; text-align: center;}
  HEADER .logo IMG {display: inline-block; float: inherit;}
  
  #quick-menu {margin-top: 142px;}
  
    .onlyPC {display: none;}
  .onlyTablet {display: block;}
}


@media (max-width: 1800px){
  

}


@media (min-width: 1024px){

  #dlazdice .data-list .item:HOVER .vice {display: block;}
}

@media (max-width: 1740px){
  
  #dlazdice {padding: 0 10px;}
  #kurzy {padding: 40px 10px;}
  

    
  
}

/*
@media (max-width: 1740px){
  HEADER {height: 142px; justify-content: center;}
  HEADER .phone-contact {width: auto; margin: 0; padding: 3px 0 3px 0;}
  HEADER .logo {width: 100%; float: inherit; padding: 20px 5px; text-align: center;}
  HEADER .logo IMG {display: inline-block; float: inherit;}
}
*/

@media (max-width: 1200px){

.main-frame {width: 100%; padding: 0;}
  
  .btn-prihlaska {display: none;}
}


@media (max-width: 1024px){
  
  .main-frame {width: 100%; padding: 0;}
      
  #nsslider {margin-top: 142px;}
  #nsslider .slide_content_wrap .inner .title {font-size: 40px;}
  #nsslider .arrow-down, #nsslider .prihlaskaBtn {display: none;}
  
  .btn-prihlaska {display: none;}
  
  #navigation {padding: 0 10px;}
  
  MAIN {padding: 0 10px 40px 10px;}
  
  #kalendar-akci {padding: 40px 10px;}  
  #kalendar-akci .inner .left {width: 100%;}
  #kalendar-akci .inner .left P {text-align: left;}
  #kalendar-akci .inner .left H2 {text-align: left; margin: 0 0 20px;}
  #kalendar-akci .inner .right {width: 100%; padding-top: 10px;}
  .btnVsechnyAkce {margin-top: 0;}
  
  #dlazdice {padding: 0 10px 40px 10px;}
  
  #hp-main-text {padding: 30px 10px;}
  
  #aktuality, #kurzy {padding: 40px 10px;}
  
  FOOTER {padding: 0 10px;}
}


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


@media (max-width: 890px) {
  
  .main-frame {width: 100%; padding: 0;}
  
  .grow:hover {transform: none;}
  
  .onlyMobile {display: block;}
  .onlyTablet {display: none;}
  
  HEADER {position: relative; justify-content: center; align-items: flex-end;}
  HEADER .phone-contact {width: auto; margin: 0; padding: 3px 0 3px 30px;}
  HEADER .logo {width: 100%; padding: 20px 5px;}
  
  NAV {width: 100%; height: auto; margin: 0; position: absolute; top: 142px; left: 0; z-index: 5000000000;}
  NAV.flexbox {display: none;}
  NAV UL {flex-wrap: wrap; background-color: #2ab3e8; color: #fff;}
  NAV UL LI {width: 100%; margin: 0;}
  NAV UL LI A {color: #fff; border-bottom: 1px solid #fff; padding: 12px 10px; text-align: center;}
  NAV UL LI A:HOVER, NAV UL LI A.active {color: inherit; border-color: inherit;}
  
  UL.submenu {position: relative; width: 100%; background-color: #3988bf;}
  UL.submenu LI:first-child {border-top: 0;}
  UL.submenu LI A {white-space: unset;}
  
  #hamburger-line {display: block; width: 100%; height: 60px; float: right;}
  #hamburger {display: block; width: 40%; height: 60px; float: right; position: relative; padding: 0; margin: 0; background-color: #2ab3e8; line-height: 1;}
  #hamburger .text {width: 70px; height: 60px; float: left; padding-left: 20px; line-height: 60px; color: #fff; font-size: 14px; font-weight: 800; text-transform: uppercase;}
  #hamburger .icon { width: 35px; position: absolute; top: calc(50% - 1px); right: 10px; transition: all .5s; }
  #hamburger.active .icon { width: 27px; background: transparent; }
  #hamburger .icon, .hamburger .icon:before, .hamburger .icon:after { height: 2px; background: #fff; }
  #hamburger .icon:before, .hamburger .icon:after { content: ""; width: 100%; position: absolute; left: 0; transition: all .5s; }
  #hamburger .icon:before { top: -10px; }
  #hamburger .icon:after { bottom: -10px; }
  #hamburger.active .icon:before { top: 0; transform: rotate(45deg); }
  #hamburger.active .icon:after { top: 0; transform: rotate(135deg); }
  
  #nsslider {margin-top: 0;}
  
  .btn-prihlaska-burger {position: relative; width: 60%; height: 60px; float: left; align-items: center; font-size: 14px; font-weight: 800; color: #fff; background-color: #df5959; *background-image: url('/images/icon-prihlaska-do-kurzu.png'); background-repeat: no-repeat; background-position: center left 10px; transition: 0.5s; text-transform: uppercase;}
  .btn-prihlaska-burger A {padding: 0 0 0 10px; align-items: center;}
  .btn-prihlaska-burger A I {padding-right: 10px;}
  
  #nsslider {height: 350px !important; overflow: hidden;}
  #nsslider .arrow-down {display: none;}
  #nsslider .btn-prihlaska, #nsslider .prihlaskaBtn {display: none;}
  #nsslider .slide img {width: auto; max-height: 350px;}
  #nsslider .timers {visibility: hidden;}
  #nsslider .slide_content_wrap .inner .title {font-size: 30px;}
  
  #quick-menu {display: none;}  
  #navigation {display: none;}
    
  #prihlaska-do-kurzu {flex-wrap: wrap; background-image: none;}
  #prihlaska-do-kurzu .left {width: 100%;}
  #prihlaska-do-kurzu .right {display: none;}
  
  #dlazdice .data-list {}
  #dlazdice .data-list .item {width: 100%; padding: 10px 0; margin-bottom: 10px; background-position: left 20px center;}
  #dlazdice .data-list .item:HOVER {}
  #dlazdice .data-list .item .linka {display: none;}
  #dlazdice .data-list .item .name {padding: 0px 10px 5px 100px; text-align: left;}
  #dlazdice .data-list .item .perex {padding: 0 10px 0 100px; text-align: left;}  
  
  #kalendar-akci .inner .right .item {margin: 10px 0;}
  #kalendar-akci .inner .right .item .dt {width: 100%; text-align: left; padding-left: 30px;}
  #kalendar-akci .inner .right .item .name {width: 100%; float: left; text-align: left;}
  #kalendar-akci .inner .right .item .link {width: 100%; text-align: left; padding-left: 30px;}
  #kalendar-akci .inner .right .item .delimiter {display: none;}
  .btnVsechnyAkce {float: left; width: 100%; margin-top: 10px; text-align: center;}
  
  #hp-main-text {padding: 25px 10px 35px 10px;}
  #hp-main-text .content {padding: 0; background: none;}
  #hp-main-text .content H2 {text-align: center;}
  
  #aktuality {padding: 45px 10px 35px 10px;}
  #aktuality .nadpis H2 {width: 100%; text-align: center;}
  #aktuality .data-list .item {width: 100%; margin: 5px 0;}
  .btnVsechnyAktuality {float: left; width: 100%; margin-top: 20px; text-align: center;}
  
  #aktuality-page .data-list .item {width: 100%; margin-right: 0;}
  
  #kurzy {padding: 40px 10px;}
  #kurzy .data-list .item {width: 48%; margin-right: 4%;}
  #kurzy .data-list .item:nth-child(2n) {margin-right: 0;}
  .btnVsechnyKurzy {float: left; width: 100%; text-align: center;}
  
  FOOTER {padding: 10px;}
  FOOTER .data-list .item {width: 100%; margin: 10px 0; text-align: center;}
  FOOTER .data-list .item .company {text-align: center;}
  
  .ns-dialog {width: 100%; margin-left: 0; left: 0;}
}


@media (max-width: 768px) {
  

}


@media (max-width: 667px) { 
  
  #kalendar-akci .inner .right .item .dt {width: 100%; text-align: left; padding-left: 30px;}
  #kalendar-akci .inner .right .item .name {width: 100%; text-align: left;}
  #kalendar-akci .inner .right .item .link {width: 100%; text-align: left; padding-left: 30px;}
  #kalendar-akci .inner .right .item .delimiter {display: none;}
  
  #aktuality .data-list .item {width: 49%; margin-right: 2%;}
  #aktuality .data-list .item:nth-child(2n) {margin-right: 0;}
  
  #hp-main-text .links A {width: 100%; display: inline-block; margin-bottom: 10px;}
  
  #kalendar-akci .inner .left H2 {text-align: left; margin: 10px 0 0 0;}
  
  #kalednar-akci-page .filters .filter-select {width: 49%; margin-right: 2%;}
  #kalednar-akci-page .filters .filter-select:last-child {margin-right: 0;}  
  #kalednar-akci-page .data-list .item {padding-bottom: 10px;}
  #kalednar-akci-page .data-list .item .dt {width: 100%; height: auto; justify-content: flex-start; padding: 15px 20px 5px 20px;}
  #kalednar-akci-page .data-list .item .delimiter {display: none;}
  #kalednar-akci-page .data-list .item .name {width: 100%; justify-content: flex-start; padding: 5px 20px;}
  #kalednar-akci-page .data-list .item .link {display: none; width: 100%; justify-content: flex-start; text-align: left; padding: 5px 20px;}
  #kalednar-akci-page .data-list .item .text {padding: 5px 20px;}
  
  #hp-main-text .content H2 {margin: 30px 0 20px;}
}


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


@media (max-width: 479px) {
  
  MAIN .data-list H1 {padding: 35px 10px 20px 10px; margin: 0; text-align: center; line-height: 1.2; font-size: 34px;}
  
  .photogalleryFrame {margin: 0; padding: 40px 0 20px 0;}
  
  #kurzy {padding: 35px 10px;}
  #kurzy .nadpis H2 {text-align: center; font-size: 30px;}
  #kurzy .nadpis H2:before {width: 100%;}
  #kurzy .nadpis .btn {display: none;}
  #kurzy .data-list .item {width: 100%; margin-right: 0;}  
  
  #kalendar-akci {padding: 45px 10px 35px 10px;}  
  #kalendar-akci .inner .left H2 {text-align: left; margin: 0;}
  
  #aktuality .nadpis H2 {width: 100%; text-align: center; font-size: 30px;}
  
  #kalendar-akci .inner .left .nadpis H2 {width: 100%; text-align: center; font-size: 30px;}
  #kalendar-akci .inner .left .nadpis H2:before {width: 100%;}
  
  #hp-main-text .content H2 {line-height: 1.2; margin: 20px 10px; font-size: 30px;}
    
  #btn-detail-vsechny-kurzy {display: inline-block;}
  #btn-detail-vsechny-aktuality {display: inline-block; margin-top: 20px;}
  
  #aktuality .data-list {margin-top: 15px;}
  #aktuality .data-list .item {width: 100%; margin-right: 0;}
  
  #hp-main-text .content H1 {width: 100%; text-align: center; font-size: 30px;}
}