@media only screen
and (min-width: 200px)
and (max-width: 1000px) {
  /*=============Hamburger============*/
  body .toggle-nav {
      display: inline-flex !important;
      float: right;
      margin: 30px;
      font-size: 2em;
      transition: color linear 0.2s;
      justify-content: center;
      align-items: center;
  }

  a.toggle-nav:link,
  a.toggle-nav:visited,
  a.toggle-nav:hover,
  a.toggle-nav:active {
      text-decoration: none;
      color: #fff;
  }
  .menu-main-menu-container,
  body .site-header a.full-menu-item{
  display: none;
  }
  body .site-header h2{
        text-wrap: nowrap;
  }
}

@media only screen
and (min-width: 600px)
and (max-width: 1000px)  {
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    width: 29%;
  }

  body .inner .woocommerce ul.products li.product,
  body .inner .woocommerce-page ul.products li.product {
    margin: 0 2.5% 35px 2.5%;
    max-width: 95%;
    width: 100%;
  }

}

/*=============Products============*/
@media only screen
and (min-width: 600px)
and (max-width: 1440px)  {
  body .inner .woocommerce ul.products li.product,
  body .inner .woocommerce-page ul.products li.product {
    margin: 0 2.5% 35px 2.5%;
    max-width: 45%;
    width: 100%;
    padding: 5px 2px 10px 2px;
    box-shadow: 0px 0px 5px 5px #3c3c3c40;

  }

}

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

  body .inner .woocommerce ul.products li.product a img {
      height: 350px;
      width: 100%;

  }
  body .inner .woocommerce ul.products li.product, body .inner .woocommerce-page ul.products li.product{
    margin: 0 auto 45px auto;
    max-width: 90%;
    width: 500px;

  }
  body .woocommerce ul.products li.product .price{
    font-size: 1em;
  }
  body .woocommerce ul.products li.product .woocommerce-loop-category__title, body .woocommerce ul.products li.product .woocommerce-loop-product__title, body .woocommerce ul.products li.product h3{
    font-size: 1em;
  }
}
@media only screen
and (min-width: 200px)
and (max-width: 600px) {
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    width: 44%;
  }
  body .toggle-nav {
      display: inline-flex !important;
      float: right;
      margin: 10px;
      font-size: 2em;
      transition: color linear 0.2s;
      justify-content: center;
      align-items: center;
  }
  body {
    font-size: 1.5em;
  }
  h1{
    font-size: 2em
  }
  h2,h3{
    font-size: 1.5em;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 25px;
  }
  body .site-header h2{
    font-size: 1.25em;
    position: absolute;
    bottom: 15px;
    left: -30px;
    text-align: right;
    width: 100%;
  }


}