@media screen and (max-width: 5000px) {
 .main { width: 1700px; }
 .leftDiv {  }
 .rightDiv {  }

 #titulkaVideo video { width: 80%; height: 700px; background: #000000; }
}

@media screen and (max-width: 1900px) {
 .main { width: 1550px; }
 .leftDiv {  }
 .rightDiv {  }

 .titulka_2025 .title_primary { height: 550px; }
 .titulka_2025 .m_categories .m_item h2 { padding: 25px; font-size: 21px; }
}

@media screen and (max-width: 1600px) {
 .main { width: 1340px;  }
 .leftDiv { }
 .rightDiv { }

 .form label { max-width: 350px; }
 .form input[type=text], .form input[type=password], .form textarea, .form select { width: 350px; }

 .kosik .krok5 .kosik5left { width: 100%; }
 .kosik .krok5 .kosik5right { width: 100%; }
 .kosik .udaje .one { float: left; width: 300px; margin: 0 0 12px 0; }
 .kosik .udaje .two { float: left; width: 300px; margin: 0 0 12px 0; }
 .kosik .udaje .three { float: left; width: 300px; margin: 0 0 12px 0; }

 .stranka img { max-width: 900px; }

 #titulkaVideo video { width: 80%; height: 500px; }

 .titulka_2025 .title_primary { height: 450px; }
 .titulka_2025 .m_categories .m_item h2 { padding: 25px; font-size: 16px; }
}

@media screen and (max-width: 1400px) {
 .main { width: 980px; }
 .leftDiv {  }
 .rightDiv {  }

 .formsmallblok.left { float: none; max-width: 100%; width: 100%; }
 .formsmallblok.right { clear: both; float: none; max-width: 100%; width: 100%; margin-top: 20px; padding-left: 0; }
 .form .ahrefsubmit.right { float: left; }

  stranka img { max-width: 660px; }

 #titulkaVideo video { width: 100%; height: 400px; }
}

@media screen and (max-width: 1040px) {
 .main { width: 720px; }

 .menuD .menuPrimary { width: 100%; padding-left: 100px; }

 .rightDiv { }

 .leftDiv .menuD { position: fixed; position: fixed; top: 0; left: -100%; right: 0; bottom: 0; width: 100%; height: 100%; overflow-y: auto; background: #ffffff; z-index: 99999; }

 .leftDiv .items .items_r { gap: 25px; }
 .leftDiv .items .items_r .uzivatelLpanel { display: none; }
 .leftDiv .uzivatelLpanel_B { display: block; }

 /* ul.menu { margin: 30px 0 0 0; padding: 0 15px; }

 ul.menu li { margin: 0 0 8px 0; padding: 0; }
 ul.menu li ul li { margin-bottom: 1px; }
 ul.menu li ul li a { padding: 6px 0; }
 ul.menu li ul li ul li a { font-size: 17px !important; } */
/* 
 .leftDiv .logo, .leftDiv .logo_mt { float: left; }
 .leftDiv .jazyk { display: none; float: right; margin: 4px 10px 0 0; }
 .leftDiv .uzivatelLpanel { display: none; margin: 30px 0 0 0; }
 .leftDiv .uzivatelLpanel a { display: inline-block; margin: 0 20px 5px 0; } */

 /* .leftDiv .kosiksmall1 { float: right; margin: 0; }
 .leftDiv .kosiksmall1 a .nadpis { display: inline-block; margin-bottom: 0; }
 .leftDiv .kosiksmall1 a .right { padding-top: 5px;}
 .leftDiv .kosiksmall1 a img { margin-right: 10px; margin-top: 0; } */

 leftDiv .kosiksmall1 a .right { display: none; }

 .titulka1 .vitajte { padding: 30px 0 30px 0; }
 .titulka1 .vitajte .brN { display: none; }
 .titulka2 .text i { display: none; }
 .titulka1 .vitajte i { display: none; }
 .titulka2 .text p { width: 80%; }

 .stranka img { max-width: 98%; }
 .footer { margin-top: 15px; }

 .leftBottom_titulka { display: block; }

 #titulkaVideo video { width: 100%; height: 400px; margin-top: 30px; margin-bottom: 30px; }
}

@media screen and (max-width: 780px) {
 html { -webkit-text-size-adjust: none; }

 .main { width: 100%; padding: 0 3%; }

 .menuD .menuPrimary { width: 100%; padding-left: 50px; }

 .titulka_2025 .title_primary { height: 350px; }
 .titulka_2025 .m_categories .m_item h2 { padding: 25px; font-size: 16px; }

  .titulka_2025 .m_categories { gap: 20px; margin-top: 20px; }
  .titulka_2025 .m_categories .m_item { flex: 0 1 calc(50% - 10px); }
  .titulka_2025 .m_categories.three .m_item { flex: 0 1 calc((100% - 40px)/3); }

 .titulka2 br { display: none !important; }

 .leftDiv { position: relative; }
 .rightDiv { position: relative; height: auto; }

 table th { display: none; }
 table tbody td, table tfoot td { display: block; text-align: center; }
 table.tablenocenter th, table.tablenocenter td { text-align: left; }
 table .popistdth { display: inline; }

 .kosik table.kosikveci tbody td.obrazok { width: auto; }
 .kosik table.kosikveci tbody td.zasoba { width: auto; }
 .kosik table.kosikveci tbody td.pocet { width: auto; text-align: center; }
 .kosik table.kosikveci tbody td.pocet a.minus { float: none; display: inline-block; }
 .kosik table.kosikveci tbody td.pocet a.plus { float: none; display: inline-block; }
 .kosik table.kosikveci tbody td.pocet input[type=text] { float: none; display: inline-block; margin-top: -5px; }

 .kosik table.kosikveci tfoot td.cenaspolu { display: none; }
 .klienobjednavka .udaje .three { float: none; clear: both; padding: 10px 0 0 0; }
 .divklientobj table.tableklientveci tbody td.cena { width: auto; text-align: center; }

 .kosik .prihlasenie .left, .kosik .prihlasenie .right { float: none; clear: both; width: auto; height: auto; margin: 0 0 10px 0; }
 .kosik .krok3 .left, .kosik .krok3 .right { float: none; clear: both; width: auto; height: auto; margin: 0 0 10px 0; }
 .kosik .krok3 .right { margin: 0; }

 /* pre pekne.net */
 .kosik table.kosikveci { border-left: 1px solid #000000; border-bottom: 1px solid #000000; }
 .kosik table.kosikveci tbody tr:first-child td { border-left: none; }
 .kosik table.kosikveci tbody tr:first-child td, .kosik table.kosikveci thead tr:first-child th,
  .kosik table.kosikveci tfoot tr:first-child td { border-bottom: none; }
 .kosik table.kosikveci tbody tr td:first-child { border-left: none; border-top: 2px solid #000000; }
 .kosik table.kosikveci .dokosikainp input[type=text] { margin-top: 0 !important; }
 /* /pre pekne.net */
}


@media screen and (max-width: 700px) {
 /* * { font-family: 'Open Sans' !important; } */

 .leftDiv #menuB { font-size: 16px; }

 .leftDiv .kosiksmall1 .right { display: none; }
 .leftDiv .kosiksmall1 a .pocet_mt { display: block; }

 .titulka_2025 .title_primary { height: 350px; }

 .menuD .ttm .logo { display: none; }
 .menuD .ttm .logo_mt { display: flex; }
 .menuD .ttm .logo_mt img { width: auto; height: 18px; }

  .titulka_2025 .m_categories .m_item { flex: 0 1 100% !important; }
  .titulka_2025 .m_categories.three .m_item h2 { padding: 15px; font-size: 16px; background-color: rgba(71, 71, 71, 0.9) }

  .produkt .veci .dokosika_container { flex-wrap: wrap; gap: 20px; }
  
 .formsmallblok { float: none; max-width: 100% !important; width: 100% !important; }
 .form label { max-width: 100% !important; }
 .form input[type=text], .form input[type=password], .form textarea, .form select { max-width: 100% !important; }
}


@media screen and (max-width: 500px) {
  .leftDiv .logo { display: none; }
  .leftDiv .logo_mt { display: inline-block; }
  .leftDiv .kosiksmall1 a img { width: auto; height: 26px; }

 .kodpoukazky.form input[type=text] { width: 80%; }

 .produkt .obrazky { float: none; width: 100%; }
 .produkt .veci { float: none; width: 100%; margin-top: 30px; }

 .produkt .veci a.dokosikabutton { width: 100%; text-align: center; font-size: 18px; }

 .form select { width: 95%; }
 .form input[type=text] { width: 95%; }
 .form input[type=password] { width: 95%; }
 .form textarea {width: 95%; }

 #titulkaVideo video { width: 100%; height: 250px; }
}