/***************** přepínání menu */
@media (max-width: 3000px) {

  .horni_menu .littleMenu {
    display:inline-block;
  }

  .horni_menu .menu {
    text-align:right;
  }


  .horni_menu .menu .polozka {
    margin-bottom:10px;
  }

  .horni_menu .menu .polozka:last-child {
    margin-bottom:-2px;
  }

  .menu a {
    display:block;
    color: #fff;
    width:100%;
  }

.polozka.menu > .polozka:nth-of-type(2) {
    padding-top:  20px;
    color:blue;
  }

  .menu a:hover {
    color: red;
    }

}
/***************** přepínání menu konec */



@media (max-width: 1570px) {

    .product_item {
      width: 584px;
      transform: scale(0.9);
    }
}


@media (max-width: 1460px) {

  :root {
    --scale: 0.9;
  }

  .plovouci_banner {
    transform:scale(0.9);
  }

  .dolni .polozky a:hover > .polozka {
    transform: scale(0.9);
  }

  .dolni .polozky .polozka {
      margin: 0px -60px;
      transform: scale(0.72);
    }

    .product_item {
      width: 584px;
      transform: scale(0.9);
    }

}


@media (max-width: 1250px) {


  :root {
    --padding_base: 30px;
    --padding_w_right: 36px;
    --main1pad:80px;
  }

  .horni_menu {
    gap: 7px;
  }

  .logo {
    width:145px;
  }

  .blok_male_druhy {
    gap: 5px;
  }

  .main2 {
    margin: 0px;
  }

  .main1 {
    width: calc(100% - (2 * var(--main1pad)));
    margin: 0px 0px 0px var(--main1pad);
  }

  .svg_cont_cont {
    padding-right:0px;
    width:calc(100% + 20px - calc( 1 * var(--main1pad) ));
  }

  .svg_cont {
    width:240px;
  }

  .w33res {
      width:calc(50% - var(--padding_w_right));
  }

  .b33res {
      width:50%;
  }

  .b66res {
      width:80%;
  }

  .horni_menu .user, .horni_menu .vlajka, .horni_menu .littleMenu {
    margin-left: 24px;
  }

  .tblock_logo {
    margin-top: 29px;
  }

  .horni_menu .menu {
    font-size:14px;
  }

  .left_tbblock .polozka {
    margin-right: 13px;
  }

  .katalog_line_hp {
    padding: var(--padding_input_tb) calc(var(--padding_input_lr) - 25px) var(--padding_input_tb) calc(var(--padding_input_lr) + 25px);
  }

}




@media (max-width: 1050px), (max-height: 600px) {
  .homepage_news{
    display:none;
  }
}


@media (max-width: 1050px) {

  :root {
    --scale: 0.8;
  }

  .dolni .polozky .polozka {
    margin: 0px -70px;
    transform: scale(0.69);
  }

  .dolni .polozky a:hover > .polozka {
    transform: scale(0.8);
  }

  .b50res {
    width:100%;
  }

  .b66res { /* musí být na konci souboru */
      width:100%;
  }

}


@media (max-width: 930px), (max-height: 660px) {

    .img_overlay_pro_pl_banner{
      display:none;
    }

}


@media (max-width: 930px) {


    .horni {
      padding-left: 50px;
    }


    .dolni .polozky {
      display: flex;
      gap: 27px 31px;
      flex-wrap: wrap;
      justify-content: center;
      margin:0px 36px 36px 36px;
    }

    .dolni .polozky .polozka {
      margin: 0px 0px;
      transform: scale(1);
      width: 164px;
      height: 154px;
      background-image: url('/zdroje/trujuh75.svg');
      background-size: 100% 100%;

    }
    .dolni .polozky .polozka .text .nazev {
      font-size: 13.5px;
    }

    .dolni .polozky .polozka .text .ikona {
      margin-top: 39px;
      font-size: 41px;
      margin-bottom: 19px;
    }

    .dolni .polozky a:hover > .polozka {
      transform: scale(1.1);
    }

}



@media (max-width: 900px) {

  :root {
    --fontsize: 13px;
  }

  .main_table thead tr:last-child th, .main_table td, .main_table th {
    padding: 6px 18px 9px 18px;
    font-size: 13px;
  }

  h1 {
    margin: 0px var(--main1pad) 40px 0px;
  }

  .h2_cont {
    margin-bottom: 50px;
  }

  .h2_cont h2 {
    font-size: 22px;
  }

  .polozkanadp {
  text-align: center;
  font-size: 17px;
  line-height: 22px;
  font-weight: 600;
  margin-top: 45px;
  min-height: 42px;
  }

}


@media (max-width: 870px) {

  .w33res { /* musí být na konci souboru */
      width:calc(100% - var(--padding_w_right));
  }

  .b33res { /* musí být na konci souboru */
      width:calc(100% - var(--main1pad));
  }

  .dashboard, .svg_cont_cont {
    text-align: center;
  }

  .input_cont, .tabCont, .fotgal_cont, .info_pol_cont, .message_cont, .logupd_cont, .mainButton, .jednotka_cont, .sliderbanner2, .sliderbanner3, .sliderbanner5, .faqform, .textYN, .clanek_text {
  margin-bottom: 35px;
  }

  .with_mini_botton {
    margin-bottom: calc( 35px + 30px );
  }

  .with_regular_botton {
    margin-bottom: calc( 75px + 30px );
  }

  .mainButton.mini.navrlhutykvyresBtn {
    margin-top:-35px;
    margin-right:0px
  }

  .uzavritpozn {
    margin-top:-105px;
    margin-bottom: 96px;
  }


  .polozkam.kapitola {
    width: calc(100% - (1 * 24px));
  }


  .polozkanadp {
    margin-top: 0px;
  }

  .polozkam i {
    margin-bottom:20px;
  }

}


@media (max-width: 800px) {
  .sliderbanner2 .polozkaobrobal {
    display:none;
  }

}


@media (max-width: 750px) {

  .zprava_text, .clanek_text, .produkt_text, .bannerhlavni .text  {
    font-size: 15px;
    line-height:21px;
  }

  .input_nadpis span:nth-child(1), .info_pol div:nth-child(1), .info_pol_text_nadpis span:nth-child(1) {
    font-size: 17px;
  }


  .logo_product_little {
    width: 120px;
    margin-top: 18px;
  }

  .logo_product_little svg {
    height: 38px;
    cursor: pointer;
  }

  .seznam_produktu, .bannerhlavni, .clanek_text, .produkt_text, .input_cont, .tabCont, .info_pol_cont, .message_cont, .logupd_cont {
    text-align: center;
  }

  .input_cont table{
    text-align: left;
  }

  .tbblock.bottom {
    font-size:11px
  }


}


@media (max-width: 650px) {
  .dolni .polozky {
    margin:0px 25px 35px 25px;
  }

  .dolni .polozky .polozka {
    transform: scale(0.8);
    margin:-18px;
  }

  .dolni .polozky a:hover > .polozka {
    transform: scale(0.9);
  }
}

@media (max-width: 900px) and (max-height: 470px){ /*šířka*/
  .dolni .polozky {
    margin:0px 25px 35px 25px;
  }

  .dolni .polozky .polozka {
    transform: scale(0.8);
    margin:-18px;
    background-image: url('/zdroje/trujuh70.svg');
  }

  .dolni .polozky a:hover > .polozka {
    transform: scale(0.9);
  }
}



@media (max-width: 600px) {


  .tblock_logo {
    height: 74px;
    width: 100%;
    margin-top: 20px;
    background-size: 259%;
  }

  .sliderhlavni.lores {
    display:none;
  }


  .langchange {
    right: 60px;
  }

  .horni_menu .user span:not(b span) {
    display:none;
  }

  .tbblock {
   margin-bottom: 45px;
   }

  .w50res { /* musí být na konci souboru */
      width:calc(100% - var(--padding_w_right));
  }

  .dashboard {
  margin-top: -20px;
  margin-bottom: 40px;
  }

  .dashboard_item {
    width: 103px;
    height: 103px;
    margin: 0px 6px 6px 6px;
    padding: 17px;
  }


  .dashboard_item.number span:first-child {
    font-size: 51px;
    font-weight: 100;
  }

  .dashboard_item.number span:last-child {
    font-size: 10px;
  }

  .sliderbanner2, .sliderbanner3, .sliderbanner5 {
    left:50px;
    width:calc(100% - (2 * 50px) );
  }

}



@media (max-width: 520px) {

  .horni_menu .user span {
    display:none;
  }

  .logo {
    width:121px;
    margin-top:-7px;
  }

  .exportDoPdf {
  display:block;
  font-weight:bold;
  position:inherit;
  right:inherit;
  top: inherit;
  }

  .polozkam.wide .polozkaobrobal {
    display: none;
  }

  .polozkam.wide .polozkatextobal {
    text-align: center;
    margin-left: 0px;
  }

  .polozkam.wide .polozkanadp, .polozkam.wide .polozkapodnadp, .polozkam.wide .poltext, .polozkam.wide .polozkad {
    text-align: center;
  }

  .katalog_block_hp{
    margin-top: 6px;
    margin-bottom: -81px;
  }

  .katalog_img_hp {
    position: relative;
    top: -73px;
    height: 82px;
  }

  .katalog_img_hp.kat2 {
    top: -65px;
    height: 70px;
  }
}


@media (max-width: 470px) {
  :root {
    --padding_w_right:26px;
    --main1pad: 40px;
  }

  .katalog_line_hp {
    width:95%;
  }
}


@media (max-width: 445px) {


  .horni_menu .user, .horni_menu .vlajka, .horni_menu .littleMenu {
    margin-left: 18px;
  }

  .horni_menu .littleMenu i {
    font-size: 25px;
    margin-top: 3px;
  }

  .tblock_logo {
    background-size: 280%;
  }

}


@media (max-width: 390px) {

  :root {
    --padding_base: 23px;
  }

  .horni_menu .user, .horni_menu .vlajka, .horni_menu .littleMenu {
    margin-left: 16px;
  }

}

@media (max-width: 350px) {

  .katalog_block_hp{
    margin-top: 2px;
    margin-bottom: 3px;
  }


  .katalog_img_hp {
    display:none;
  }

}
