/* #Media Queries */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
  
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 767px) {
  .mainFrame {width: 100%;}
  .mobHidden {display: none;}
  .mobVisible {display: block;}
  .textFrame IMG {max-width: 100%; height: auto;}
  .mobBlock {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
  .mainInner {width: 100%; float: left; padding: 0px 5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
  
  .eshopLeftMenuFrame .catsFrame {display: none;}
  
  #topFrame { height: 150px; }
  #logoFrame {width: 100%; height: 66px; float: left; background-position: center center; display: block; margin: 20px 0px 0px 0px; background-repeat: no-repeat;}
  #logoFrame {text-align: center;}
  #topKontaktFrame {display: none;}
  #searchFrame { width: 80%; margin: 15px 0 15px 10%; background-size: 100% auto; }
  #searchFrame #searchTipsContainer { display: none !important; }
  #searchFrame INPUT[type="text"] { width: 85%; box-sizing: border-box; }
  #searchFrame INPUT[type="submit"] { width: 15%; }
  
  .hamburger { width: 100%; float: left; display: block; font-weight: bold; color: #FFF; background-color: #79808e; border: 1px #616773 solid; padding: 10px 15px; background-image: url('/images/icon-hamburger-gray-s.png'); background-position: right 10px center; background-repeat: no-repeat; background-size: 20px;}
  #fullMenuFrame {width: 100%; height: auto; margin: 0px 0px 10px 0px; background-image: none;}
  #fullMenuFrame UL {display: none; height: auto;}
  #fullMenuFrame UL LI {width: 100%; height: auto; background-color: #79808e; border-bottom: 1px #616773 solid; border-top: 0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  background-image: none;}
  #fullMenuFrame UL LI A {width: 100%; height: auto; padding: 8px 15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
  #fullMenuFrame UL LI .submenu {position: relative; display: none; width: 100%; top: 0px; left: 0px; border: 0px;}
  #fullMenuFrame UL LI .submenu LI {width: 100%; height: auto; background-color: #e6e6e6; border: 1px #e6e6e6 solid; border-top: 0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; color: #4a575f;}
  #fullMenuFrame UL LI .submenu LI A {width: 100%; height: auto; padding: 8px 15px;}
  #mainLeftFrame .astra {display: none; background-image: none;}
  
  .textFrame .headingMain {margin: 30px 0px 0px 0px;}
  .orderFrame .inner {width: 100%;}
  .orderFrame .orderDesc {float: left;}
  
  #mainLeftFrame {width: 100%; padding: 0px;}
  #mainLeftFrame .menu LI { background: #79808e; color: #fff; }
  #mainLeftFrame .menu LI:HOVER { background: #616773; }
  #mainLeftFrame .menu LI A { padding: 10px 0; text-align: center;}
  #mainRightFrame {width: 100%; padding: 0px;}
  #fullBottomFrame {padding: 10px 0px;}
  #fullBottomFrame .column {width: 100%; text-align: center;}
  
  #filterCont .column3 {width: 100%; margin: 0px 0px 10px 0px;}
  
  #contentFrame {background-image: none; padding: 0px 0px 20px 0px;}
  
  .itemsFrame .itemFrame {width: 100%; min-height: 100px; padding: 5px 10px 10px 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
  .itemsFrame .itemFrame H2 {height: auto;}
  .itemsFrame .itemFrame .photoCont {width: 30%; height: auto; float: left;}
  .itemsFrame .itemFrame .photo {width: 100%;}
  .itemsFrame .itemFrame .perex {width: 65%; height: auto; float: right;}
  .itemsFrame .itemFrame P {width: 65%; float: right; margin: 0px 0px 10px 0px;}
  .itemsFrame .itemFrame .priceFrame {width: 65%; float: right;}
  
  .detailLeftFrame {width: 100%; padding: 0px;}
  .detailRightFrame {width: 100%;}
  .detailRightFrame IMG {width: 100%;}
  
  .textFrame .heading2small {width: 100%; float: left; font-size: 16px; margin: 20px 0px 10px 0px;}
  .detailLeftFrame .paramFrame H3 {padding: 5px 5px;}
  .detailLeftFrame .paramFrame .inner {padding: 5px 5px;}
  .detailLeftFrame .paramFrame .paramName {float: none; margin: 0px 0px 0px 30px; width: auto;}
  .detailLeftFrame .paramFrame .paramValue {border-bottom: 1px #757374 solid; margin-bottom: 10px;}
  .detailLeftFrame .paramFrame .paramValue:last-child {border-bottom: 0px;}
  
  #rightFloatedFrame {display: none;}
  #lastViewedCont {display: none;}
  #mainFullWidth {padding: 10px;}
  
  #mainFullWidth .col3.center {margin: 0px;}
  
  #paticka .inner {flex-direction: column; align-items: center; text-align: center;}
  #paticka .inner .col {margin: 5px 0; align-items: center;}
  
  .itemsFrame .itemFrame .bublinyCont {position: relative; top: 0; left: 0; float: left; width: 100%;}
  .itemsFrame .itemFrame .bublina {float: left; clear: unset; margin-right: 5px;}
  
  #mainBanner .slide {*height: 280px;}
}


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

  #mainBanner .slide {*height: 230px;}
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
  .mainFrame {width: 100%;}
  
  #heurekaTabright {display: none !important;}
  
  #mainBanner .slide {*height: 200px;}
  
  .eshopLeftMenuFrame .catsFrame .linkCont .arrow::after {width: 14px;}
  .eshopLeftMenuFrame .catsFrame .linkCont .arrow::before {width: 14px;}
  .eshopLeftMenuFrame .catsFrame .linkCont .arrow {width: 24px;}
  .eshopLeftMenuFrame .catsFrame .link {padding: 8px 0;}
  
  .eshopLeftMenuFrame .catsFrame .u2Cont .linkCont .arrow {padding-left: 24px;}
  .eshopLeftMenuFrame .catsFrame .u3Cont .linkCont .arrow {padding-left: 48px;}
  .eshopLeftMenuFrame .catsFrame .u4Cont .linkCont .blank {padding-left: 72px;}
  .eshopLeftMenuFrame .catsFrame .u5Cont .linkCont .blank {padding-left: 96px;}
  
  .slick-dots {bottom: 0px !important; right: 5px !important;}
}

/* #Retina Graphics
================================================== */

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  
}