@charset "UTF-8";
/* === BREAKPOINTS ===
X-Small 	None 	<576px
Small 	sm 	≥576px
Medium 	md 	≥768px
Large 	lg 	≥992px
Extra large 	xl 	≥1200px
Extra extra large 	xxl 	≥1400px*/
@media (max-width: 1399.98px) {
  .prod_img_holder {
    height: 261px;
  }

  .similarProd .prod_img_holder {
    height: 267px;
  }
}
@media (max-width: 1199.98px) {
  .prod_img_holder {
    height: 216px;
  }

  .similarProd .prod_img_holder {
    height: 222px;
  }
}
@media (max-width: 991.98px) {
  body {
    padding-top: 100px;
  }

  .prod_img_holder {
    height: 156px;
  }

  .similarProd .prod_img_holder {
    height: 162px;
  }
}
@media (max-width: 767.98px) {
  h1 {
    font-size: 60px;
    font-size: 3.75rem;
  }

  #category-carousel .splide__pagination {
    bottom: -25px;
  }

  .mainContent {
    background-image: none;
    background-color: #2d2d2e;
  }

  .middleBanner {
    background: url("../img/home-midBG-mobile.jpg") repeat-x bottom center;
  }

  .prod_img_holder {
    height: 156px;
  }

  .similarProd .prod_img_holder {
    height: 258px;
  }

  .footer {
    background-image: none;
    background-color: #222222;
    padding-top: 10px;
  }

  .copyright {
    border: none;
    margin-top: 0 !important;
  }
}
@media (max-width: 575.98px) {
  h1 {
    font-size: 38px;
    font-size: 2.375rem;
  }

  h3 {
    font-size: 20px;
    font-size: 1.25rem;
  }

  .prodCat_slide {
    padding: 50px 0 90px;
  }

  .slide-card h3 {
    font-size: 16px;
    font-size: 1rem;
  }

  .prod_img_holder {
    height: 42vw;
  }

  .similarProd .prod_img_holder {
    height: 46vw;
  }

  .quote blockquote {
    text-align: left;
  }

  .timelines h2 {
    text-align: left;
  }

  .testimonial {
    background-image: url("../img/graphic-testi-mobile.png");
    padding-top: 100px;
    padding-bottom: 80px;
  }

  .testimonial p {
    line-height: 1.5;
    font-size: 16px;
    font-size: 1rem;
  }

  #testi-carousel .splide__arrow {
    display: none;
  }

  .spec_table {
    font-size: 13px;
    font-size: 0.8125rem;
  }

  .contactLabel .fs-28 {
    font-size: 25px;
    font-size: 1.5625rem;
  }

  .contactDetail h3 {
    font-size: 25px;
    font-size: 1.5625rem;
  }

  li.page-item {
    display: none;
  }

  .page-item:first-child,
.page-item:nth-child(2),
.page-item:nth-child(3),
.page-item:nth-child(4),
.page-item:nth-last-child(2),
.page-item:nth-last-child(3),
.page-item:nth-last-child(4),
.page-item:last-child,
.page-item.active,
.page-item.disabled {
    display: block;
  }

  .contact-container {
    text-align: left;
  }

  .contactInfo {
    text-align: left;
    margin: 40px 0 80px;
  }
}

/*# sourceMappingURL=mobile.css.map */