@media screen and (max-width: 5000px) {
 .main { width: 1840px; }
 .leftDiv { width: 260px; padding-top: 20px; }
 .rightDiv { width: 1520px; }

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

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

@media screen and (max-width: 1600px) {
#rightDiv { width: auto; }

 .main { width: 98%; margin-left: 1%; }
 .leftDiv { width: 260px; padding-top: 20px; }

 .form label { max-width: 350px; }
 .form input[type=text], .form input[type=password], .form textarea { 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; }
}

@media screen and (max-width: 1400px) {

}

@media screen and (max-width: 1260px) {

 .main { width: 980px; }
 .leftDiv { width: 240px; }

 .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; }
 /*
 .leftDiv { width: 200px; }
 .leftDiv .logo { width: 150px; height: auto; }
 .rightDiv { width: 500px; }
 */

 .leftDiv { width: 100%; padding-top: 20px; }
 .leftDiv #menuB { display: block; }
 .rightDiv { width: 100%; }
 .rightDiv.absolute { position: relative; }
 .leftDiv .leftBottom.absolute { display: none; }

 .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 ul.menu { margin: 30px 0 0 0; padding: 0 15px; }

 .leftDiv ul.menu li { margin: 0 0 8px 0; padding: 0; }
 .leftDiv ul.menu li ul li { margin-bottom: 1px; }
 .leftDiv ul.menu li ul li a { padding: 6px 0; }
 .leftDiv ul.menu li ul li ul li a { font-size: 17px !important; }

 .leftDiv .menuD .ttm { display: block; }
 .leftDiv .menuD .uzivatelLpanel_mt { display: block; }

 .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; }

 .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%; }
 .rightDiv.content { padding: 30px 0; }

 .titulka2 br { display: none !important; }

 .leftDiv { position: relative; min-height: 40px; }
 .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) {
 .leftDiv .kosiksmall1 .right { display: none; }
 .leftDiv .kosiksmall1 a .pocet_mt { display: block; }

 .leftDiv { font-family: 'Open Sans', sans-serif; }
}


@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%; }

 .produkty .col { margin-bottom: 30px; }

 .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 input[type=text] { width: 95%; }
 .form input[type=password] { width: 95%; }
 .form textarea {width: 95%; }

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