@media (min-width: 1200px) {


  .pr-70 {

    padding-right: 4.375rem;
  }



  .pr-60 {

    padding-right: 3.75rem;
  }



  .product-portfolio .item-box .img_home img {

    min-height: 18.75rem;
  }



  .box-card-pro .box-img img {

    max-width: 12.5rem;

    min-height: 12.5rem;
  }



  .detail_pro_2 .box-img-icon img {

    min-height: 5rem;
  }
}

.product-portfolio {

  padding-top: 1.875rem;

  padding-bottom: 3.75rem;
}



.smooth {

  transition: 0.5s all;
}



.porduc-title {

  font-size: 2.25rem;

  position: relative;

  font-family: SVG-Gotham;

  font-weight: 600;
}

.porduc-title::after {

  position: absolute;

  content: "";

  width: 12.5rem;

  height: 0.3125rem;

  background-color: #ff0000;

  bottom: -15px;

  left: 50%;

  transform: translateX(-50%);
}



.product-portfolio .item-box .item-slug {

  left: 2.3125rem;
}



.product-portfolio .item-box .img_home img {

  max-height: 18.75rem;
}



.product-portfolio .item-slug-box {

  background: #b5b5b5;
}

.product-portfolio .item-slug-box .name {

  text-decoration: none;

  font-size: 4.375rem;

  color: #fff;

  font-weight: 600;

  padding: 1.125rem 3.125rem;

  font-family: SVG-Gotham;

  padding-bottom: 1.75rem;

  position: relative;

  transition: 0.5s all;
}

.product-portfolio .item-slug-box .name::after {

  position: absolute;

  content: "";

  background: #ff0000;

  height: 5px;

  width: 0;

  left: 55px;

  bottom: 22px;

  transition: 0.5s all;

  transform: translateX(0);
}

.product-portfolio .item-slug-box .name:hover {

  color: #ff0000;

  transition: 0.5s all;
}

.product-portfolio .item-slug-box .name:hover::after {

  transition: 0.5s all;

  width: 100px;

  transform: translateX(0);
}

.product-portfolio .col-portfolio .name-portfolio {

  font-size: 1.5rem;

  font-weight: 600;

  color: #000;

  font-family: SVG-Gotham;

  text-decoration: none;

  padding: 0.9375rem 0;

  transition: 0.5s all;

  width: max-content;

  margin: auto;

  position: relative;
}

.product-portfolio .col-portfolio .name-portfolio::after {

  position: absolute;

  content: "";

  background: #f88b8b;

  width: 0;

  height: 1px;

  bottom: 0.9375rem;

  left: 0;

  transition: 0.5s all;

  transform: translateX(0%);
}

.product-portfolio .col-portfolio .name-portfolio:hover {

  color: #ff0000;

  transition: 0.5s all;
}

.product-portfolio .col-portfolio .name-portfolio:hover::after {

  width: 100%;

  transform: translateX(0%);
}

.product-portfolio .col-portfolio .active {

  color: #ff0000;
}

.product-portfolio .col-portfolio .active::after {

  background: #f88b8b;

  width: 100%;
}



.product-portfolio .col-portfolio-one .name-portfolio {

  margin: unset;

  margin-left: 4.125rem;
}



.quality {

  border-top: 2px solid #ff0000;

  border-bottom: 1px solid #e0dada;
}

.quality .items {

  padding-bottom: 1.1875rem;

  background: #fff;

  min-height: 100%;
}

.quality .items .img-sty {

  width: 100%;

  height: 100%;

  padding-bottom: 1.25rem;
}

.quality .items .img-sty img {

  max-width: 3.125rem;

  max-height: 2.5rem;

  object-fit: cover;
}

.quality .items .slug_ {

  display: block;

  max-width: 18.3125rem;

  margin: auto;

  text-align: center;

  color: #6e6868;
}

.quality .items .phone-number {

  color: #ff0000;

  text-decoration: none;

  transition: 0.5s all;
}

.quality .items .phone-number:hover {

  transition: 0.5s all;

  color: #000;
}



.new-product {

  margin-top: 5rem;

  margin-bottom: 5rem;
}

.new-product .title-all-pro {

  border-bottom: 2px solid #000;
}

.new-product .title-all-pro .title {

  font-family: SVG-Gotham;

  font-size: 2.25rem;
}

.new-product .title-all-pro .btn-pro {

  color: #ff0000;

  transition: 0.5s all;
}

.new-product .title-all-pro .btn-pro:hover {

  color: #000;

  transition: 0.5s all;
}

.new-product .newSlide .items-box {

  transition: 0.5s all;

  padding: 0.625rem;
}

.new-product .newSlide .items-box:hover {

  transition: 0.5s all;

  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.new-product .newSlide .items-box .hv-img img {

  width: 100%;

  max-height: 18.25rem;

  object-fit: scale-down;
}

.new-product .newSlide .items-box .name-product {

  color: #000;
}
.new-product .newSlide .items-box .name-product:hover,.new-product .newSlide .items-box .name-product:focus{
  color: #ff0000;
}


.silde-all .controll {

  position: absolute;

  top: 0;

  z-index: 2;

  background: #d3d3d3;

  height: 18.125rem;

  width: 1.6875rem;

  display: flex;

  align-items: center;

  justify-content: center;

  transition: 0.5s all;

  visibility: hidden;

  opacity: 0;
}

.silde-all .controll img {

  object-fit: scale-down;

  max-width: 1.25rem;

  max-height: 1.25rem;
}

.silde-all .controll:hover {

  background: #978d8d;

  transition: 0.5s all;
}

.silde-all .prev {

  right: 0 !important;
}

.silde-all:hover .controll {

  visibility: visible;

  opacity: 1;
}



.post_useful {

  margin-bottom: 5rem;
}

.post_useful .title {

  font-family: SVG-Gotham;

  font-size: 1.875rem;
  color: #000;
  font-weight: 600;
}

.post_useful .items .post-name {

  margin-top: 1.25rem;

  font-size: 1.25rem;

  font-family: SVG-Gotham;

  text-decoration: none;

  transition: 0.5s all;

  color: #000;
}

.post_useful .items .post-name:hover {

  transition: 0.5s all;

  color: #ff0000;
}

.post_useful .items .img-post {

  height: 100%;

  width: 100%;
}

.post_useful .items .img-post img {

  width: 100%;

  max-height: 16.25rem;
}



.products_details_icon .share {

  color: #000;

  margin-right: 1.25rem;

  margin-bottom: 0;
}

.products_details_icon .icon {

  text-decoration: none;
}

.products_details_icon .icon img {

  width: 1.875rem;

  margin-right: 0.1875rem;

  height: 1.875rem;

  object-fit: cover;
}



/*# sourceMappingURL=danh-muc-san-pham.css.map */