@media only screen and (max-width: 980px) {
  .topMenuArea {
    display: none;
  }
  .miniHead {
    padding-top: 100px;
  }
  .miniHead .logoArea .logo, .miniHead .logoArea .slogan {
    margin-left: auto;
    margin-right: 0;
    display: table;
    text-align: right;
  }
  .miniHead .marketArea {
    padding-left: 40px;
  }
  .miniHead .basketArea {
    display: block;
  }
  .miniHead .jitem.contactArea {
    display: block;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .miniHead .jitem.contactArea .row {
    margin: 0 auto;
  }
  .miniHead .jitem.contactArea .row .col:last-child {
    border: 0;
  }
  .miniHead .jitem.basketArea {
    width: 240px;
    margin: 0 auto;
    padding: 20px;
    border-top: 1px dotted #AAA;
  }
  .miniHead .jitem.basketArea .basketPanel .count {
    left: 48px;
    top: 20px;
  }
  .headArea .leftArea, .headArea .rightArea {
    display: block;
    padding: 0px;
  }
  .headArea .rightArea {
    margin-top: 40px !important;
    padding-top: 30px;
    border: 0px;
    border-top: 2px solid #68A10B;
  }
  .bottom .menuArea {
    display: none;
  }
  .multi-filter {
    display: none;
  }
  .columnBox .rightArea {
    padding-left: 0px;
  }
  .box.itemPage .rightArea {
    padding-left: 0px;
  }
}

@media only screen and (max-width: 600px) {
  .miniHead {
    padding-top: 100px;
  }
  .miniHead .logoArea .logo, .miniHead .logoArea .slogan {
    margin-left: auto;
    margin-right: auto;
    display: table;
    text-align: right;
  }
  .miniHead .marketArea {
    padding-left: 0px;
    text-align: center;
    padding-top: 20px;
  }
  .miniHead .marketArea .icon {
    display: inline-block;
    margin: 0 20px;
  }
  .miniHead .basketArea {
    display: block;
  }
  .miniHead .jitem.contactArea {
    display: block;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .miniHead .jitem.contactArea .row {
    margin: 0 auto;
  }
  .miniHead .jitem.contactArea .row .col {
    border: 0;
    display: block;
  }
  .miniHead .jitem.contactArea .contact {
    margin: 0 auto;
    margin-bottom: 15px;
  }
  .miniHead .jitem.basketArea {
    width: 240px;
    margin: 0 auto;
    padding: 20px;
    border-top: 1px dotted #AAA;
  }
  .miniHead .jitem.basketArea .basketPanel .count {
    left: 48px;
    top: 20px;
  }
  .topCatMenu {
    display: none;
  }
  .headArea .rightArea {
    padding-left: 0px;
  }
  .headArea.inner.itemHead .desc {
    font-size: 2em;
  }
  .bottom .slogan {
    display: none;
  }
  .opt .telefon {
    font-size: 1.9em;
  }
  .opt {
    padding: 30px;
  }
  .basketTable {
    font-size: 0.7em;
  }
  .basketTable .imageTd {
    display: none;
  }
  .basketTable .countTd {
    width: 50px;
  }
  .itemPage .stoks-list .stoks-table {
    width: 100%;
    font-size: 0.85em;
  }
  .itemPage .stoks-table .stok .date {
    display: none;
  }
  .basketTable input.count {
    width: 40px;
  }
  .basketTable .totalPrice {
    font-size: 1.1em;
  }
  .maincats .boxitem {
    padding: 0px;
    border: 0;
  }
  .maincats .boxitem .image {
    float: left;
    width: 80px;
    min-height: 80px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 20px;
  }
  .maincats .boxitem .text {
    margin-left: 80px;
    padding: 20px;
  }
  .maincats .boxitem .name {
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 15px;
    display: table;
  }
}