/* #Media Queries */

@media (max-width: 1400px)
{  
}


@media (max-width: 1200px){
  
  .mainFrame {width: 100%; padding: 0;}
  
  #hpMainCategory {padding: 0 10px;}
}


@media (max-width: 1024px) {
  
  #hpMainCategory .inner .item {width: 31%; margin: 0 3.5% 25px 0;}
  #hpMainCategory .inner .item:nth-child(4n) {margin-right: 3.5%;}
  #hpMainCategory .inner .item:nth-child(3n) {margin-right: 0;}
  
  #banners .inner .left {width: 24%;}
  #banners .inner .right {width: 76%;}
  
  HEADER .inner .left P {line-height: 1; font-size: 27px;}
  
  NAV UL LI A {padding: 10px 20px;}
  
  #kategorieMini .item {width: 32%; margin: 0 2% 25px 0;}
  #kategorieMini .item:nth-child(4n) {margin-right: 2%;}
  #kategorieMini .item:nth-child(3n) {margin-right: 0;}
  
  #skupinyProduktu .item {width: 32%; margin: 0 2% 25px 0;}
  #skupinyProduktu .item:nth-child(4n) {margin-right: 2%;}
  #skupinyProduktu .item:nth-child(3n) {margin-right: 0;}
}


@media (max-width: 780px) {
  
  HEADER .inner {flex-wrap: wrap;}
  HEADER .inner .left {width: 100%; justify-content: center;}
  HEADER .inner .left P {text-align: center; line-height: 1;}
  HEADER .inner .center {width: 100%; margin: 10px 0; justify-content: center;}
  HEADER .inner .center .search {margin-top: 0;}
  HEADER .inner .right {width: 100%; justify-content: center;}
  HEADER .inner .right .filter {margin-top: 0;}
  
  #menuFrame {position: relative;}
  #menuFrame .inner {height: auto; position: relative;}
  #menuFrame .inner .logo {width: 70%; flex: 0 0 70%; padding: 15px 15px 15px 0; text-align: right;}
  
  #hamburger {display: block;}
  
  NAV {overflow: unset !important; display: none; width: 100%; height: auto; position: absolute; top: 100%; left: 0; z-index: 10000; background-color: #ade1f5;}
  NAV UL {}
  NAV UL LI {position: relative; width: 100%; text-align: left; border-top: 1px solid #eeeeee; flex-wrap: wrap;}
  NAV UL LI:nth-child(1) A {padding: 6px 18px;}
  NAV UL LI A {width: 100%; padding: 6px 18px; text-transform: none; color: #ffffff; border-right: 0;}
  NAV UL LI:HOVER {background-color: transparent; color: #fff;}
  NAV UL LI A:HOVER {color: #ffffff;}
  NAV UL LI A.on {color: #fff;}
  NAV UL LI A.sub-li-a {}
  NAV UL LI A.sub-li-a:BEFORE {font-family: "Font Awesome 5 Free"; content: "\f0d7"; position: absolute; right: 15px; top: 0; width: 20px; height: 100%; font-weight: bold; align-items: center; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;}
  NAV UL LI A.sub-li-a:HOVER:BEFORE {font-family: "Font Awesome 5 Free"; content: "\f0d7"; position: absolute; right: 15px; top: 0; left: auto; width: 20px; height: 100%; font-weight: bold; align-items: center; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;}
  NAV UL LI UL {position: relative; width: 100%; padding: 0; background-color: #1eb1e7;}
  NAV UL LI UL LI:before {content: '';}
  NAV UL LI UL LI A {padding-left: 36px; font-size: 18px;}
  NAV UL LI UL LI:nth-child(1) A {padding-left: 36px;}
  
  .submenu {width: 100%; height: auto; padding: 0; border: 0;}
  
  .submenuProdukty {background-position: right 21px center;}
  
  .submenuProduktyContent {padding: 15px;}
  .submenuProduktyContent .inside {flex-wrap: wrap;}
  .submenuProduktyContent .inside .column {width: 100%;}
  .submenuProduktyContent .inside .column.left {padding: 0;}
  .submenuProduktyContent .inside .column.right {padding: 0;}
  
  #hpMainCategory .inner {justify-content: center;}
  #hpMainCategory .inner .item {}
  
  #banners {display: none;}
  
  #fullNavigation {display: none;}
  
  #fullMainContent {padding: 20px 10px;}
  
  #kategorieMini .item {width: 100%;}
  
  #skupinyProduktu {justify-content: center;}
  #skupinyProduktu .item {width: 49%; margin: 0 2% 25px 0;}
  #skupinyProduktu .item:nth-child(2n) {margin-right: 0;}
  #skupinyProduktu .item:nth-child(3n) {margin-right: 2%;}
  
  #hpTextPodBanerem {padding: 0 10px;}
  
  #hpIcons .inner {flex-wrap: wrap;}
  #hpIcons .inner .item {width: 100%; text-align: center;}
    
  FOOTER .inner {flex-direction: unset;}
  FOOTER .inner .col {width: 100%; text-align: center; margin: 10px 0;}
  
  #produkty .row.header {display: none;}
  #produkty .row {flex-wrap: wrap; padding: 8px 0;}
  #produkty .row .photo {width: 30%;}
  #produkty .row .name {width: 70%; padding-right: 0;}
  #produkty .row .prutok {width: 100%;}
  #produkty .row .pocet {width: 100%;}
  #produkty .row .cena {width: 100%;}
  #produkty .row .cena .cenaBezDph {display: inline;}
  #produkty .row .cena .cenaBezDph:before {content: ' ( Cena bez DPH: ';}
  #produkty .row .cena .cenaBezDph:after {content: ' )';}
  #produkty .row .termin {width: 100%;}
  
  .productParamMobile {display: inline-block; font-weight: 700; margin-right: 10px;}
  
  #filtr .row {flex-wrap: wrap;}
  #filtr .row .name {width: 100%;}
  #filtr .row .select {width: 100%;}
  
  #filtr .row .inputs {flex-wrap: wrap;}
  #filtr .row .inputs .txt {width: 20%;}
  #filtr .row .inputs .minInput {width: 70%; margin: 2px 0;}
  #filtr .row .inputs .maxInput {width: 70%;}
  
  #filtrovane-produkty .row {margin: 0;}
  #filtrovane-produkty .row .photo {width: 20%; margin: 0;}
  #filtrovane-produkty .row .name {width: 65%; margin: 0;}
  #filtrovane-produkty .row .link {width: 15%; margin: 0;}
  
  #product .inner .photos {width: 100%; padding: 0;}
  #product .inner .photos .other {width: 100%;}
  #product .inner .text {width: 100%;}
  
  .formLine {width: 100%;}
  
  #mojeObjednavky {font-size: 14px;}
  
  #kosikTable {font-size: 14px;}
  
  .ns-dialog {width: 96%; margin: 0; top: 6%; bottom: 2%; left: 2%; right: 2%; z-index: 99999999999 !important;}
  .ns-dialog .closer {right: 0;}
  
  #news .item {padding: 10px 0; align-items: flex-start;}
  #news .item .photo {margin-top: 10px;}
  #news .item .title {width: 80%; padding: 0 0 0 10px; font-size: 22px;}
  #news .item .perex {width: 100%;}
}


@media (max-width: 400px) {
  
  #hpMainCategory .inner {padding: 0;}
  #hpMainCategory .inner .item {width: 100%; margin: 10px 0;}
  #hpMainCategory .inner .item:nth-child(4n) {margin-right: 0;}
  
  #skupinyProduktu .item {padding: 0;}
  #skupinyProduktu .item {width: 100%; margin: 10px 0;}
  #skupinyProduktu .item:nth-child(3n) {margin-right: 0;}
  #skupinyProduktu .item:nth-child(4n) {margin-right: 0;}
    
  #kosikTable .row {flex-wrap: wrap; padding: 6px 3px;}
  #kosikTable .row.header {display: none;}
  #kosikTable .row .cell1 {display: none;}
  #kosikTable .row .cell2 {width: 100%; font-size: 15px; font-weight: 700;}
  #kosikTable .row .cell3 {width: 30%; text-align: left;}
  #kosikTable .row .cell4 {width: 25%;}
  #kosikTable .row .cell5 {width: 35%; padding-right: 10px;}
  #kosikTable .row .cell6 {width: 10%;}
  #kosikTable .row .cell1234 {width: 65%; padding: 8px 0;}
  
  #kosikTable .row .cell12 {width: 40%; padding: 3px;}
  #kosikTable .row .cell345 {width: 60%; padding: 3px;}
  
  .table-kontakt tr td:first-child {width: 100%;}
  .table-kontakt tr td {width: 100%; display: block;}
}


@media (max-width: 320px) {

}
