/* #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) {
  
}

@media screen and (min-width: 768px) {
  #fullBottomFrame .mainFrame { padding-top: 20px; }
    .seller { margin-right: 28px; padding-top: 15px; }
    .bottom-info { padding-left: 30px;}
      .bottom-info .images { padding-top: 15px; }
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 767px) {
  
  .bottom-info .odkazy {text-align: center;}
  .bottom-info .images {text-align: center;}
  
  .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;}
  
  .logo {width: 100%; float: left; display: flex; justify-content: space-around; margin: 0px 0px 15px 0px;}
  .logo H1 {font-size: 26px; text-align: center;}
  
  #topFrame .contactsFrame {width: 100%; float: left; display: flex; justify-content: space-around;}
  #topFrame .topKosikFrame {width: 100%; float: left; display: flex; justify-content: space-around;}
  #topFrame { margin-bottom: 0; padding-top: 20px; }
  #logoFrame {width: 100%; height: auto; float: left; text-align: center; background-position: center center; display: block; margin: 20px 0px 0px 0px; background-repeat: no-repeat;}
  #logoFrame h1 {text-align: center;}
  .authorize {margin: 10px 0;}
  #topKontaktFrame {display: none;}
  #topFrame .container { position: relative; margin-bottom: 20px; flex-direction: column;}
  #searchFrame {display: none;}
  /*#searchFrame { width: 75%; position: absolute; bottom: 0; left: 12.5%; margin: 0; }*/
  #topFrame .search { margin-top: 10px; }
  #topFrame .kosik { float: right; margin-top: 13px; }
  
  .hamburger { width: 100%; float: left; display: block; font-weight: bold; color: #494949; background-color: #faeb84; border: 1px #faeb84 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: 0; background: none;}
  #mainLeftFrame .menu { margin-top: 10px; }
  #fullMenuFrame UL {display: none; height: auto;}
  #fullMenuFrame UL LI {width: 100%; height: auto; background-color: #faeb84; border-bottom: 1px #fff7c4 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 A {text-align: center;}
  #mainRightFrame {width: 100%; padding: 0px;}
  #fullBottomFrame {padding: 10px 0px;}
  #fullBottomFrame .column {width: 100%; text-align: center;}
  #fullBottomFrame .mainFrame { -webkit-flex-direction: column; -webkit-align-items: center; }
  #fullBottomFrame .mainFrame { flex-direction: column; align-items: center; }
    .seller { margin-bottom: 25px; }
    .bottom-info { -webkit-flex-direction: column; -webkit-align-items: center; }    
    .bottom-info { flex-direction: column; align-items: center; }
      .bottom-info p { text-align: center; }
      .bottom-info .links { display: -webkit-flex; -webkit-justify-content: center; }      
      .bottom-info .links { display: flex; justify-content: center; }
  
  #filterCont { margin-top: 15px !important; }
  #mainLeftFrame .head { padding-top: 15px; }
  #filterCont .column3 {width: 100%; margin: 0px 0px 10px 0px;}
  
  #contentFrame {background-image: none; padding: 0px 0px 20px 0px;}
  
  .itemsFrame .itemFrame, #itemDetail .asyncItems .itemsFrame .itemFrame {width: 100%; min-height: 100px; display: block; margin-right: 0; 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: 100%; height: auto; float: left;}
  .itemsFrame .itemFrame P {width: 100%; float: left; margin: 0px 0px 10px 0px;}
  .itemsFrame .itemFrame .text { width: 65%; float: right; }
  .itemsFrame .itemFrame .priceFrame {width: 65%; float: right;}
  .itemsFrame { padding-right: 0; }
  
  .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;}
  #itemDetail .logoFull { margin-bottom: 15px; }
  
  #rightFloatedFrame {display: none;}
  #lastViewedCont {display: none;}
  #mainFullWidth {padding: 10px;}
  
  #mainFullWidth .col3.center {margin: 0px;}
  #itemDetail .container { flex-direction: column; align-items: center; }
  .detailLeftFrame { width: auto; margin: 0 0 25px 0; }
  .detailLeftFrame IMG { max-height: 350px; }
  .boxShadow, .boxShadow.detail { padding-right: 2.5%; padding-left: 2.5%; }   
  
  .jm4ben1 { width: 100% !important; flex-direction: column; align-items: center; }
  .jm4ben2 { width: 100% !important; }
  .jm4ben4 { width: calc(100% - 150px) !important; box-sizing: border-box; }
  .jm4ben7 { width: 100% !important; }
  .jm4hr { width: 100% !important; }
  
  .compare-items .itemFrame,
  .item-comparing,
  to-items-compare
   { display: none; }
   
   .hamburger {background-color: #484848; border-color: #515151; color: #ccc; background-image: url('/images/icon-hamburger-gray2-s.png'); margin-bottom: 10px;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
  .mainFrame {width: 100%;}
  #mainLeftFrame .logo { width: 100%; margin-bottom: 15px; margin-top: 15px; }
  #topFrame {padding-bottom: 10px;}
  #topFrame .kosik { float: left;  }
  #topFrame .container { }
  
  #filterCont .param-info { display: none; }
  
  #searchFrame { display: none; width: 95%; left: 2.5%; }
  #topFrame .contactsFrame {width: 100%; float: left; display: flex; justify-content: space-around;}
  #topFrame .topKosikFrame {width: 100%; float: left; display: flex; justify-content: space-around;}
  .hamburger {background-color: #484848; border-color: #515151; color: #ccc; background-image: url('/images/icon-hamburger-gray2-s.png');}
  #mainLeftFrame A {background-color: #484848; border-color: #515151; color: #ccc; text-align: left;}
  #fullMenuFrame UL LI {background-color: #484848; border-color: #515151;}
  #fullMenuFrame UL LI:HOVER {background-color: #515151;}
  #mainLeftFrame A {justify-content: space-around;}
  #mainLeftFrame .menu {margin-bottom: 20px;}  
  .itemsFrame .itemFrame .photoCont  {width: 100%;}
  .itemsFrame .itemFrame .photo {width: auto;}
  .itemsFrame .itemFrame .text {width: 100%; padding: 15px 0px;}
  .itemsFrame .itemFrame .priceFrame {width: 100%;}
  .itemsFrame .itemFrame .priceFrame .priceVat {text-align: center;}
  .itemsFrame .itemFrame .colPerex {width: 100%; padding: 0px 0px 10px 0px;}
  .itemsFrame .itemFrame .colPerex.right {padding: 0px;}
  .kosik-and-detail {margin-top: 5px; display: flex; justify-content: space-around;}
  #itemDetail .topDescFrameLeft {width: 100%;}
  #itemDetail .topDescFrameRight {width: 100%;}
  #itemDetail .topDescFrameRight .price {text-align: center;}
  #itemDetail .topDescFrameRight .kosikLine {width: 100%; float: left; display: flex; justify-content: space-around;}
  .productInfo {margin-top: 20px;}
  .productInfo .head {position: relative; float: left; margin: 0px 0px 15px 0px;}
  .productInfo .head .item {width: 100%; float: left; display: block; box-sizing: border-box; margin-top: 1px;}
  .productInfo .head .item.active {margin-top: 1px; padding-top: 14px;}
  .asyncItemsContainer.item-detail .itemsFrame .itemFrame .photoCont {width: 100%;}
  .asyncItemsContainer.item-detail .itemsFrame .itemFrame .priceFrame {width: 100%;}
  .asyncItemsContainer.item-detail .itemsFrame .itemFrame .text {width: 100%;}
  
  .jm4ben4 { width: 100% !important; }
  
  
}

@media screen
and (max-width: 350px)
{
  #topFrame .container { /*padding-bottom: 325px;*/ height: auto; padding-bottom: 0px; }
  #topFrame .kosik { width: 100%; margin-left: 0; }
  #topFrame .email,
  #topFrame .phone { width: calc(100% - 40px); float: right; margin-top: 10px; box-sizing: border-box; }
}

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

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