@media (max-width: 1300px) {
  #nsslider .slide {height: 500px;}
}

@media (max-width: 1200px) {
  
  .main-frame {width: 100%; padding: 0 10px;}
  
  #nsslider .slide {height: 450px;}
  
  NAV UL LI A {text-align: center;}
}


@media (max-width: 1020px) {
  
  NAV UL LI A {font-size: 16px; text-align: center;}
  
  #nsslider .slide {height: 380px;}
}


@media (max-width: 900px) {

  #news .inner {flex-direction: column;}
  #news .inner .item {width: 100%; margin: 5px 0;}
}


@media (max-width: 800px) {

  HEADER .inner {flex-wrap: wrap; justify-content: center;}
  HEADER .inner .center {width: 100%;}
  HEADER .inner .center .phone {width: 50%; justify-content: flex-start;}
  
  #nsslider .slide {height: 300px;}
  
  NAV {width: 100%; height: auto; margin: 0; position: absolute; top: 100%; left: 0; z-index: 5000000000;}
  NAV.flexbox {display: none;}
  NAV UL {flex-wrap: wrap; background-color: #007db1; color: #fff;}
  NAV UL LI {width: 100%; margin: 0; flex-wrap: wrap;}
  NAV UL LI:after {display: none;}
  NAV UL LI A {width: 100%; border: 0; border-bottom: 1px solid #fff; padding: 12px 10px; text-align: left;}
  NAV UL LI A:HOVER, NAV UL LI A.active {background-image: none;}
  NAV UL LI:first-child {border-top: 1px solid #fff;}
  NAV UL LI:last-child A {padding-right: 10px;}
  NAV UL LI A:HOVER, NAV UL LI A.active {color: inherit; border-color: inherit;}
  NAV UL LI A.arrow-down {background-position: right 20px center;}
  
  NAV UL LI UL LI A {width: 100%; padding: 6px 10px;}
  
  UL.submenu {position: relative; width: 100%; padding: 10px 30px; background-color: #00bce4;}
  UL.submenu LI {width: 100%;}
  UL.submenu LI:first-child {border-top: 0;}
  
  MAIN .inner .data .links {width: auto; display: flex; flex-direction: column;}
  MAIN .inner .data .links .soubor {margin: 10px 0 0 0;}
  
  #hamburger {display: block; width: 100%; height: 50px; float: right; position: relative; padding: 0; margin: 0; background-color: transparent; line-height: 1;}
  #hamburger .text {width: 70px; height: 50px; float: left; padding-left: 10px; line-height: 50px; color: #fff; font-size: 20px; font-weight: 400; text-transform: uppercase;}
  #hamburger .icon { width: 35px; position: absolute; top: calc(50% - 1px); right: 0; 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 .slide_content_wrap .inner .title {font-size: 32px;}
  #nsslider .slide_content_wrap .inner .perex {font-size: 20px;}
  
  #sekceFrame .inner {height: 160px; flex-wrap: wrap;}  
  #sekceFrame .inner .sekce {padding-top: 100px; background-size: 50px auto; background-position: center top 45px;}
  #sekceFrame .inner .sekce.vyberova-rizeni {background-position: center top 56px;}
  
  #sekceItems .inner .dataList .item {width: 32%; margin-right: 2%;}
  #sekceItems .inner .dataList .item:nth-child(3n) {margin-right: 0;}
  #sekceItems .inner .dataList .item .photo {width: 100%;}
  
  #kontakt .makleri .makler {width: 48%; margin-right: 4%;}
  #kontakt .makleri .makler:nth-child(4n) {margin-right: 0;}
  #kontakt .makleri .makler:nth-child(2n) {margin-right: 0;}
  #kontakt .makleri .makler .photo {text-align: center;}
  
  FOOTER .inner {flex-wrap: wrap; justify-content: center;}
  FOOTER .inner .item {width: 50%; text-align: center;}
  FOOTER .inner .item.sites {width: 100%; flex-wrap: nowrap; justify-content: center; margin-top: 30px;}
  FOOTER .inner .item .fb {width: auto; margin-right: 30px;}
  
  #kontakt .text {width: 100%;}
  #kontakt .map {width: 100%;}
  
  .formLine {flex-wrap: wrap;}
  .formLine .formRow {width: 100%;}
  .formLine .formInput {width: 100%;}
  .formLine .formSubmit {width: 100%;}
  .formLine .formTextarea {width: 100%;}
  .formLine .formTextareaCont {width: 100%;}
}


@media (max-width: 600px) {

  #nsslider .slide {height: 250px;}

  #sekceFrame .inner .sekce {padding-right: 10px; padding-left: 10px;}
  #nsslider .slide_content_wrap .inner .title {font-size: 28px;}
  #nsslider .slide_content_wrap .inner .perex {font-size: 18px;}
  
  #sekceItems .inner .dataList .item {width: 49%; margin-right: 2%;}
  #sekceItems .inner .dataList .item:nth-child(3n) {margin-right: 2%;}
  #sekceItems .inner .dataList .item:nth-child(2n) {margin-right: 0;}
  
  #object .inner {flex-wrap: wrap;}
  #object .inner .left {width: 100%;}
  #object .inner .right {width: 100%;}
  
  FOOTER .inner .item {width: 100%;}
  FOOTER .inner .item.sites {width: 100%; flex-wrap: wrap; justify-content: center; margin-top: 30px;}
  FOOTER .inner .item .fb {width: 100%; justify-content: center; margin-right: 0; margin-bottom: 30px;}
}


@media (max-width: 500px) {

  #nsslider .slide {height: 230px;}

  #sekceFrame.marBot {margin-bottom: 0; padding-bottom: 40px;}
  #sekceFrame .inner {height: auto;}
  #sekceFrame .inner .sekce {background-size: 38px auto; font-size: 12px;}
  #sekceFrame .inner .sekce {flex: none; width: 32%; margin-right: 2%;}
  #sekceFrame .inner .sekce:nth-child(3n) {margin-right: 0;}
  #sekceFrame .inner .sekce .photo {width: 100%;}
}


@media (max-width: 400px) {
  
  #nsslider .slide {height: 180px;}
  
  #nsslider .slide_content_wrap .inner .title {font-size: 26px;}
  #nsslider .slide_content_wrap .inner .perex {font-size: 16px; padding-bottom: 8px;}
  
  
  
  #sekceItems .inner .dataList .item {width: 100%; margin-right: 0;}
  #sekceItems .inner .dataList .item:nth-child(3n) {margin-right: 0;}
  #sekceItems .inner .dataList .item:nth-child(2n) {margin-right: 0;}
   
  #kontakt .makleri .makler {width: 100%; margin-right: 0;}
  #kontakt .makleri .makler:nth-child(4n) {margin-right: 0;}
  #kontakt .makleri .makler:nth-child(2n) {margin-right: 0;}
}