/* ====== Extra kleine schermen (tot 330px) ====== */
@media screen and (max-width: 330px) {
   html, body {
      min-width: 330px;
   }
}

/* ====== Mobiele apparaten (tot 768px) ====== */
@media (max-width: 768px) {

   .navbar {
      padding-top: .1rem;
      padding-bottom: .1rem;
  }
  .navbar-toggler:focus {
   box-shadow: 0 0 0 .0rem;
}

   /* Breadcrumbs */
   .breadcrumb-item.dropdown .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: none;
      box-shadow: none;
   }
   .breadcrumb-item.dropdown .dropdown-menu li {
      display: inline-block;
   }
   .breadcrumb-item.dropdown .dropdown-menu li a {
      display: block;
   }
   .breadcrumb-item-end {
      max-width: 90%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
   }

   /* Productlijst */
   .card-product-list-item {
      min-height: 80px;
   }
   .card-product-list-aside {
      min-height: 50px;
   }
   .img-product-card {
      width: 200px;
   }

   /* Titels en tekst */
   .page-title-col2 {
      text-align: left;
      padding-top: 0px;
   }

   /* Header */
   .user_logged_in {
      position: relative;
      top: -3px;
      left: 2px;
      font-size: 10px;
      background-color: #539753;
      border-radius: 50px;
      height: 16px;
      line-height: 16px;
      color: #fff;
      min-width: 16px;
      text-align: center;
      padding: 0px 0px 1px 2px;
      display: inline-block;
      vertical-align: top;
      margin-left: -15px;
   }
   .basket_count, .wishlist_count, .user_not_logged_in {
      position: relative;
      top: -3px;
      left: 0;
      font-size: 11px;
      background-color: #FF324D;
      border-radius: 50px;
      height: 16px;
      line-height: 16px;
      color: #fff;
      min-width: 16px;
      text-align: center;
      padding: 0 5px;
      display: inline-block;
      vertical-align: top;
      margin-left: -12px;
   }
   .icon-size-2 {
      width: 1.3rem;
      height: 1.3rem;
   }
   .navbar-nav.attr-nav li .nav-link {
      padding: 20px 10px;
      position: relative;
      white-space: nowrap;
      width: 28px;
   }
   .header_wrap .vat-mode {
      padding: 0.054rem 0.7rem;
      font-size: 0.6rem;
   }

   /* Productdetails */
   .product-badge-lg {
      padding: 0.3em 0.5em;
      font-size: 1.0em;
   }
}

/* ====== Kleine tablets (tot 992px) ====== */
@media (max-width: 992px) {
   .card-product-list-item {
      min-height: 80px;
   }
   .breadcrumb-item-nowrap {
      max-width: 20%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
   }
   .side-menu-item {
      max-width: 85%;
   }
}

/* ====== Tablets (tot 1200px) ====== */
@media (max-width: 1200px) {
   /* Tablet specifieke stijlen */
}

/* ====== Medium schermen (vanaf 768px) ====== */
@media (min-width: 768px) {
   .page-title-col2 {
      text-align: right !important;
      padding-top: 20px;
   }
   .card-product-list-item {
      min-height: 95px;
   }
   .card-product-list-aside {
      min-height: 70px;
   }
   .card-product-list-stock {
      display: flex;
      min-height: 75px;
   }
   .card-product-list-stock p {
      margin-top: auto;
   }

   /* Titels en tekst */
   h1, .h1 {
      font-size: 1.5rem;
   }
}

/* ====== Grote schermen (vanaf 992px) ====== */
@media (min-width: 992px) {
   .informatique-logo {
      max-width: 105% !important;
      margin-top: 3px;
   }
}

/* ====== Extra grote schermen (vanaf 1200px) ====== */
@media (min-width: 1200px) {
   h1, .h1 {
      font-size: 1.7rem;
   }
}