/* IMPORT THE FRAMEWORK */ /* /////////////// VARIABLES /////////////// */
/* -------------------------- */
/* ///////// COLOURS //////// */
/* -------------------------- */
/* /////////////// MIXIN FUNCTIONS /////////////// */
/*  LINEAR GRADIENTS  */
/*  BREAKPOINTS  */
/*  VISUAL STYLES  */
.featured-cats .item, .featured-products .item, .home-features .tag, .home-features > div, .hero .search-form .form-group, .featured-cats .item a.more-info, .featured-products .item a.more-info, .hero .search-form .search-button {
  border-radius: 5px;
}

/*  LAYOUT FRAMEWORK  */
.shop-secure, .brands, .industries .industries-wrapper, .bundles {
  width: 1400px;
  margin: 0 auto;
  text-align: left;
}
@media screen and (max-width: 1559px) {
  .shop-secure, .brands, .industries .industries-wrapper, .bundles {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
}

.industries .industry .img-wrapper, .industries .industry, .industries, .featured-cats, .featured-products, .sale_tabs .item, .sale_tabs .slider.sale, .home-features .tag, .home-features > div, .hero .search-form .form-group, .hero {
  position: relative;
}

.industries .industry .hexagon2, .industries .industry .img-wrapper h2, .industries::before, .industries::after, .sale_tabs ul, .home-features .tag:after, .hero .search-form .form-group:after, .hero:before, .hero:after {
  position: absolute;
}

.sale_tabs .item h2, .sale_tabs .item a span, .sale_tabs .item a, .home-features .button, .hero:before, .hero:after {
  display: block;
}

.industries::before, .industries::after, .featured-cats .item, .featured-products .item, .home-features .tag, .hero .h-search-results .search-results-counter, .hero .search-form .form-input, .hero .search-form .form-group, .featured-cats .item a.more-info, .featured-products .item a.more-info, .hero .search-form .search-button {
  display: inline-block;
  zoom: 1;
}

.featured-cats .item, .featured-cats, .featured-products .item, .right-feature, .sale_tabs .item, .sale_tabs, .home-features .button {
  box-sizing: border-box;
}

.shop-secure, .brands, .industries .industries-wrapper, .featured-cats, .featured-products .item .info, .featured-products {
  clear: both;
}
.shop-secure:after, .brands:after, .industries .industries-wrapper:after, .featured-cats:after, .featured-products .item .info:after, .featured-products:after {
  display: table;
  content: "";
  clear: both;
}

.hero:before, .hero:after {
  content: "";
}

/*  COLUMN FRAMEWORK  */
/* LOOP TO CREATE A CLASS FOR EACH COLUMN WIDTH */
/* --------------------------------------------- */
/* ///////// TEXT & ALIGNMENT FRAMEWORK //////// */
/* --------------------------------------------- */
.sale_tabs {
  text-align: left;
}

.bundles, .trust-pilot, .promo-banner {
  margin-left: auto;
  margin-right: auto;
}

.home-features .tag {
  text-transform: uppercase;
}

/* --------------------------------- */
/* ///////// FLEX FRAMEWORK //////// */
/* --------------------------------- */
.sale_tabs .item div, .bundles, .sale_tabs .item a, .home-features a, .home-features, .hero .search-form, .hero {
  display: flex;
  flex-wrap: wrap;
}

.hero .search-form, .hero {
  justify-content: center;
}

.bundles, .sale_tabs .item a, .home-features a, .home-features {
  justify-content: space-between;
}

.sale_tabs .item div {
  align-items: flex-start;
}

.sale_tabs .item a, .home-features a, .hero {
  align-items: center;
}

.sale_tabs .item picture {
  align-self: flex-start;
}

/* ------------------------------------- */
/* ///////// BG IMAGE FRAMEWORK //////// */
/* ------------------------------------- */
.hero:before, .hero:after {
  background-repeat: no-repeat;
}

.hero:before, .hero:after {
  background-size: 100%;
}

/* --------------------------------- */
/* /////// SITE SPECIFIC STYLES //// */
/* --------------------------------- */
.featured-cats .item, .featured-products .item, .home-features > div {
  -webkit-box-shadow: 0px 0px 63px -7px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 0px 63px -7px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 63px -7px rgba(0, 0, 0, 0.16);
}

/* FORMS */
.featured-cats .item a.more-info, .featured-products .item a.more-info, .hero .search-form .search-button {
  font-weight: 900;
  margin: 0;
  padding: 0.8em 2em;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  text-align: center;
}

.featured-cats .item a.more-info, .featured-products .item a.more-info, .hero .search-form .search-button {
  background-color: #02a958; /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#02CC6B), to(#02a958)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #02CC6B, #02a958); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #02CC6B, #02a958); /* FF3.6 */
  background-image: -ms-linear-gradient(top, #02CC6B, #02a958); /* IE10 */
  background-image: -o-linear-gradient(top, #02CC6B, #02a958); /* Opera 11.10+ */
  background-image: linear-gradient(top, #02CC6B, #02a958);
  color: #FFF;
}
.featured-cats .item a.more-info:hover, .featured-products .item a.more-info:hover, .hero .search-form .search-button:hover {
  background-color: #02b35e; /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#02e578), to(#02b35e)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #02e578, #02b35e); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #02e578, #02b35e); /* FF3.6 */
  background-image: -ms-linear-gradient(top, #02e578, #02b35e); /* IE10 */
  background-image: -o-linear-gradient(top, #02e578, #02b35e); /* Opera 11.10+ */
  background-image: linear-gradient(top, #02e578, #02b35e);
}
.featured-cats .item a.more-info:active, .featured-products .item a.more-info:active, .hero .search-form .search-button:active {
  background-color: #018f4b; /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#02b35e), to(#018f4b)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #02b35e, #018f4b); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #02b35e, #018f4b); /* FF3.6 */
  background-image: -ms-linear-gradient(top, #02b35e, #018f4b); /* IE10 */
  background-image: -o-linear-gradient(top, #02b35e, #018f4b); /* Opera 11.10+ */
  background-image: linear-gradient(top, #02b35e, #018f4b);
}

/* CONTENT */
.shop-secure h2, .brands h1, .industries .industry h2, .industries .industries-wrapper h1 {
  margin-bottom: 0.6em;
  color: #414F47;
  font-size: 1.8em;
  font-weight: 700;
  text-transform: lowercase;
}

.shop-secure h3, .brands h2, .industries .industries-wrapper h2.heading {
  margin-bottom: 0.6em;
  color: #2b3630;
  font-size: 2.4em;
  text-transform: capitalize;
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  .shop-secure h3, .brands h2, .industries .industries-wrapper h2.heading {
    font-size: 2em !important;
  }
}
@media screen and (min-width: 476px) and (max-width: 768px) {
  .shop-secure h3, .brands h2, .industries .industries-wrapper h2.heading {
    font-size: 1.8em !important;
  }
}
@media screen and (max-width: 475px) {
  .shop-secure h3, .brands h2, .industries .industries-wrapper h2.heading {
    font-size: 1.5em !important;
  }
}

/* --------------------------------- */
/* /////// END SITE STYLES ///////// */
/* --------------------------------- */
.industries .industry a.link {
  color: #02cc6b;
  transition: 0.1s ease-in-out;
  text-decoration: underline;
}
.industries .industry a.link:hover {
  color: #37fd9e;
}
.industries .industry a.link:active {
  color: #016736;
}

.hero .hero-text h2 {
  font-size: 3.5em;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  .hero .hero-text h2 {
    font-size: 3.3em;
  }
}
@media screen and (min-width: 451px) and (max-width: 1199px) {
  .hero .hero-text h2 {
    font-size: 2.7em;
  }
}
@media screen and (max-width: 450px) {
  .hero .hero-text h2 {
    font-size: 1.7em;
  }
}

.home-features .price, .home-features .tag {
  font-size: 2.2em;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  .home-features .price, .home-features .tag {
    font-size: 2em;
  }
}
@media screen and (min-width: 451px) and (max-width: 1199px) {
  .home-features .price, .home-features .tag {
    font-size: 1.8em;
  }
}
@media screen and (max-width: 450px) {
  .home-features .price, .home-features .tag {
    font-size: 1.3em;
  }
}

.home-features .price-prev, .hero .hero-text h1, .home-features h2, .hero .h-search-results h2 {
  font-size: 1.4em;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  .home-features .price-prev, .hero .hero-text h1, .home-features h2, .hero .h-search-results h2 {
    font-size: 1.3em;
  }
}
@media screen and (min-width: 451px) and (max-width: 1199px) {
  .home-features .price-prev, .hero .hero-text h1, .home-features h2, .hero .h-search-results h2 {
    font-size: 1.15em;
  }
}
@media screen and (max-width: 450px) {
  .home-features .price-prev, .hero .hero-text h1, .home-features h2, .hero .h-search-results h2 {
    font-size: 1em;
  }
}

.hero .search-form span.alternate a, .hero .search-form .search-button, .hero .search-form .form-input, .hero .search-form .form-group .form-label {
  font-size: 1.1em;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  .hero .search-form span.alternate a, .hero .search-form .search-button, .hero .search-form .form-input, .hero .search-form .form-group .form-label {
    font-size: 1em;
  }
}
@media screen and (min-width: 451px) and (max-width: 1199px) {
  .hero .search-form span.alternate a, .hero .search-form .search-button, .hero .search-form .form-input, .hero .search-form .form-group .form-label {
    font-size: 0.95em;
  }
}
@media screen and (max-width: 450px) {
  .hero .search-form span.alternate a, .hero .search-form .search-button, .hero .search-form .form-input, .hero .search-form .form-group .form-label {
    font-size: 0.9em;
  }
}

.featured-cats .item a.more-info, .featured-products .item a.more-info, .hero .search-form .search-button {
  font-size: 0.95em;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  .featured-cats .item a.more-info, .featured-products .item a.more-info, .hero .search-form .search-button {
    font-size: 0.9em;
  }
}
@media screen and (min-width: 451px) and (max-width: 1199px) {
  .featured-cats .item a.more-info, .featured-products .item a.more-info, .hero .search-form .search-button {
    font-size: 0.85em;
  }
}
@media screen and (max-width: 450px) {
  .featured-cats .item a.more-info, .featured-products .item a.more-info, .hero .search-form .search-button {
    font-size: 0.8em;
  }
}

.home-features .product-code, .home-features p {
  font-size: 0.8em;
}
@media screen and (min-width: 1200px) and (max-width: 1919px) {
  .home-features .product-code, .home-features p {
    font-size: 0.75em;
  }
}
@media screen and (min-width: 451px) and (max-width: 1199px) {
  .home-features .product-code, .home-features p {
    font-size: 0.7em;
  }
}
@media screen and (max-width: 450px) {
  .home-features .product-code, .home-features p {
    font-size: 0.7em;
  }
}

.home-features h2, .hero .h-search-results h2 {
  line-height: 1.3em;
  margin-bottom: 0.5em;
}

.home-features p {
  font-weight: normal;
  line-height: 1.6em;
  margin-bottom: 1em;
}

.main-content {
  width: auto;
}

.intro {
  width: 75%;
}

.webp .hero {
  background-image: url("../images/home/hero-bg.webp");
}

.no-webp .hero {
  background-image: url("../images/home/hero-bg.jpg");
}

.hero {
  /* HERO TEXT */
  /* HERO SEARCH FORM */
}
.hero:before, .hero:after {
  bottom: 0;
  width: 365px;
  height: 200px;
}
.hero:before {
  left: 0;
  background-image: url("/app/images/home/hero-angle-left.png");
}
.hero:after {
  right: 0;
  background-image: url("/app/images/home/hero-angle-right.png");
}
.hero .hero-text {
  margin-top: -13%;
}
.hero .hero-text h1, .hero .hero-text h2 {
  color: #2b3630;
}
.hero .hero-text h1 {
  font-weight: 300;
  margin-bottom: 0.2em;
}
.hero .hero-text h2 {
  line-height: 1.1em;
  max-width: 960px;
  margin: 0 auto;
  font-weight: 900;
  margin-bottom: 30px;
}
.hero .hero-text h2 span {
  display: block;
}
.hero .search-form .form-group {
  overflow: hidden;
  background: #FFF;
  vertical-align: middle;
}
.hero .search-form .form-group:after {
  display: block;
  content: "";
  background-color: #FFF;
  top: 100%;
  left: 100%;
  margin-left: -30px;
  width: 40px;
  height: 30px;
  top: 100%;
  transform: rotate(-40deg);
  transform-origin: left top;
}
.hero .search-form .form-group .form-label {
  top: 0.7em;
  left: 55px;
  padding: 5px;
}
.hero .search-form .form-group .has-text ~ .form-label {
  font-size: 0.5em;
}
.hero .search-form .form-input {
  padding: 0.3em 15px 0.3em 55px;
  background: #FFF url("/app/images/global/search-icon.png") no-repeat;
  background-size: 25px;
  background-position: 20px;
  background-position-y: 0;
  border-radius: 5px 0 0 5px;
  border: 5px solid #FFF;
  color: #414F48;
  vertical-align: middle;
}
.hero .search-form .form-input:hover {
  border-color: #FFF;
}
.hero .search-form .form-input:focus {
  border-color: #FFF;
}
.hero .search-form .search-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  vertical-align: middle;
  margin: 5px;
}
.hero .search-form span.alternate {
  display: inline-block;
  vertical-align: middle;
  padding: 0 15px;
  text-transform: uppercase;
}
.hero .search-form span.alternate a {
  border: none;
  padding: 1em 3em;
  margin-left: 15px;
}
.hero .h-search-results {
  padding-top: 40px;
}
@media screen and (min-width: 1200px) {
  .hero {
    height: 800px;
  }
  .hero .search-form .form-input {
    width: 440px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1199px) {
  .hero {
    height: 600px;
  }
  .hero .search-form .form-input {
    width: 300px;
  }
}
@media screen and (min-width: 451px) and (max-width: 959px) {
  .hero {
    height: 500px;
  }
  .hero .search-form .form-input {
    width: 200px;
  }
  .hero:before, .hero:after {
    width: 200px;
    height: 110px;
  }
}
@media screen and (max-width: 450px) {
  .hero {
    height: 400px;
  }
  .hero .hero-text {
    padding: 0 2.5%;
  }
  .hero .search-form .form-group {
    display: none;
  }
  .hero .search-form .button {
    margin-left: 0;
  }
  .hero .search-form span.alternate a {
    margin-left: 0;
  }
  .hero:before, .hero:after {
    width: 100px;
    height: 55px;
  }
  .webp .hero {
    background-image: url("../images/home/mobile-hero-bg.webp");
  }
  .no-webp .hero {
    background-image: url("../images/home/mobile-hero-bg.jpg");
  }
}
.home-features {
  width: 90%;
  max-width: 1400px;
  margin: 0 auto;
  z-index: 1;
}
.home-features > div {
  background: #FFF;
}
.home-features a {
  color: inherit;
}
.home-features .tag {
  font-weight: 900;
  color: #FFF;
  padding: 0.15em 2em 0.075em 2em;
  left: -50px;
  top: -20px;
}
.home-features .tag:after {
  display: block;
  content: "";
  bottom: -5px;
  right: -18px;
  width: 43px;
  height: 28px;
  background-color: #FFF;
  transform: rotate(-35deg);
  transform-origin: right bottom;
}
.home-features .product-code {
  color: #b7c5be;
}
.home-features .price {
  font-weight: 900;
  line-height: 1;
  color: #2b3630;
}
.home-features .price .gst {
  display: block;
  font-size: 0.55em;
  font-weight: 400;
  color: #CAD6D0;
}
.home-features .price-prev {
  margin-bottom: 0;
  color: #b7c5be;
  text-decoration: line-through;
  line-height: 1;
}
@media screen and (max-width: 888px) {
  .home-features > div {
    width: 100%;
  }
}
.sale_tabs {
  width: 58%;
}
.sale_tabs ul {
  bottom: 40px;
  right: 40px;
}
.sale_tabs ul li {
  float: left;
}
.sale_tabs .tag {
  background-color: #ed2c54;
}
.sale_tabs .item {
  padding: 10px 40px 40px;
}
.sale_tabs .item picture {
  width: 38%;
}
.sale_tabs .item picture img {
  width: 100%;
}
.sale_tabs .item div {
  width: 54%;
  padding-bottom: 20px;
}
.sale_tabs .item .sale-price,
.sale_tabs .item .button {
  width: 50%;
}
@media screen and (max-width: 500px) {
  .sale_tabs .item .sale-price,
.sale_tabs .item .button {
    width: 100%;
  }
}
.sale_tabs .item .sale-price > span {
  width: 100%;
}

.right-feature {
  width: 39%;
  padding: 10px 40px 40px;
}
.right-feature .tag {
  background-color: #557de5;
}
.right-feature div {
  width: 55%;
}
.right-feature picture {
  width: 40%;
}
.right-feature picture img {
  width: 100%;
}
.right-feature .button {
  margin-top: 1em;
}

.promo-banner {
  display: block;
  width: 1188px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.22);
  max-width: 100%;
  margin-top: 4em;
  margin-bottom: 2em;
}

.trust-pilot {
  width: 1188px;
  max-width: 90%;
  padding-top: 2em;
}

.bundles {
  max-width: 1300px;
  margin-top: 4em;
}
.bundles a {
  width: 48%;
}
.bundles a img {
  width: 100%;
}

@media screen and (max-width: 650px) {
  .bundles a {
    width: 100%;
  }
}
/* FEATURES */
.featured-products .item {
  background: #FFF;
  padding: 20px;
  margin-bottom: 30px;
  text-align: left;
}
.featured-products .item img {
  display: block;
  width: 100%;
}
.featured-products .item h2 {
  color: #414F47;
  font-weight: 400;
  font-size: 0.8em;
  text-transform: uppercase;
}
.featured-products .item h3 {
  font-size: 1.1em;
  margin-bottom: 10px;
}
.featured-products .item a.more-info {
  float: right;
  font-size: 0.8em;
  padding: 0.4em 0.8em;
}
.featured-products .item .add-to-cart {
  display: none;
}
.featured-products .item .price {
  float: left;
  font-weight: 700;
  font-size: 1.5em;
  color: #9BAAA2;
  line-height: 1;
}
.featured-products .item .price span.gst {
  display: block;
  font-size: 0.6em;
  font-weight: 400;
}

.ds {
  margin-right: 2px;
  font-size: 0.5em;
  vertical-align: 0.6em;
  font-style: inherit;
}

.item .img-wrapper {
  display: block;
}
.item h2 a, .item h3 a {
  color: inherit;
}

@media screen and (max-width: 650px) {
  .featured-products {
    padding: 0 2.5%;
  }
  .desktop-only {
    display: none;
  }
}
@media screen and (min-width: 651px) {
  .mobile-only {
    display: none;
  }
}
.why-us-wrapper {
  border-bottom: 30px solid #F0F5F2;
  background-color: #F1F5F2;
}

/* CATEGORIES */
.featured-cats {
  padding: 100px 0;
}
.featured-cats .item {
  background: #FFF;
  padding: 20px;
  margin-bottom: 2%;
  text-align: center;
}
.featured-cats .item img {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.featured-cats .item h2 {
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 0.5em;
}
.featured-cats .item a.more-info {
  font-size: 0.9em;
  padding: 0.4em 0.8em;
}
.featured-cats ul a:not(.link) {
  display: none;
}

.industries {
  background: #F5F5F5 url("../images/home/industry-bg.jpg") no-repeat center center;
  background-size: cover;
}
.industries::before, .industries::after {
  content: " ";
  left: 50%;
  margin-left: -40px;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
}
.industries::before {
  border-top: 30px solid #F1F5F2;
  top: 0;
}
.industries::after {
  border-bottom: 30px solid #F1F5F2;
  bottom: 0;
}
.industries .industries-wrapper {
  text-align: center;
}
.industries .industries-wrapper h1 {
  font-weight: 300;
  margin-bottom: 0;
  color: #FFF;
}
.industries .industries-wrapper h2.heading {
  color: #FFF;
  letter-spacing: 0.05em;
  line-height: 0.95em;
  width: 90%;
  margin: 0 auto;
  text-transform: lowercase;
  margin-bottom: 0.6em;
}
.industries .industries-wrapper h2.heading i {
  font-style: italic;
}
.industries .industry h2 {
  color: #FFF;
  text-transform: uppercase;
}
.industries .industry p {
  color: #FFF;
}
.industries .industry .img-wrapper {
  display: block;
  z-index: 9999;
  overflow: hidden;
  height: 550px;
}
.industries .industry .img-wrapper h2 {
  text-transform: uppercase;
  top: 50%;
  transform: translateY(-50%);
  color: #FFF;
  z-index: 999;
  text-align: center;
  width: 100%;
}
.industries .industry .hexagon2 {
  top: 50%;
  transform: translateY(-50%) rotate(120deg);
  width: 100%;
  height: 500px;
}

.brands {
  text-align: center;
}
.brands h1 {
  font-weight: 300;
  margin-bottom: 0;
  color: #414F47;
}
.brands h2 {
  letter-spacing: 0.05em;
  line-height: 0.95em;
  margin: 0 auto;
  text-transform: lowercase;
  margin-bottom: 0.6em;
  color: #414F47;
}
.brands h2 i {
  font-style: italic;
}
.brands li {
  vertical-align: middle;
}
.brands li img {
  width: 100%;
}

.brand-logos {
  margin: 0 50px;
}

.shop-secure {
  text-align: center;
}
.shop-secure h2 {
  font-weight: 300;
  color: #414F47;
}
.shop-secure img {
  width: 740px;
  max-width: 80%;
}
.shop-secure h3 {
  margin-top: 100px;
}
.shop-secure p {
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
}

.modal-overlay {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10003;
}

.modal {
  position: fixed;
  width: 800px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #FFF;
  padding-bottom: 40px;
  z-index: 10004;
  max-width: 90%;
  max-height: 90%;
  overflow: scroll;
}
.modal h2 {
  padding: 30px;
  color: #FFF;
  background-color: #00CC6B;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 2em;
}
.modal p {
  padding: 30px;
  color: #666;
  font-size: 1em;
}
.modal span {
  text-transform: uppercase;
  background-color: #00CC6B;
  color: #FFF;
  font-weight: bold;
  padding: 1em;
}
.modal span:hover {
  background-color: #00ff86;
  cursor: pointer;
}

@media screen and (max-width: 760px) {
  .modal h2 {
    font-size: 1.5em;
  }
  .modal p {
    font-size: 0.8em;
  }
}
/* MEDIA QUERIES */
@media screen and (min-width: 1001px) {
  .main-content {
    margin-top: -220px;
  }
}
@media screen and (max-width: 1000px) {
  .main-content {
    padding-top: 0;
  }
}
@media screen and (max-width: 801px) {
  .main-content {
    padding: 0;
    margin: 0;
    width: 100%;
  }
}
@media screen and (min-width: 1101px) {
  .featured-products .item {
    width: 23.5%;
    margin-right: 2%;
  }
  .featured-products .item:nth-of-type(4n), .featured-products .item:last-child {
    margin-right: 0;
  }
  .featured-products .item:nth-of-type(4n+1) {
    clear: both;
  }
}
@media screen and (max-width: 1100px) {
  .featured-products .slider .arrow {
    display: none;
  }
}
@media screen and (min-width: 651px) and (max-width: 1100px) {
  .featured-products .item {
    width: 49%;
    margin-right: 2%;
  }
  .featured-products .item:nth-of-type(2n), .featured-products .item:last-child {
    margin-right: 0;
  }
  .featured-products .item:nth-of-type(2n+1) {
    clear: both;
  }
}
@media screen and (min-width: 651px) {
  .featured-products {
    width: 85%;
    max-width: 1400px;
    margin: 0 auto;
    text-align: left;
    padding: 80px 0;
  }
  .featured-products .item img {
    margin-bottom: 20px;
  }
  .featured-products .item .info {
    clear: both;
  }
  .featured-products .item .info:after {
    display: table;
    content: "";
    clear: both;
  }
  .featured-products .item.full-width {
    padding: 0 0 20px 0;
  }
  .featured-products .item.full-width .info {
    padding: 0 20px;
  }
}
@media screen and (max-width: 650px) {
  .featured-products .item {
    display: block;
  }
}
@media screen and (min-width: 501px) {
  .why-us-wrapper {
    border-top: 30px solid #F0F5F2;
    padding: 70px 0;
  }
}
@media screen and (max-width: 1100px) {
  .featured-cats .slider .arrow {
    display: none;
  }
}
@media screen and (min-width: 1051px) {
  .featured-cats .item {
    width: 17.6%;
    margin-right: 2%;
  }
  .featured-cats .item:nth-of-type(5n), .featured-cats .item:last-child {
    margin-right: 0;
  }
  .featured-cats .item:nth-of-type(5n+1) {
    clear: both;
  }
}
@media screen and (max-width: 1050px) {
  .featured-cats {
    padding: 35px 20px;
  }
  .featured-cats .item {
    width: 48%;
    margin-right: 4%;
  }
  .featured-cats .item:nth-of-type(2n), .featured-cats .item:last-child {
    margin-right: 0;
  }
  .featured-cats .item:nth-of-type(2n+1) {
    clear: both;
  }
}
@media screen and (min-width: 501px) {
  .featured-cats {
    width: 1400px;
    margin: 0 auto;
    text-align: left;
  }
}
@media screen and (min-width: 501px) and (max-width: 1559px) {
  .featured-cats {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
  }
}
@media screen and (min-width: 501px) {
  .featured-cats .item h2 {
    font-size: 1.2em;
  }
}
@media screen and (max-width: 500px) {
  .featured-cats .item h2 {
    font-size: 0.875em;
  }
}
@media screen and (max-width: 1200px) {
  .industries .industry .img-wrapper {
    max-height: 410px;
  }
}
@media screen and (min-width: 901px) {
  .industries .industries-wrapper {
    padding: 120px 0;
  }
  .industries .industries-wrapper .industry {
    float: left;
    width: 30.6666%;
    margin-right: 4%;
  }
  .industries .industries-wrapper .industry:nth-of-type(3n), .industries .industries-wrapper .industry:last-child {
    margin-right: 0;
  }
  .industries .industries-wrapper .industry:nth-of-type(3n+1) {
    clear: both;
  }
}
@media screen and (max-width: 900px) {
  .industries .industries-wrapper {
    padding: 80px 0;
  }
  .industries .industries-wrapper .industry {
    float: none;
    width: auto;
    max-width: 350px;
    margin: 0 auto;
  }
  .industries .industries-wrapper .industry:not(:last-child) {
    margin-bottom: 50px;
  }
  .industries .industries-wrapper .industry .img-wrapper {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 801px) {
  .industries .industries-wrapper h2.heading {
    font-size: 4.5em;
  }
}
@media screen and (max-width: 800px) {
  .industries .industries-wrapper h1 {
    font-size: 1.4em;
  }
  .industries .industries-wrapper h2.heading {
    font-size: 3em;
  }
}
@media screen and (max-width: 600px) {
  .industries .industries-wrapper {
    padding: 60px 0;
  }
  .industries .industry a {
    display: inline-block;
    margin-top: 15px;
  }
  .industries .industry .img-wrapper {
    margin: 0 auto;
    max-width: 220px;
    max-height: 260px;
  }
  .home-features .sale_tabs .info {
    min-height: 140px;
  }
  .home-features h2 {
    font-size: 1em;
  }
  .home-features h3, .home-features .original-price {
    font-size: 1.3em;
  }
  .home-features .price {
    font-size: 1.8em;
  }
}
@media screen and (max-width: 500px) {
  .industries .industries-wrapper h1 {
    font-size: 1.4em;
  }
  .industries .industries-wrapper h2.heading {
    margin-bottom: 30px;
    font-size: 1.8em;
  }
}
@media screen and (min-width: 801px) {
  .brands {
    padding: 100px 0 80px;
  }
  .brands h2 {
    font-size: 4.5em;
    width: 90%;
  }
  .brands li {
    width: 20%;
    padding: 0 1%;
  }
}
@media screen and (max-width: 800px) {
  .brands {
    padding-top: 60px;
  }
  .brands h2 {
    font-size: 3em;
    width: 100%;
  }
  .brands li {
    width: 200px;
    padding: 0 15px;
  }
  .shop-secure {
    padding-bottom: 60px;
  }
  .shop-secure h2 {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 500px) {
  .brand-logos {
    margin: 0 5%;
  }
  .brands h1 {
    font-size: 1.2em;
  }
  .brands h2 {
    font-size: 2.2em;
  }
}