@media screen
and (min-width: 1500px)
{
  .newsFrame { background-image: url('/images/waves-left.png'), url('/images/waves-right.png'); background-position: left center, right center; background-repeat: no-repeat; }
  .sideSpecials { width: 220px; position: fixed; top: 200px; right: 0; z-index: 201; color: #fff; }
   .sideSpecials A { display: -webkit-flex; -webkit-justify-content: center; -webkit-align-items: center; }  
   .sideSpecials A { width: 100%; height: 230px; float: left; display: flex; justify-content: center; align-items: center; padding: 10px; background-image: url('/images/dots.png'); transition: background .3s; }
   .sideSpecials A:first-child { margin-bottom: 10px; }
  .sideSpecials .font-size-30 { font-size: 22px; }
  .sideSpecials .font-size-22 { font-size: 16px; }
}

@media screen
and (min-width: 1201px)
{
 .catsMenu LI.main:not(:first-child) A.main { *padding-left: 20px; }
 .catsMenu LI.main:not(:first-child) A.main:before { display: none; content: ''; width: 5px; height: 5px; position: absolute; top: calc(50% - 5px); left: 0; background: #fff; border-radius: 50%; }
 .catsMenu LI.hasSub.main A.main:after { content: ''; position: absolute; bottom: 10px; left: calc(50% - 5px); border-top: 7px #fff solid; border-right: 5px transparent solid; border-left: 5px transparent solid; opacity: 0; transition: opacity .3s; }
 .catsMenu LI.hasSub.main:hover A.main:after { opacity: 1; }

  .list .itemFrame:not(:nth-child(3n)):not(:last-child):after { right: -15%; }
  .list .itemFrame:nth-child(3n):after { display: none; }
  .list .itemFrame:nth-child(4n):after { content: ''; width: 2px; height: 100%; position: absolute; top: 0; right: -8%; background: #ebebeb; }
  .itemFrame:not(:nth-child(4n)):not(:last-child):after { content: ''; width: 2px; height: 100%; position: absolute; top: 0; right: -8%; background: #ebebeb; }
}                   

@media screen
and (min-width: 841px)
{
  .showCats { display: none; }
  .itemFrame:hover IMG { transform: scale(1.05); }
  .sideLines { position: relative; }
  .sideLines:before, .sideLines:after { content: ''; width: 10000px; height: 2px; position: absolute; top: calc(50% - 1px); background: #ededed; }
  .sideLines:before { right: 125%; }
  .sideLines:after { left: 125%; }
  ARTICLE:hover IMG { transform: scale(1.02); }
  .hamburger { display: none; }
  #menuFrame LI A:hover { text-decoration: underline; }
  .catsMenu LI.main { border-top: 5px transparent solid; transition: border .3s; }  
  .catsMenu LI.main:hover { border-color: #fff; }
  .catsMenu .back { display: none; }
   /*.submenu LI:before { content: ''; width: 5px; height: 5px; position: absolute; top: calc(50% - 3px); left: 0; background: #b7b7b7; border-radius: 50%; transition: all .3s; }
   .submenu LI:hover:before { background: #23b6ba; transform: scale(3); }*/
}

@media screen
and (min-width: 481px)
{
  FOOTER .cats LI {position: relative;  padding-left: 14px; }
  FOOTER .cats LI:before { content: ''; width: 5px; height: 5px; position: absolute; top: 7px; left: 0; background: #49c5c9; border-radius: 50%; }
  .moreNews { display: none; }
  .parallax { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: url('/images/parallax.jpg') center center no-repeat; background-size: cover; }
}  

@media screen
and (min-width: 481px)
and (max-width: 1200px)
{
  .itemFrame .bookmarks { bottom: -25px; }
  .circleAction, .circleSave, .circleGift { width: 55px; height: 55px; background-size: 100% auto; }
  .circleSave { padding-top: 18px; font-size: 14px; }
}

@media screen
and (min-width: 841px)
and (max-width: 1200px)
{
  .catsMenu { width: 100%; font-size: 12px; }
  .contSearch { width: 135px; }
  .contSearch INPUT { width: 100px; }
}

@media screen
and (max-width: 1500px)
{
  .sideSpecials { display: none; }
}

@media screen
and (max-width: 1200px)
{
  .mainFrame { width: 100%; float: left; padding-right: 20px; padding-left: 20px; }
  #fullLogoFrame .contSearch { margin-right: 20px; }
  #fullLogoFrame .specialOffer { margin-right: 20px; }
  
  .submenu .img { display: none; }
  .catsMenu { display: -webkit-flex; -webkit-justify-content: space-between; }  
  .catsMenu { display: flex; justify-content: space-between; text-align: center; }
   .catsMenu LI.main { margin-right: 0; }
  .homeCat {  }
  .homeSpecial .green, .homeSpecial .yellow { padding: 0 10px; }
  /* produkty */
  .itemsFrame .itemFrame { width: 23.5%; margin-right: 2%; }
  .itemFrame H2 { font-size: 18px; }
  .itemFrame .buy { padding: 15px 0; }
  .font-size-22 { font-size: 20px; }
  .font-size-30 { font-size: 25px; }
  .homeSpecial .text A { padding: 15px 50px; font-size: 18px; }
  /* clanky */
  ARTICLE H3 { font-size: 17px; }
   ARTICLE .text { padding: 20px 20px 40px 20px }
   ARTICLE .date, ARTICLE H3 { margin-bottom: 15px; }
  .homeText { padding-top: 105px; padding-bottom: 85px; font-size: 22px; }
  #leftMenu, #leftCont { width: 230px; }
  #leftMenu .cat { font-size: 12px; }
  .orderFrame .order { padding: 10px 15px; font-size: 12px; }
  .list .itemsFrame .itemFrame { width: 31.66%; margin-right: 2.51%; }
  .list .itemsFrame .itemFrame:nth-child(4n) { margin-right: 2.51%; }
}

@media screen
and (max-width: 1000px)
{
  #fullLogoFrame .mainFrame {flex-wrap: wrap; height: auto; margin-top: 10px;}
  #fullLogoFrame .contSearch {order: 4; width: 100%; margin: 10px 0 10px 0;}
  #fullLogoFrame .specialOffer {margin-left: auto;}
  #fullLogoFrame .contSearch INPUT[type="text"] {width: 100%;}
  .contSearch #searchTipsContainer {width: 100%;}
}

@media screen
and (max-width: 840px)
{
  .logoSmall { display: none; }
  .header { position: relative; }
  #fullTopFrame { position: initial; float: left; }
  #fullLogoFrame { margin-top: 0; }
  .header-01 { margin-top: 50px; font-size: 30px; }
  #fullTopFrame .mainFrame { display: block; }
  #fullTopFrame .center { display: -webkit-flex; -webkit-align-items: center; }  
  #fullTopFrame .center { height: 100%; display: flex; align-items: center; }
  #fullLogoFrame .right { width: auto; }
  .homeCat { margin-top: 20px; font-size: 15px; }
  #fullLogoFrame .mainFrame { -webkit-flex-wrap: wrap; -webkit-justify-content: center; }  

  #fullLogoFrame .right { width: 100%; margin-top: 20px; }
  
  /* MENU */
  .hamburger { width: 40px; height: 26px; position: relative; float: left; margin-top: 22px; display: block; cursor: pointer; }
   .hamburger .ikona, .hamburger .ikona:before, .hamburger .ikona:after { width: 100%; height: 4px; position: absolute; left: 0; background: #fff; border-radius: 1px; }
   .hamburger .ikona { top: calc(50% - 13px); }
   .hamburger .ikona:before { content: ''; top: -11px; }
   .hamburger .ikona:after { content: ''; bottom: -11px; }
  #menuFrame { width: 100%; display: none; position: absolute; top: 100%; left: 0; z-index: 101; color: #fff; }
   #menuFrame LI { width: 100%; margin-right: 0; padding: 15px 2.5%; background: #23b6ba; font-size: 14px; color: #fff; border-top: 1px rgba(255,255,255,0.3) solid; }
   #menuFrame A { width: 100%; float: left; }
  .catsMenu { width: 100%; height: auto; position: absolute; top: 100%; left: 0; z-index: 102; display: none; background: #1fa1a5; text-align: left; overflow: hidden; }
  .catsMenu.active { display: block; }
   .catsMenu LI { width: 100%; float: left; padding: 15px 0; font-size: 14px; color: #fff; font-weight: 400; border-top: 1px rgba(255,255,255,0.3) solid; background-image: url() !important; }
    .catsMenu LI.main A.main { padding-bottom: 0; }
    .catsMenu .hasSub { position: relative; }
    .catsMenu .hasSub A.main { width: calc(100% - 50px); }
    .catsMenu .hasSub:after { content: ''; position: absolute; top: 16px; right: 2.5%; border-top: 7px transparent solid; border-bottom: 7px transparent solid; border-left: 13px #fff solid; transition: transform .5s; }
    .catsMenu .hasSub.active:after { transform: rotate(90deg); }
    .catsMenu A { padding: 0 2.5%; }
    .catsMenu .back { position: relative; padding-left: calc(2.5% + 20px); background: #525252; }
    .catsMenu .back:before { content: ''; position: absolute; top: calc(50% - 6px); left: 2.5%; border-top: 6px transparent solid; border-bottom: 6px transparent solid; border-right: 10px #fff solid; }
    .submenu { width: 100%; display: none; position: relative; top: auto; left: auto; float: left; padding: 0; background: transparent; border: 0; }
     .submenu .mainFrame { display: block; padding: 0; }
     .submenu .img { display: none; }
     .submenu .items { width: 100%; float: left; }
     .submenu LI { margin-left: 0; padding: 0; border-top: 0; }
      .submenu A { float: left; width: 100%; margin-top: 15px; padding: 0 5%; line-height: 1.2;  text-transform: none; }
  /* produkty */
  .itemsFrame .itemFrame { width: 30%; margin-top: 40px; margin-right: 5%; }
  .itemsFrame .itemFrame:nth-child(4n) { margin-right: 5%; }
  .itemsFrame .itemFrame:nth-child(3n) { margin-right: 0; }
  .homeSpecial { flex-wrap: wrap; }
   .homeSpecial .img { width: 100%; margin-bottom: 15px; flex: auto; }
    .homeSpecial IMG { width: 100%; }
   .homeSpecial .specialGreen { margin-left: 0; }
   .homeSpecial .specialGreen, .homeSpecial .specialYellow { padding: 20px; }
  /* seznam produktu */
  .list { display: block; }
  #leftMenu, #leftCont { width: 100%; }
  .list .shopLeft { margin-right: 0; padding-top: 0; }
  .filter-category { display: none; }
  .filter.full { margin-bottom: 10px; }
  #leftMenu .heading3 { padding: 10px 0; }
  /* clanky */
  .newsFrame { padding-top: 80px; padding-bottom: 75px; }
  .newsList { -webkit-justify-content: space-between; }  
  .newsList { justify-content: space-between; }
  ARTICLE { width: 48.5%; margin-top: 40px; margin-right: 0; }
  .textFrame .textImage2 { width: 100%; margin: 25px 0; }
  .homeText { padding-top: 90px; padding-bottom: 70px; font-size: 20px; }
   .homeText H2 { font-size: 30px; margin-bottom: 30px; }
   .homeText A { width: inherit; max-width: 180px; margin-top: 30px; padding: 10px 40px; }
  /* paticka */
  FOOTER { padding-top: 80px; padding-bottom: 125px; }
  FOOTER .contact { width: 48.5%; margin: 0; }
  FOOTER .cats { width: 48.5%; float: right; }
  FOOTER .links { display: -webkit-flex; -webkit-justify-content: space-between; -webkit-align-items: center; }  
  FOOTER .links { width: 100%; margin-top: 60px; display: flex; justify-content: space-between; align-items: center; }
   .socials { width: auto; float: left; }
   .netsimple { margin-top: 0; }
  .contSearch { position: inherit; }
  .contSearch #searchTipsContainer { width: 100%; }
  .lineHalf { width: 100%; }
  .lineHalf.paddR { padding: 0; }
  .header-01, .textFrame H1 { font-size: 30px; }
  
  
  
  
  
  FOOTER .inner {flex-wrap: wrap;}
  FOOTER .inner .contact {width: 50%;}
  FOOTER .inner .cats {width: 50%;}
  FOOTER .inner .links {width: 50%;}
  
  FOOTER .platby img {max-height: 40px;}
}

@media screen
and (max-width: 700px)
{
  .homeCat { width: 48.75%; margin-top: 2.5%; margin-right: 0; font-size: 16px; }
  .homeCat:nth-child(even) { float: right; }
  .itemsFrame { -webkit-justify-content: space-between; }  
  .itemsFrame { justify-content: space-between; }
  .itemsFrame .itemFrame, .list .itemsFrame .itemFrame { width: 46%; margin-top: 40px; margin-right: 0; }
  .itemsFrame .itemFrame:nth-child(4n), .list .itemsFrame .itemFrame:nth-child(4n) { margin-right: 0; }
  .homeText { padding-top: 80px; padding-bottom: 60px; font-size: 15px; }
  .homeText A { max-width: 170px; font-size: 17px; }
}

@media screen
and (max-width: 650px)
{
  #fullLogoFrame .logo {width: 100%; background-position: center;}
  #fullLogoFrame .specialOffer {margin-left: 0;}
}

@media screen
and (max-width: 600px)
{
  .specialOffer { width: 165px; }
  #fullLogoFrame .kosikPopupContainer { padding-top: 13px; }
  #fullLogoFrame .heading { font-size: 18px; }
  #fullLogoFrame .total-cena { font-size: 18px; }
  .orderFrame .inner { -webkit-justify-content: space-between; }  
  .orderFrame .inner { justify-content: space-between; }
  .orderFrame .order { text-align: center; font-size: 12px; }
  /* kosik */
  .kosikItem { flex-wrap: wrap; }
  .kosikItem .colPhoto { width: 100px; }
  .kosikItem .colName { width: calc(100% - 125px); flex: none; }
  
  .textFrame .poradnaLeftFrame { width: 100%; }
  .textFrame .poradnaRightFrame { width: 100%; margin-top: 10px; }
  .textFrame .poradnaRightFrame .komentFrame .text { width: 100%; margin-left: 0; }
  .textFrame .poradnaRightFrame .komentFrame.user .text { margin-left: 0; }
  .textFrame .poradnaRightFrame .komentFrame.user .text .arrow, .textFrame .poradnaRightFrame .komentFrame.admin .text .arrow{ display: none; }
  .textFrame .poradnaRightFrame .komentFrame.admin { padding-right: 0; background-image: none; }
  .textFrame .poradnaRightFrame .komentFrame.admin .text { margin-right: 0; }
  .itemFrame .inner { padding-bottom: 80px; }
  
  
}   

@media screen
and (max-width: 480px)
{
  .textFrame H1 { font-size: 25px; }

  .homeText { display: none; }
  .homeSpecial .img { display: none; }
  #fullLogoFrame .specialOffer { width: 200px; margin-right: 0; }
  .homeCat { display: -webkit-flex; -webkit-align-items: center; }  
  .homeCat { width: 100%; height: 150px; display: flex; align-items: center; padding: 0 0 0 0; background-position: 10% center; text-align: left; }
  .specialOffer .small { display: none; }
  .homeSpecial { display: block; }
  .homeSpecial .specialGreen, .homeSpecial .specialYellow { width: 100%; height: 210px; }
  .homeSpecial .specialGreen { margin-bottom: 10px; }
  .homeSpecial .specialYellow { margin-left: 0; }
  .font-size-22, .font-size-30 { font-size: 25px; }
  /* produkty */
  .itemsFrame { display: block; }
  .itemsFrame .itemFrame, .itemFrame .inner, .list .itemsFrame .itemFrame { width: 100%; }
  .itemFrame .inner { padding-bottom: 0; }
  .itemFrame .buy { position: relative; bottom: auto; left: auto; float: left; margin-top: 20px; } 
  /* clanky */
  .newsFrame { padding-top: 70px; padding-bottom: 40px; }
  .newsList { display: block; }
  ARTICLE { width: 100%; }
  .newsFrame ARTICLE:nth-child(3n) { display: none; }
  .moreNews { width: 100%; float: left; margin-top: 40px; padding: 15px 0; text-align: center; font-size: 14px; border: 2px #464646 solid; }
  .orderFrame .inner { display: block; } 
  .orderFrame .order { width: 100%; float: left; margin-bottom: 5px; }
  .orderFrame .order:last-child { margin-bottom: 0; }
  
  .netsimple { margin-top: 40px; }
  
  /* nakupni kosik */
  .colTotalPrice .row { display: block; font-size: 14px; }
  .colTotalPrice .label { float: left; }
  .colTotalPrice .value { width: auto; float: right; }
  
  .textFrame .poradnaRightFrame H2 { font-size: 20px; }
  .textFrame .poradnaRightFrame .komentFrame { width: 95%; }
  .textFrame .poradnaRightFrame .komentFrame.user { background-image: none; padding-left: 0px; }
  .textFrame .poradnaRightFrame.wide .komentFrame .text { width: 100%; }
  .buttonArrow { width: 100%; }
  #fullNavigFrame { display: none; }
  #mainContentFrame { padding-top: 40px; }
  .textFrame .button-1 { width: 100%; margin-bottom: 5px; }
  
  FOOTER {padding: 20px 0;}
  FOOTER H3 {margin: 40px 0 20px;}
  FOOTER .inner {flex-direction: column;}
  FOOTER .inner .contact {width: 100%;}
  FOOTER .inner .cats {width: 100%;}
  FOOTER .inner .links {width: 100%;}
}

@media screen
and (max-width: 400px)
{
  #fullTopFrame .mainFrame { display: -webkit-flex; -webkit-flex-direction: column; -webkit-align-items: center; }
  #fullTopFrame .mainFrame { height: auto; display: flex; flex-direction: column; align-items: center; padding-top: 15px; padding-bottom: 15px; }
  #fullTopFrame .center { height: auto; } 
  #fullTopFrame .contUser { height: auto; margin-top: 10px; } 
  #fullLogoFrame .specialOffer { display: none; }
  #fullLogoFrame .right { -webkit-justify-content: center; }  
  #fullLogoFrame .right { justify-content: center; }
}

@media screen
and (max-width: 330px)
{
  #fullLogoFrame .logo {background-size: 100% auto;}
}