@media screen and (max-width: 5000px) {
 .main { width: 1580px; }
 .mleft { width: 1250px; } /*+300px*/
}
@media screen and (max-width: 1600px) {
 .main { width: 1200px; }
 .mleft { width: 880px; } /*+300px*/
}

@media screen and (max-width: 1260px) {
 .main { width: 980px; }
 .headmenu ul { display: block; }
 .mleft { width: 660px; } /*+300px*/
 .menu ul li a { display: block; margin: 0; padding: 16px 14px; color: #ffffff; font-size: 16px; }
}

@media screen and (max-width: 1000px) {
 .main { width: 720px; }
 /*.mleft { padding: 0 7px; }*/
 .mleft { width: 98%; margin-left: 1%; margin-left: 1%; }
 .mright { display: none; } 
 
 .headmenu { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-bottom: 1px solid #d0d0d0; }
 .headmenu .headmenuSHOW { display: block; }
 .headmenu ul { display: none; position: absolute; top: 35px; left: 0; width: 100%; z-index: 15; }
 .headmenu ul li { display: block; width: 100%; background: none; background: #f4f4f4; border-bottom: 1px solid #d0d0d0; }
 .headmenu ul li a { width: 100%; padding: 12px 0 12px 0; font-size: 16px; }
 
 .menu ul { margin-top: 26px; }
 .menu ul li { display: block; margin: 0; padding: 0; background: none; border-bottom: 1px solid #c4363d; }
 .menu ul li a { display: block; margin: 0; padding: 10px 10px; color: #ffffff; font-size: 16px; }
 
 .menu .search { width: auto; position: absolute; top: -40px; right: 0; padding: 4px 5px 4px 4px; background: #636363; }
 
 ul.zoradenie li a { padding: 8px 14px 6px 14px; }
 footer .menubottom ul { width: 30%; margin-right: 2%; }
}

/* Už SKôR MOBILY - môj 320px */
@media screen and (max-width: 780px) {
 html { -webkit-text-size-adjust: none; }
 
 .headmenu .headmenuSHOW span { display: none; }
 
 .head .logo { margin: 7px 0 10px 1px; width: 245px; height: 44px;  }
 .head .kosiksmall1 { float: right; width: 47px; height: 41px; margin: 10px 7px 10px 0; padding: 0; line-height: 12px; border: none; }
 .head .kosiksmall1 span.pocty_mobile { display: block; }  
 .head .kosiksmall1 p, .head .kosiksmall1 span, .head .kosiksmall1 .fa { display: none; }
 .head .kosiksmall1 .kosiksmallvypis table { display: none }

 .main { width: 100%; }
 .mleft, .registracia { width: 98%; margin-left: 1%; margin-left: 1%; }
 .mright { display: none; } 
 
 .menu ul { margin-top: 40px; }
 .menu .search { width: 98%; position: absolute; top: -40px; right: 0; padding: 4px 1% 4px 1%; background: #636363; }
 
 ul.zoradenie li { margin: 0 2px 0 0; font-size: 12px; }
 ul.zoradenie li a { padding: 6px 8px 4px 8px; }
 ul.zoradenie li.najdrahsie { display: none;}
 
 .produkty .col .popis h2 { height: auto; }
 .produkt .obrazky { clear: both; width: 100%; margin: 0 0 0 0; padding: 0; }
 .produkt .veci { clear: both; width: 100%; margin: 12px 0 0 0; padding: 0; }
 .produkt .popis { clear: both; width: 100%; padding: 0; }

 footer .menubottom ul { float: none; width: 96%; margin: 0 0 0 2%; }
 
 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 tbody td .zlavavv, .kosik table.kosikveci tbody td .pocetkusovv, .kosik table.kosikveci tbody td .cenaks, .kosik table.kosikveci tbody td .cenaspoluks { display: block; }
 .kosik table.kosikveci tfoot td .cenaallbez, .kosik table.kosikveci tfoot td .cenaalls,.kosik table.kosikveci tfoot td .cenaallzlava { display: block; }
 */
 .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; }
}


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