/* For Large Desktop (>= 1200px) */
@media (min-width: 1200px) {
}

/* For Medium Desktop (1025px to 1199px) */
@media (min-width: 1025px) and (max-width: 1199px) {
}

/* For Tablet (768px to 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
}

/* For Mobile (<= 768px) */
@media (max-width: 768px) {
  .title {
    font-size: 28px;
    line-height: normal;
  }

  .sub-title {
    font-size: 20px;
    line-height: normal;
  }

  .text-icon-help {
    font-size: 14px;
  }

  .text-title-server {
    font-size: 25px;
  }

  .text-time-head-news {
    font-size: 10px;
  }

  .text-title-head-news {
    font-size: 14px;
  }

  .img-overlay::after {
    border-radius: 10px;
  }

  .img-overlay .btn-overlay {
    /* padding: 0px 0; */
    border-radius: 0 0 10px 10px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.5px;
  }

  .img-product-second {
    height: 70px;
  }

  .image-item {
    width: 25%;
    padding-left: 5px;
    padding-right: 5px;
  }

  .text-seamless {
    font-size: 10px;
  }
}

/* For Small Mobile (<= 480px) */
@media (max-width: 480px) {
}

.product-title {
  font-size: 0.8rem; /* default (small screen) */
}

.product-category {
  font-size: 0.8rem; /* default (small screen) */
}

@media (min-width: 992px) {
  .product-title {
    font-size: 1.2rem; /* untuk lg screen ke atas */
  }

  .product-category {
    font-size: 1rem; /* untuk lg screen ke atas */
  }
}