/* #Media Queries   from foundation.zurb.com
================================================== */

@media only screen {

} /* Define mobile styles */

@media only screen and (max-width: 40em) {

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

@media only screen and (min-width: 40.063em) {

} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {

} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen and (min-width: 64.063em) {

} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {

} /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */

@media only screen and (min-width: 90.063em) {

} /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {

} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

@media only screen and (min-width: 120.063em) {

} /* min-width 1921px, xlarge screens */


/* #Media Queries   from getskeleton.com
================================================== */
/* Smaller than desktop 1200 (devices and browsers) */

@media (min-width: 960px) and (max-width: 1199px) {

}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

}


/* #Media Queries   from getbootstrap.com
================================================== */

/* Retina ready */
@media all and (-webkit-min-device-pixel-ratio: 1.5) {

}

/*  xs */
@media (max-width: 767px) {

}


/* sm ===> Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
    .nav-sidenav {
        top: 0;
        width: 80vw;
        left: -100%;
        position: fixed!important;
    }

    .menu {
        visibility: visible !important;
    }

    .products-section > .row > div:nth-of-type(1) {
          height: auto;
    }

    .products-section > .row > div:nth-of-type(2) {
      flex: 0 0 100%;
      max-width: 100%;
    }

    .product-content > header > #header-prod-filter {
      flex-direction: column-reverse !important;
    }

    .product-content > header > #header-prod-filter > form {
      width: 100% !important;
      align-self: end;
      margin-bottom: 10px;
    }

    .sticky-category-filter {
      margin: 0;
    }

    .mega-menu .dropdown-menu{
      width: 100% !important;
      position: static;
    }

    .sticky-prod-filter-header {
      top: 50px;
    }

    .cart-dropdown-menu {
      transform: translate3d(-35px, 10px, 0px) !important;
    }
}

@media(max-width: 990px) {
  #dropdownMegaMenuButton {
    position: absolute;
    top: 15px;
    left: 120px;
  }

  .navbar-nav.cart {
    flex-direction: row;
    position: absolute;
    right: 50px;
    top: 6px;
  }

  .user-img {
    width: 35px !important;
    height: 35px !important;
    position: relative;
    right: 0px;
    top: -4px;
  }

  .menu-user {
    top: 50px;
    left: -116px;
    position: absolute !important;
  }

  .navbar-transparent {
      max-width: 100%;
  }

  .sticky-checkout-routes {
      top: 50px;
  }

  .img-wrap img {
    -o-object-fit: contain;
    object-fit: contain;
  }


}

/* md ==> Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
  .cart-dropdown-menu {
    transform: translate3d(-15px, 10px, 0px) !important;
  }
}

/* Extra small devices (phones, less than 768px) */
@media (max-width: 768px) {
  .sticky-category-filter {
    margin: 0;
  }

  .mega-menu .dropdown-menu{
    width: 100% !important;
    position: static;
  }

  .main-content {
      margin: 10px !important;
  }

  .route-name {
    width: 100%;
  }

  .route-name .btn-link {
    padding: 0;
  }

  .sticky-prod-filter-header {
    top: 50px;
  }

  .cart-dropdown-menu {
    transform: translate3d(-125px, 10px, 0px) !important;
  }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

@media (min-width: 1200px) and (max-width: 1288px) {
  .cart-dropdown-menu {
    transform: translate3d(-2px, 10px, 0px) !important;
  }
}