/* Below 1100 */
@media screen and (max-width: 1100px) {
  header#header nav {
        display:none;
  }
  #mobile-menu-toggle, header#header nav#menu.active {
    display:inline-block;
  }

  header#header nav#menu.active {
    background:#fff;
    top:0px;left:0px;
    width:100%;
    text-align:center;
    transition:all 1s ease-in-out;
   }

  header#header #branding {
    display:flex;
    justify-content: center;
    align-items: center;
  }
  
  header#header nav#menu span.page-label {
    display:block;
    width:100%;
    margin-bottom:10px
  }
  header#header nav#menu.active ul{
    flex-direction:column;
    display:block;
  }
  header#header nav#menu.active ul li {
    margin-top:10px
  }
}

@media screen and (max-width: 840px) {
    /* .product-grid {
      justify-content: flex-start;
    }

    .product-item {
      width:400px;
      min-width:400px;
    } */
}

@media screen and (max-width: 720px) {
    .product-overlay .col-name {
      font-size:10px;
    }

    .product-overlay .heart-fav {
        width:16px;
        height:16px;
    }

    .product-title, .product-price {
        font-size:12px;
    }

    footer#footer {
      flex-wrap:wrap;
      justify-content: center;
      flex-direction:column;
    }

    footer#footer div, footer#footer nav {
      margin-top:5px;
      margin-bottom:5px;
    }
}

@media screen and (max-width: 640px) {
    img.sitelogo {
        max-width: 200px;
        height: auto;
    }

    .product-grid {
      flex-wrap:wrap;
    }

    .product-grid .product-item, .product-grid .promo-item {
      width:100%;
      max-width: 100%;
      min-width:100%;
      margin-bottom:40px;
    }

    .prod-2 .product-item {
        margin-top:0px;
    }
}