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

}

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

}

@media screen and (max-width: 1600px) {
 .main { width: 1200px; }
 
 .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; } 
}


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

 .head2 .searchDiv { width: 500px; }
 .head2 .search { width: 500px; }
 .head2 .search .searchInp input[type=text] { width: 450px; } 
 
 .menu ul { text-align: center; }
 .menu ul li { width: auto; margin: 0 5px; } 

 .filterTop .others0 { margin-right: 20px; }
 .filterTop .others { margin-left: 20px; }    
 .filterTop .item { margin-right: 20px; }
 .filterTop.sub input[type=submit] { margin-left: 20px; }  
 
 .filter .slider .sliderRange { width: 650px; }
 
 .footer .blok.info1, .footer .blok.info2 { width: 40%; margin-right: 4%; margin-bottom: 25px; }
 .footer .blok.kontakt { clear: both; float: left; width: 40%; margin-right: 10%;  }
 .footer .blok.fb { float: left; width: 40%; }
}

@media screen and (max-width: 1020px) {
 .main { width: 720px; }
 
 .head1 .showInfoMenu { display: block; }
 #InfoMenu { visibility: hidden; position: absolute; top: 39px; left: 0; padding: 0 10px; background: #257343; z-index: 2; }
 #InfoMenu li { display: block; }
 
 .head2 .show_searchDiv { display: inline-block; }
 .head2 .searchDiv { display: none; width: 100%; margin: 0 0 20px 0; }
 .head2 .searchDiv form { display: block; }
 .head2 .search, .head2 .search .searchInp { width: 100%; }
 .head2 .search .searchInp input[type=text] { width: 80%; } 

 .menu { display: none; }
 .filterTopB { display: block; }
 .filterTop { display: none; padding: 20px 0 20px 0; }
 .filterTop .koleso { height: auto; background: none; } 
 .filterTop .others { margin-left: 0; margin-top: 15px; }
 .filterTop input[type=submit] { clear: none; float: left; margin-top: 26px; margin-left: 30px; }  
 
 .formsmallblok.left { float: none; max-width: 100%; width: 100%; }
 .formsmallblok.right { clear: both; float: none; max-width: 100%; width: 100%; margin-top: 30px; padding-left: 0; }
 
 .filter .slider .sliderRange { width: 400px; }
 
 .produkty .col { width: 48.5%; margin-bottom: 40px; margin-left: 1.5%; margin-right: 1.5%; }
 .produkty .col:nth-child(2n+1) { clear: both; margin-left: 0; }
 .produkty .col:nth-child(2n) { margin-right: 0; }

 /*.produkt .veci .veci2 a.dokosikabutton { clear: both; float: left; margin: 25px 0 20px 0; }*/
 .produkt table.popisParametre2 { width: 100%; }

 .stranka_kontakt .bl2.l { width: 100%; padding: 0; }
 .stranka_kontakt .bl2.r { width: 100%; padding: 0; }
 .stranka_kontakt .bl2.r h2 { margin: 20px 0 20px 0; }
}


@media screen and (max-width: 780px) {
 html { -webkit-text-size-adjust: none; }
 
 h1 { margin: 0 0 25px 0; }
 h2 { margin: 0 0 25px 0; }
 h3 { margin: 0 0 15px 0; }
 
 .main { width: 100%; padding: 0 3%; }

 /*.obsah .showKategorieMenu { display: block; }*/
 
 .filter .slider .nadpis { display: none; }
 .filter .slider .sliderRange { width: 50%; }
 
 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; }
 
 .produkt table.popisParametre2 tr td:first-child { width: auto; }
 
 .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 */
 
 .footer .blok.info1, .footer .blok.info2 { width: 40%; margin-right: 4%; margin-bottom: 25px; }
 .footer .blok.kontakt { clear: both; float: left; width: 100%; margin-right: 0; margin-bottom: 25px;  }
 .footer .blok.fb { clear: both; width: 100%; }
}


@media screen and (max-width: 670px) {
 .head2 .basket span { display: none; }
 .head2 .basket .basketHref { padding: 15px 25px 15px 25px; background-position: center 9px; }
 .head2 .basket .basketHref:after { content: '\00a0'; }

 .filterTop { display: none; padding: 20px 0 20px 0; }
 .filterTop .koleso { clear: both; margin-left: 0; margin-top: 15px; }
 
 .produkt .obrazky { width: 100%; }
 .produkt .veci { width: 100%; margin-top: 25px; }

 .stranka_kontakt .bl1 { width: 100%; padding: 20px; }
 .stranka_kontakt .bl1.r { border-left: 1px solid #e6e6e6; }
}


@media screen and (max-width: 500px) {
 .head2 .logo { display: block; }
 .head2 .logo_mt { display: none; }
}


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


@media screen and (max-width: 480px) { 
 .filterTop .koleso .item:last-child { margin-top: 15px; }
 .filterTop input[type=submit], .filterTop.sub input[type=submit] { margin-left: 0; }
  
 .form input[type=text] { width: 95%; }
 .form input[type=password] { width: 95%; }
 .form textarea { width: 95%; }

 .kodpoukazky.form input[type=text] { width: 80%; }
 
 .produkty .col { width: 100%; margin-bottom: 30px; margin-left: 0; margin-right: 0; }

 .footer .blok.info1, .footer .blok.info2 { clear: both; width: 100%; margin-right: 0%; margin-bottom: 25px; }
 
}


@media screen and (max-width: 400px) { 
 .registraciaBlok1 { width: 100%; }
}