header .main-header {
  background-color: #7b0002;
  background-image: url('../img/koleden-pattern.png?v=5');
}
header .sub-header {
    background: #005733;
    background-image: url('../img/koleden-pattern2.png?v=4');
    padding: 0;
}
body {
  background-image: url('../img/koleden-branding.jpg?v=3');
  background-position: center 100px ;
  background-attachment: fixed;
}
header ul.main-menu > li a {
    color: #fff;
    padding: 0 8px;
    font-size: 14px;
    line-height: 50px;
}

header ul.main-menu > li a:hover {
  background: rgba(1, 68, 40, 0.7);
}
.breadcrumb {
  background: transparent;
  color: #fff;
}
.breadcrumb-item+.breadcrumb-item::before {
  color: #bbbfc1;
}
.breadcrumb-item a {
    color: #fff;
}
.breadcrumb-item.active {
    color: #bbbfc1;
}
#offers h1 {
  color: #fff;
}
.not-found {
  color: #fff;
}
footer { 
  background: #005733;
  background-image: url('../img/koleden-pattern2.png?v=4');
}
footer .td-social-icon-wrap > a {
  background-color: #014428;
}
.koleden-header {
  margin-top: 5px;
  display: block;
  width: 100%;
}
.koleden-header img {
  width: 100%;
}
.categories-list {
  display: none;
}
.offer-box .body {
  height: 280px;
}
#back-to-top {
  border: 1px solid #7b0002;
  color: #7b0002;
}
@media (min-width: 0) and (max-width:767px) {
  body {
    background-image: url('../img/mobile-koleden-background.jpg');
    background-position: top left;
    background-attachment: scroll;
  }
  header {
    display: none;
  }
  .categories-list {
    display: block;
  }
  .navbar-toggler {
    display: none;
  }
  .breadcrumbs {
      position: relative;
      top: auto;
      padding-top: 10px;
      overflow: hidden;
  }
  body.offers .main-content {
      padding-top: 5px;
  }
  .offers-container {
        grid-template-columns: repeat(auto-fill, minmax(125px, 1fr));
  }

  .categories-list .container a i {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 36px;
    color: #fff;
    background: #005733;
  }
  .categories-list .container a {
      font-size: 11px;
      color: #fff;
  }
  .categories-list .container a:hover i {
    background: #005733;
  }
  .offer-box .categories {
    display: none;
  }
  .offer-box .body {
    height: 220px;
  }
  .offer-box .title {
    font-size: 14px;
    line-height: 18px;
  }
}