@media only screen
and (max-width: 1450px)
{
  .mainFrame {width: 100%; padding: 0 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
}


@media only screen
and (max-width: 1200px)
{
  #header .inner .right .menuFrame .menu {display: none;}

  /* Burger jako křížek */
  .burger {position: relative; width: 30px; height: 36px; padding: 0 10px; margin: 0 10px 0 10px; cursor: pointer; z-index: 555; background-color: #ffffff; border-radius: 20px; display: flex; flex-direction: column; justify-content: center;}
  .burger span {height: 4px; width: 100%; margin: 2px 0; background: #e30d26; border-radius: 2px; transition: 0.3s ease; transform-origin: center;}
  .burger.active span:nth-child(1) {transform: rotate(45deg) translate(5px, 5px);}
  .burger.active span:nth-child(2) {opacity: 0;}
  .burger.active span:nth-child(3) {transform: rotate(-45deg) translate(6px, -6px);}

  #menuMobileFrame {position: relative; display: flex; align-items: center; }
  #menuMobileFrame span.name {color: #e30d26; text-transform: uppercase; font-weight: 700;}

  #menuMobile {display: none; position: absolute; z-index: 99999; background-color: #e30d26; top: 100%; right: 0; width: auto; min-width: 350px; max-width: 100%;}
  #menuMobile.active {display: flex;}
  #menuMobile .menuMobileContent {width: 100%;}
  #menuMobile .menuMobileContent .btn {width: 100%; height: auto; padding: 0 0 0 20px; border-bottom: 1px solid #bf0505; color: #fff; font-weight: 700; align-items: center; justify-content: space-between;}
  #menuMobile .menuMobileContent .btn.active {background-color: #bf0505;}
  #menuMobile .menuMobileContent .btn.active a {}
  #menuMobile .menuMobileContent .btn A {width: 80%; text-transform: uppercase; padding: 10px 0; line-height: 1.2; font-weight: 700; font-size: 16px;}
  #menuMobile .menuMobileContent .btn A.plusMinus {width: auto;}
  #menuMobile .menuMobileContent .btn.btnlvl2 {background-color: #a2a2a2; color: #fff; border-bottom: 1px solid #666666;}
  #menuMobile .menuMobileContent .btn.btnlvl2 a {text-transform: none;}
  #menuMobile .menuMobileContent .btn .plusMinus {position: relative; margin: 0px 10px 0px; min-height: 40px; justify-content: flex-start; padding: 0px 8px;}
  #menuMobile .menuMobileContent .btn .plusMinus:BEFORE {height: 3px; background-color: #fff; content: ""; width: 80%; position: absolute; left: 0; transition: all .5s; top: calc(50% - 1px);}
  #menuMobile .menuMobileContent .btn .plusMinus:AFTER {height: 3px; background-color: #fff; content: ""; width: 80%; position: absolute; left: 0; transition: all .5s; top: calc(50% - 1px); transform: rotate(90deg); opacity: 1;}
  #menuMobile .menuMobileContent .btn .plusMinus.minus::BEFORE {transform: rotate(180deg);}
  #menuMobile .menuMobileContent .btn .plusMinus.minus::AFTER {transform: rotate(360deg); opacity: 0;}
  #menuMobile .menuMobileContent .btn .lvl2 {padding-left: 10px; font-weight: 600; font-size: 14px; font-size: 16px;}
  #menuMobile .menuMobileContent .btn .lvl3 {padding-left: 40px; font-style: italic; font-weight: 100; font-size: 13px;}

  #footer .inner .row {padding: 45px 0;}
  #footer .inner .row .col {margin: 15px;}
}


@media only screen
and (max-width: 1000px)
{
  #homeService .inner {flex-wrap: wrap; justify-content: center;}
  #homeService .inner .item {width: 200px; margin: 15px;}
  #homeService .inner .item:nth-child(5n) {margin: 15px;}

  #homeText .inner {flex-direction: column;}
  #homeText .inner .left {width: 100%; order: 2; margin: 30px 0 0 0; text-align: center;}
  #homeText .inner .right {width: 100%; order: 1;}

  #homeNews .inner .item {width: calc(33.33333% - 20px);}
  #homeNews .inner .item:nth-child(4n) {margin-right: 30px;}
  #homeNews .inner .item:nth-child(3n) {margin-right: 0;}

  :root {--banner-height: 400px;}
  #banner .inner .bannerList .item .cover .photo .text .wrapper .name {font-size: 32px;}
  #banner .inner .bannerList .item .cover .photo .text .wrapper .popis {font-size: 24px;}


  #adresarCat .table {overflow-x: auto; white-space: nowrap; display: block; max-width: 100%; -webkit-overflow-scrolling: touch;}
  #adresarCat .tr {display: flex; width: max-content; /* důležité pro horizontální scroll */}
  #adresarCat .td {flex: 0 0 auto; padding: 8px 12px; border-bottom: 1px solid #ddd;}
  #adresarCat .td.pozice { min-width: 180px; }
  #adresarCat .td.phone { min-width: 140px; }
  #adresarCat .td.email { min-width: 240px; }
  #adresarCat .td.cisloDveri { min-width: 120px; }
  #adresarCat .td.name { min-width: 200px; }
}


@media only screen
and (max-width: 800px)
{
  :root {--banner-height: 300px;}
  #banner .inner .bannerList .item .cover .photo .text .wrapper .name {font-size: 26px;}
  #banner .inner .bannerList .item .cover .photo .text .wrapper .popis {font-size: 18px;}
}


@media only screen
and (max-width: 700px)
{
  #homeNews .inner .item {width: calc(50% - 15px);}
  #homeNews .inner .item:nth-child(4n) {margin-right: 30px;}
  #homeNews .inner .item:nth-child(3n) {margin-right: 30px;}
  #homeNews .inner .item:nth-child(2n) {margin-right: 0;}

  #kontaktForm {width: 100%;}
}


@media only screen
and (max-width: 500px)
{
  #header {position: relative;}
  #header .inner {padding: 0 20px;}
  #header .inner .logo {height: 140px;}
  #header .inner .logo img {max-height: 100%;}
  #header .inner .right {padding: 0;}
  #header .inner .right .search {display: none;}
  #header .inner .right hr {display: none;}

  .mobileSearchIcon {display: block; width: 50px;}

  .burger {margin: 0 0 0 30px; padding: 0 0 0 0; width: 40px;}
  .burger span {margin: 4px 0;}

  #menuMobile {width: 100%;}

  #menuMobileFrame {position: unset;}
  #menuMobileFrame span.name {display: none;}


  #header .inner .right .search {position: absolute; left: 0; top: 100%; width: 100%; z-index: 999;}
  #header .inner .right .search.active {display: block;}
  #header .inner .right .search .input {width: 100%; border-radius: 0;}
  #header .inner .right .search .input .cover input[type="text"] {flex: 1;}

  #mainText .inner {padding: 20px 0 0 0;}

  #homeService h2 {font-size: 28px; line-height: 1.4;}

  #title .inner {padding: 20px 0;}
  #navig {display: none;}

  .tinymceCont h1 {font-size: 26px;}
  .tinymceCont h2 {font-size: 23px;}
  .tinymceCont p {font-size: 16px;}

  .files h2 {font-size: 23px;}

  .files .file {font-size: 16px;}

  #homeText {padding: 30px 0;}

  #homeNews {padding: 0 0 5px 0;}
  #homeNews h2 {font-size: 24px; padding: 0 0 20px;}
  #homeNews .inner .item {width: 100%; margin: 5px 0;}
  #homeNews .inner .item:nth-child(4n) {margin-right: 0;}
  #homeNews .inner .item:nth-child(3n) {margin-right: 0;}
  #homeNews .inner .item:nth-child(2n) {margin-right: 0;}
}


@media only screen
and (max-width: 400px)
{
  #homeService .inner .item {width: 100%; margin: 5px 0;}
  #homeService .inner .item:nth-child(5n) {margin: 5px 0;}
}