.product.umbrella .banner .banner-content .banner-text {
  top: 40px;
}
.product.clothing .banner .banner-content .banner-text {
  top: 60px;
}
.product.artware .banner .banner-content .banner-text {
  top: 70px;
}
.product.hair .banner .banner-content .banner-text {
  top: 40px;
}
.product.umbrella .banner .banner-content .banner-text p,
.product.clothing .banner .banner-content .banner-text p {
  line-height: 24px;
  letter-spacing: 2px;
}
.product.umbrella .banner .banner-content .banner-text i,
.product.clothing .banner .banner-content .banner-text i {
  margin-top: 15px;
  margin-bottom: 10px;
}
@media (max-width: 1600px) {
  .product.umbrella .banner .banner-content .banner-text {
    top: 40px;
  }
  .product.clothing .banner .banner-content .banner-text {
    top: 34px;
  }
  .product.umbrella .banner .banner-content .banner-text p {
    line-height: 18px;
  }
  .product.umbrella .banner .banner-content .banner-text i {
    margin-top: 10px;
  }
}
@media (max-width: 1366px) {
  .product.umbrella .banner .banner-content .banner-text {
    top: 30px;
  }
  .product.clothing .banner .banner-content .banner-text {
    top: 50px;
  }
  .product.artware .banner .banner-content .banner-text {
    top: 60px;
  }
  .product.umbrella .banner .banner-content .banner-text p,
  .product.clothing .banner .banner-content .banner-text p {
    line-height: 15px;
    letter-spacing: 2px;
  }
}
@media (max-width: 1024px) {
  .product.umbrella .banner .banner-content .banner-text {
    top: 15px;
  }
  .product.clothing .banner .banner-content .banner-text {
    top: 20px;
  }
  .product.artware .banner .banner-content .banner-text {
    top: 34px;
  }
  .product.hair .banner .banner-content .banner-text {
    top: 20px;
  }
  .product.umbrella .banner .banner-content .banner-text p,
  .product.clothing .banner .banner-content .banner-text p {
    line-height: 14px;
    letter-spacing: 0;
  }
  .product.clothing .banner .banner-content .banner-text p {
    line-height: 16px;
  }
  .product.umbrella .banner .banner-content .banner-text p.title {
    font-size: 14px;
    margin-bottom: 3px;
  }
  .product.clothing .banner .banner-content .banner-text p.title {
    margin-bottom: 5px;
  }
  .product.umbrella .banner .banner-content .banner-text i,
  .product.clothing .banner .banner-content .banner-text i {
    margin-top: 0;
    margin-bottom: 5px;
  }
}
@media (max-width: 768px) {
  .product.umbrella .banner .banner-content .banner-text,
  .product.clothing .banner .banner-content .banner-text,
  .product.artware .banner .banner-content .banner-text,
  .product.hair .banner .banner-content .banner-text {
    top: 75px;
  }
  .product.umbrella .banner .banner-content .banner-text p,
  .product.clothing .banner .banner-content .banner-text p {
    line-height: 24px;
    letter-spacing: 2px;
  }
  .product.umbrella .banner .banner-content .banner-text p.title,
  .product.clothing .banner .banner-content .banner-text p.title {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .product.umbrella .banner .banner-content .banner-text i,
  .product.clothing .banner .banner-content .banner-text i {
    margin-bottom: 15px;
  }
}
@media (max-width: 500px) {
  .product.umbrella .banner .banner-content .banner-text {
    top: 55px;
  }
}
@media (max-width: 420px) {
  .product.umbrella .banner .banner-content .banner-text {
    top: 35px;
    padding: 0 20px;
  }
  .product.clothing .banner .banner-content .banner-text,
  .product.hair .banner .banner-content .banner-text {
    top: 40px;
  }
  .product.umbrella .banner .banner-content .banner-text p {
    line-height: 20px;
    letter-spacing: 2px;
  }
}
@media (max-width: 375px) {
  .product.umbrella .banner .banner-content .banner-text p {
    line-height: 18px;
    letter-spacing: 1.5px;
  }
  .product.clothing .banner .banner-content .banner-text p,
  .product.hair .banner .banner-content .banner-text p {
    line-height: 23px;
  }
  .product.clothing .banner .banner-content .banner-text {
    top: 20px;
  }
  .product.artware .banner .banner-content .banner-text {
    top: 40px;
  }
}