@media screen and (max-width: 5000px) {
 /*.main { width: 1550px; }
 .obsah .menuLeft { width: 220px; }
 .obsah .obsahRight { width: 1300px; }*/
 .main { width: 1200px; }
 .obsah .obsahLeft { width: 220px; }
 /*.obsah .menuLeft { width: 220px; }*/
 .obsah .obsahRight { width: 950px; }
 .obsah .obsahRight.titulkove { width: 100%; }
}

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

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

 .obsah .obsahLeft { width: 220px; }
 .obsah .obsahRight { width: 950px; }

 .bannersTitle .b1 { width: 48.5%; height: 250px; }
 .bannersTitle .b2 { width: 48.5%; height: 250px; }
 .bannersTitle .b3 { width: 100%; height: 250px; }

 .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; }
 .obsah .obsahLeft { width: 200px; }
 .obsah .obsahRight { width: 750px; }

 .obsahLeft .infobloks.potelefone .row1 { padding-left: 0; text-align: center; height: auto; }
 .obsahLeft .infobloks.potelefone .row1:before { display: none; }

 .bannersTitle .b1 { width: 48.5%; height: 200px; }
 .bannersTitle .b1 a .t1 { bottom: 20px; padding: 12px 15px; font-size: 20px; }
 .bannersTitle .b1:hover a .t1 { padding: 12px 20px; }
 .bannersTitle .b2 { width: 48.5%; height: 200px; }
 .bannersTitle .b2 a .t1 { bottom: 20px; padding: 12px 15px; font-size: 20px; }
 .bannersTitle .b2:hover a .t1 { padding: 12px 20px; }
 .bannersTitle .b3 { width: 100%; height: 200px; }
 .bannersTitle .b3 .t1 { top: 25px; left: 25px; font-size: 34px; }
 .bannersTitle .b3 .t2 { top: 120px; left: 20px; padding: 16px; font-size: 16px; }

 .head1 .logo { width: auto; height: 60px; }
 .head1 .searchDiv .motto { display: none; }
 .head1 .searchDiv { width: 450px; margin-top: 40px; }
 .head1 .search .searchInp { width: 450px; }
 .head1 .search .searchInp input[type=text] { width: 400px; }
 .head1 .icons { margin: 48px 0 0 0; }

 /*.titulkaBanner .item { height: 360px; }
 .titulkaBanner .item img { height: 360px; }
 .titulkaBanner ul { top: 270px; } */

 .filter .slider .sliderRange { width: 470px; }

 .formsmallblok.left { float: none; max-width: 100%; }
 .formsmallblok.right { float: none; max-width: 100%; padding-left: 0; }

 .footer .blok.info1 { width: 300px; margin-right: 0; }
 .footer .blok.info2 { width: 250px; margin-right: 0; }
 .footer .blok.kontakt { float: right; width: 400px; }
 .footer .blok.fbInstagram { clear: both; float: left; width: 100%; text-align: left; }
 .footer .blok.fbInstagram .fb { float: left; width: 300px; margin-top: 30px; }
 .footer .blok.fbInstagram .instagram { float: left; margin-top: 30px; margin-left: 20px; }

 .menu ul li a { padding: 0 8px; font-size: 14px; }

 .headerImages .owl-carousel .owl-item .t2 { top: 220px; left: 100px; padding: 18px; font-size: 20px; }
}

@media screen and (max-width: 1020px) {
 .main { width: 720px; }
 .obsah .obsahLeft { width: 180px; }
 .obsah .obsahRight { width: 520px; }

 .head0 .showInfoMenu { display: block; }
 #InfoMenu { visibility: hidden; position: absolute; top: 39px; left: 0; padding: 0 10px; background: #f2f2f2; z-index: 2; }
 #InfoMenu li { display: block; }

 .head1 .logo { margin: 30px 0 30px 0; }
 .head1 .searchDiv { width: 100%; margin: 0 0 30px 0; }
 .head1 .search .searchInp { width: 100%; }
 .head1 .search .searchInp input[type=text] { float: none; width: 100%; width: -webkit-calc(100% - 50px); width: -moz-calc(100% - 50px); width: calc(100% - 50px); }
 .head1 .icons a.item.hladatIcons { display: inline-block; }
 .head1 .searchDiv { display: none; margin: 5px 0 15px 0; }

 .filter .slider .nadpis { display: none; }
 .filter .slider .sliderRange { width: 350px; }
 .produkty .col { width: 48.5%; margin-bottom: 20px; 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; }

 #menuB { display: block; }
 .menu .menuTop { display: block; }
 .menu .menu2 { float: none; position: fixed; top: 0; left: -450px; bottom: 0; width: 450px; height: 100%; background: #f6f6f6; z-index: 500; overflow-y: auto; }
 .menu .menu2 ul { margin: 0; }
 .menu .menu2 ul li { position: relative; display: block; width: 100%; }
 .menu .menu2 ul li span.plus { display: block; }
 .menu .menu2 ul li a { display: block; height: auto; line-height: 140%; padding: 20px; color: #000000; background: #eeeeee; border-bottom: 1px solid #d6d6d6; }
 .menu .menu2 ul li .submenu { display: none; visibility: visible; position: relative; top: auto; left: auto; width: 100%; padding: 10px 0 10px 0; background: #f0f0f0; }
 .menu .menu2 ul li .submenu a { display: block; width: 80%; margin: 2px 0 2px 25px; padding: 12px 16px; color: #494949; background: #ffffff; }

 .blog.vypis .col { width: 48%; margin-bottom: 30px; }
 .blog.vypis .col:nth-child(3n+2) { margin-left: 0; margin-right: 0; }
 .blog.vypis .col:nth-child(3n+1) { clear: none; }
 .blog.vypis .col:nth-child(2n+1) { clear: both; }
 .blog.vypis .col:nth-child(2n+2) { float: right; }

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

 .footer .blok.kontakt { clear: both; float: left; margin-top: 30px; color: #ffffff; }
 .footer .blok.kontakt h3 { color: #ffffff; }
 .footer .blok.kontakt input[type=text] { color: #000000; background: #ffffff; }
 .footer .copyright { color: #ffffff; border-top: 1px solid #ffffff; }

 .leftSocial { display: none; }

 .devizy div span.one { font-size: 22px; margin: 15px 0 0 30px; }
 .devizy div span.two { font-size: 16px; margin: 21px 0 0 20px; }

  .headerImages .owl-carousel .owl-item .t2 { top: 120px; left: 80px; padding: 16px; font-size: 16px; }
}


@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 .obsahLeft { width: 100%; margin-bottom: 20px; border-right: 0; }
 .obsah .obsahLeft { width: 100%; }
 .obsah .obsahRight { width: 100%; }

 .obsah .showKategorieMenu { display: block; }
 #menuLeft { display: none; }
 .blog_image_leftMenu { display: none; }
 .obsahLeft .infobloks { display: none; }
 .obsahLeft .blog_nadpis_leftMenu { margin-bottom: 20px; }

 ul.zoradenie li a { margin-bottom: 10px; }
 .filter .slider .sliderRange { width: 50%; }

 .produkt .obrazky { width: 100%; margin-bottom: 25px; }
 .produkt .veci { float: left; width: 100%; }

 ul.menuLeftmobile { display: block; }

 .vyrobcovia .left { width: 49%; }
 .vyrobcovia .right { float: right; width: 45%; }

 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 !important; }

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

 .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.fbInstagram { }
 .footer .blok.fbInstagram .fb { clear: both; }
 .footer .blok.fbInstagram .instagram { clear: both; margin-left: 0; }

 .devizy div img { display: inline-block; float: none; }
 .devizy div span.one { display: block; clear: both; float: none; font-size: 22px; margin: 15px 0 0 0; }
 .devizy div span.two { display: block; clear: both; float: none; font-size: 16px; margin: 15px 0 0 0; }

 .obsahLeft .bns { display: none; }
 .bnsBottom { display: block; }

 .headerImages .owl-carousel .owl-item .t2 { top: auto; bottom: 20px; left: 20px; padding: 14px; font-size: 15px; }

 .akciaMore .main { padding-left: 2%; padding-right: 2%; }
 .akciaMore .main p strong.text { margin-top: 7px; padding-right: 20px; }
 .akciaMore .main p a { display: block; margin-top: 7px; }
}

@media screen and (max-width: 670px) {
 .stranka_kontakt .bl1 { width: 100%; padding: 20px; }
 .stranka_kontakt .bl1.r { border-left: 1px solid #e6e6e6; }
}

@media screen and (max-width: 600px) {
 .head1 .logo { height: 50px; margin: 10px 0 15px 0; }
 .head1 .icons { margin: 20px 0 0 0; }
 .head1 .icons .item.oblubeneIcons { width: 30px; margin-right: 15px; background-size: 100% auto; }
 .head1 .icons .item.oblubeneIcons .count { display: none; }
 .head1 .icons .item.kosikIcons { width: 30px; margin-right: 15px;  background-size: 100% auto; }
 /*.head1 .icons .item.kosikIcons span.count, .head1 .icons .item.kosikIcons span.suma { display: none; }*/
 .head1 .icons .item.kosikIcons span.suma { display: none; }
 .head1 .icons .item.kosikIcons span.count { left: 18px; }
 .head1 .icons a.item.hladatIcons { width: 30px; margin-left: 0; margin-right: 10px; background-size: 100% auto; }

 #menuB { padding: 12px; font-size: 14px; }
 #menuB:before { font-size: 16px; }

 ul.zoradenie li { width: 49%; margin: 0; text-align: center; }
 ul.zoradenie li:nth-child(2n) { margin-left: 2%; }

 .produkt .parametrePopis .item { clear: both; float: none; width: 100%; margin-bottom: 15px; padding: 20px; }
 .produkt .parametrePopis .item:nth-child(2n+2) { float: none; }

 .titulka .blog.vypis .col_mt_5, .titulka .blog.vypis .col_mt_6 { display: none; /*v mt sa to vyp�na*/ }

 .produkt table { width: 100% !important; }

}

@media screen and (max-width: 500px) {
 .bannersTitle .b1 { width: 48.5%; height: 140px; }
 .bannersTitle .b1 a .t1 { bottom: 10px; padding: 12px 15px; font-size: 15px; }
 .bannersTitle .b1:hover a .t1 { padding: 12px 20px; }
 .bannersTitle .b2 { width: 48.5%; height: 140px; }
 .bannersTitle .b2 a .t1 { bottom: 10px; padding: 12px 15px; font-size: 15px; }
 .bannersTitle .b2:hover a .t1 { padding: 12px 20px; }
 .bannersTitle .b3 { width: 100%; height: 140px; }
 .bannersTitle .b3 .t1 { top: 15px; left: 15px; font-size: 30px; }
 .bannersTitle .b3 .t2 { top: auto; bottom: 20px; left: 20px; padding: 10px; padding: 16px; font-size: 16px; }

 .produkt .veci .veci2 .dokosika { margin-bottom: 10px; }
}

@media screen and (max-width: 480px) {
 .menu .menu2 { width: 300px; left: -450px; }

 .filter .slider .slider_cena_od { width: 100%; text-align: center; padding-bottom: 10px; }
 .filter .slider .sliderRange { clear: block; width: 100%; margin: 0 0 10px 0; margin-top: 4px; }
 .filter .slider .slider_cena_do { width: 100%; text-align: center; }

 .produkt .veci .veci2 a.dokosikabutton { clear: both; display: block; margin: 30px 0 30px 0; text-align: center; }

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

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

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

 .footer .blok.info2 h3, .footer .blok.info2 ul li a { color: #ffffff; }
 .footer .blok h3:before { border-top: 1px solid #ffffff; }

}