/* bg-ribbon-image.webp */
.bg-bg-ribbon-image-webp {
  background-image: url('../images/bg-ribbon-image-480.webp') !important;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 480px) {
  .bg-bg-ribbon-image-webp {
    background-image: url('../images/bg-ribbon-image-480.webp') !important;
  }
}
@media (min-width: 800px) {
  .bg-bg-ribbon-image-webp {
    background-image: url('../images/bg-ribbon-image-800.webp') !important;
  }
}
@media (min-width: 1200px) {
  .bg-bg-ribbon-image-webp {
    background-image: url('../images/bg-ribbon-image-1200.webp') !important;
  }
}
@media (min-width: 1600px) {
  .bg-bg-ribbon-image-webp {
    background-image: url('../images/bg-ribbon-image-1600.webp') !important;
  }
}
@media (min-width: 1920px) {
  .bg-bg-ribbon-image-webp {
    background-image: url('../images/bg-ribbon-image-1920.webp') !important;
  }
}
/* print-design-intro.png */
.bg-print-design-intro-png {
  background-image: url('../images/print-design-intro-480.webp') !important;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 480px) {
  .bg-print-design-intro-png {
    background-image: url('../images/print-design-intro-480.webp') !important;
  }
}
@media (min-width: 800px) {
  .bg-print-design-intro-png {
    background-image: url('../images/print-design-intro-800.webp') !important;
  }
}
@media (min-width: 1200px) {
  .bg-print-design-intro-png {
    background-image: url('../images/print-design-intro-1200.webp') !important;
  }
}
@media (min-width: 1600px) {
  .bg-print-design-intro-png {
    background-image: url('../images/print-design-intro-1600.webp') !important;
  }
}
@media (min-width: 1920px) {
  .bg-print-design-intro-png {
    background-image: url('../images/print-design-intro-1920.webp') !important;
  }
}
/* bg-yellow-1.png */
.bg-bg-yellow-1-png {
  background-image: url('../images/bg-yellow-1-480.webp') !important;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 480px) {
  .bg-bg-yellow-1-png {
    background-image: url('../images/bg-yellow-1-480.webp') !important;
  }
}
@media (min-width: 800px) {
  .bg-bg-yellow-1-png {
    background-image: url('../images/bg-yellow-1-800.webp') !important;
  }
}
@media (min-width: 1200px) {
  .bg-bg-yellow-1-png {
    background-image: url('../images/bg-yellow-1-1200.webp') !important;
  }
}
@media (min-width: 1600px) {
  .bg-bg-yellow-1-png {
    background-image: url('../images/bg-yellow-1-1600.webp') !important;
  }
}
@media (min-width: 1920px) {
  .bg-bg-yellow-1-png {
    background-image: url('../images/bg-yellow-1-1920.webp') !important;
  }
}
/* bg-pink-1.png */
.bg-bg-pink-1-png {
  background-image: url('../images/bg-pink-1-480.webp') !important;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 480px) {
  .bg-bg-pink-1-png {
    background-image: url('../images/bg-pink-1-480.webp') !important;
  }
}
@media (min-width: 800px) {
  .bg-bg-pink-1-png {
    background-image: url('../images/bg-pink-1-800.webp') !important;
  }
}
@media (min-width: 1200px) {
  .bg-bg-pink-1-png {
    background-image: url('../images/bg-pink-1-1200.webp') !important;
  }
}
@media (min-width: 1600px) {
  .bg-bg-pink-1-png {
    background-image: url('../images/bg-pink-1-1600.webp') !important;
  }
}
@media (min-width: 1920px) {
  .bg-bg-pink-1-png {
    background-image: url('../images/bg-pink-1-1920.webp') !important;
  }
}
/* embroidery-bg.jpg */
.bg-embroidery-bg-jpg {
  background-image: url('../images/embroidery-bg-480.webp') !important;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 480px) {
  .bg-embroidery-bg-jpg {
    background-image: url('../images/embroidery-bg-480.webp') !important;
  }
}
@media (min-width: 800px) {
  .bg-embroidery-bg-jpg {
    background-image: url('../images/embroidery-bg-800.webp') !important;
  }
}
@media (min-width: 1200px) {
  .bg-embroidery-bg-jpg {
    background-image: url('../images/embroidery-bg-1200.webp') !important;
  }
}
@media (min-width: 1600px) {
  .bg-embroidery-bg-jpg {
    background-image: url('../images/embroidery-bg-1600.webp') !important;
  }
}
@media (min-width: 1920px) {
  .bg-embroidery-bg-jpg {
    background-image: url('../images/embroidery-bg-1920.webp') !important;
  }
}
/* testimonial-01.webp */
.bg-testimonial-01-webp {
  background-image: url('../images/testimonial-01.webp') !important;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 480px) {
  .bg-testimonial-01-webp {
    background-image: url('../images/testimonial-01.webp') !important;
  }
}
@media (min-width: 800px) {
  .bg-testimonial-01-webp {
    background-image: url('../images/testimonial-01.webp') !important;
  }
}
@media (min-width: 1200px) {
  .bg-testimonial-01-webp {
    background-image: url('../images/testimonial-01.webp') !important;
  }
}
@media (min-width: 1600px) {
  .bg-testimonial-01-webp {
    background-image: url('../images/testimonial-01.webp') !important;
  }
}
@media (min-width: 1920px) {
  .bg-testimonial-01-webp {
    background-image: url('../images/testimonial-01.webp') !important;
  }
}
/* bg-blue.png */
.bg-bg-blue-png {
  background-image: url('../images/bg-blue-480.webp') !important;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 480px) {
  .bg-bg-blue-png {
    background-image: url('../images/bg-blue-480.webp') !important;
  }
}
@media (min-width: 800px) {
  .bg-bg-blue-png {
    background-image: url('../images/bg-blue-800.webp') !important;
  }
}
@media (min-width: 1200px) {
  .bg-bg-blue-png {
    background-image: url('../images/bg-blue-1200.webp') !important;
  }
}
@media (min-width: 1600px) {
  .bg-bg-blue-png {
    background-image: url('../images/bg-blue-1600.webp') !important;
  }
}
@media (min-width: 1920px) {
  .bg-bg-blue-png {
    background-image: url('../images/bg-blue-1920.webp') !important;
  }
}
/* testimonial-02.webp */
.bg-testimonial-02-webp {
  background-image: url('../images/testimonial-02-480.webp') !important;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 480px) {
  .bg-testimonial-02-webp {
    background-image: url('../images/testimonial-02-480.webp') !important;
  }
}
@media (min-width: 800px) {
  .bg-testimonial-02-webp {
    background-image: url('../images/testimonial-02-800.webp') !important;
  }
}
@media (min-width: 1200px) {
  .bg-testimonial-02-webp {
    background-image: url('../images/testimonial-02-1200.webp') !important;
  }
}
@media (min-width: 1600px) {
  .bg-testimonial-02-webp {
    background-image: url('../images/testimonial-02-1600.webp') !important;
  }
}
@media (min-width: 1920px) {
  .bg-testimonial-02-webp {
    background-image: url('../images/testimonial-02-1920.webp') !important;
  }
}
/* sinage-brand.png */
.bg-sinage-brand-png {
  background-image: url('../images/sinage-brand-480.webp') !important;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 480px) {
  .bg-sinage-brand-png {
    background-image: url('../images/sinage-brand-480.webp') !important;
  }
}
@media (min-width: 800px) {
  .bg-sinage-brand-png {
    background-image: url('../images/sinage-brand-800.webp') !important;
  }
}
@media (min-width: 1200px) {
  .bg-sinage-brand-png {
    background-image: url('../images/sinage-brand-1200.webp') !important;
  }
}
@media (min-width: 1600px) {
  .bg-sinage-brand-png {
    background-image: url('../images/sinage-brand-1600.webp') !important;
  }
}
@media (min-width: 1920px) {
  .bg-sinage-brand-png {
    background-image: url('../images/sinage-brand-1920.webp') !important;
  }
}
/* sinage-board-bg.png */
.bg-sinage-board-bg-png {
  background-image: url('../images/sinage-board-bg-480.webp') !important;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 480px) {
  .bg-sinage-board-bg-png {
    background-image: url('../images/sinage-board-bg-480.webp') !important;
  }
}
@media (min-width: 800px) {
  .bg-sinage-board-bg-png {
    background-image: url('../images/sinage-board-bg-800.webp') !important;
  }
}
@media (min-width: 1200px) {
  .bg-sinage-board-bg-png {
    background-image: url('../images/sinage-board-bg-1200.webp') !important;
  }
}
@media (min-width: 1600px) {
  .bg-sinage-board-bg-png {
    background-image: url('../images/sinage-board-bg-1600.webp') !important;
  }
}
@media (min-width: 1920px) {
  .bg-sinage-board-bg-png {
    background-image: url('../images/sinage-board-bg-1920.webp') !important;
  }
}
/* bg-gray.jpg */
.bg-bg-gray-jpg {
  background-image: url('../images/bg-gray-480.webp') !important;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 480px) {
  .bg-bg-gray-jpg {
    background-image: url('../images/bg-gray-480.webp') !important;
  }
}
@media (min-width: 800px) {
  .bg-bg-gray-jpg {
    background-image: url('../images/bg-gray-800.webp') !important;
  }
}
@media (min-width: 1200px) {
  .bg-bg-gray-jpg {
    background-image: url('../images/bg-gray-1200.webp') !important;
  }
}
@media (min-width: 1600px) {
  .bg-bg-gray-jpg {
    background-image: url('../images/bg-gray-1600.webp') !important;
  }
}
@media (min-width: 1920px) {
  .bg-bg-gray-jpg {
    background-image: url('../images/bg-gray-1920.webp') !important;
  }
}
/* hero-bg-blue-mobile.png */
.bg-hero-bg-blue-mobile-png {
  background-image: url('../images/hero-bg-blue-mobile-480.webp') !important;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 480px) {
  .bg-hero-bg-blue-mobile-png {
    background-image: url('../images/hero-bg-blue-mobile-480.webp') !important;
  }
}
@media (min-width: 800px) {
  .bg-hero-bg-blue-mobile-png {
    background-image: url('../images/hero-bg-blue-mobile-800.webp') !important;
  }
}
@media (min-width: 1200px) {
  .bg-hero-bg-blue-mobile-png {
    background-image: url('../images/hero-bg-blue-mobile-1200.webp') !important;
  }
}
@media (min-width: 1600px) {
  .bg-hero-bg-blue-mobile-png {
    background-image: url('../images/hero-bg-blue-mobile-1600.webp') !important;
  }
}
@media (min-width: 1920px) {
  .bg-hero-bg-blue-mobile-png {
    background-image: url('../images/hero-bg-blue-mobile-1920.webp') !important;
  }
}
/* hero-bg-pink.png */
.bg-hero-bg-pink-png {
  background-image: url('../images/hero-bg-pink-480.webp') !important;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 480px) {
  .bg-hero-bg-pink-png {
    background-image: url('../images/hero-bg-pink-480.webp') !important;
  }
}
@media (min-width: 800px) {
  .bg-hero-bg-pink-png {
    background-image: url('../images/hero-bg-pink-800.webp') !important;
  }
}
@media (min-width: 1200px) {
  .bg-hero-bg-pink-png {
    background-image: url('../images/hero-bg-pink-1200.webp') !important;
  }
}
@media (min-width: 1600px) {
  .bg-hero-bg-pink-png {
    background-image: url('../images/hero-bg-pink-1600.webp') !important;
  }
}
@media (min-width: 1920px) {
  .bg-hero-bg-pink-png {
    background-image: url('../images/hero-bg-pink-1920.webp') !important;
  }
}
/* hero-bg-yellow-mobile.png */
.bg-hero-bg-yellow-mobile-png {
  background-image: url('../images/hero-bg-yellow-mobile-480.webp') !important;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 480px) {
  .bg-hero-bg-yellow-mobile-png {
    background-image: url('../images/hero-bg-yellow-mobile-480.webp') !important;
  }
}
@media (min-width: 800px) {
  .bg-hero-bg-yellow-mobile-png {
    background-image: url('../images/hero-bg-yellow-mobile-800.webp') !important;
  }
}
@media (min-width: 1200px) {
  .bg-hero-bg-yellow-mobile-png {
    background-image: url('../images/hero-bg-yellow-mobile-1200.webp') !important;
  }
}
@media (min-width: 1600px) {
  .bg-hero-bg-yellow-mobile-png {
    background-image: url('../images/hero-bg-yellow-mobile-1600.webp') !important;
  }
}
@media (min-width: 1920px) {
  .bg-hero-bg-yellow-mobile-png {
    background-image: url('../images/hero-bg-yellow-mobile-1920.webp') !important;
  }
}
/* hero-bg-pink-mobile.png */
.bg-hero-bg-pink-mobile-png {
  background-image: url('../images/hero-bg-pink-mobile-480.webp') !important;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 480px) {
  .bg-hero-bg-pink-mobile-png {
    background-image: url('../images/hero-bg-pink-mobile-480.webp') !important;
  }
}
@media (min-width: 800px) {
  .bg-hero-bg-pink-mobile-png {
    background-image: url('../images/hero-bg-pink-mobile-800.webp') !important;
  }
}
@media (min-width: 1200px) {
  .bg-hero-bg-pink-mobile-png {
    background-image: url('../images/hero-bg-pink-mobile-1200.webp') !important;
  }
}
@media (min-width: 1600px) {
  .bg-hero-bg-pink-mobile-png {
    background-image: url('../images/hero-bg-pink-mobile-1600.webp') !important;
  }
}
@media (min-width: 1920px) {
  .bg-hero-bg-pink-mobile-png {
    background-image: url('../images/hero-bg-pink-mobile-1920.webp') !important;
  }
}
/* btn-bg.png */
.bg-btn-bg-png {
  background-image: url('../images/btn-bg-480.webp') !important;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 480px) {
  .bg-btn-bg-png {
    background-image: url('../images/btn-bg-480.webp') !important;
  }
}
@media (min-width: 800px) {
  .bg-btn-bg-png {
    background-image: url('../images/btn-bg-800.webp') !important;
  }
}
@media (min-width: 1200px) {
  .bg-btn-bg-png {
    background-image: url('../images/btn-bg-1200.webp') !important;
  }
}
@media (min-width: 1600px) {
  .bg-btn-bg-png {
    background-image: url('../images/btn-bg-1600.webp') !important;
  }
}
@media (min-width: 1920px) {
  .bg-btn-bg-png {
    background-image: url('../images/btn-bg-1920.webp') !important;
  }
}
/* hero-bg-yellow.png */
.bg-hero-bg-yellow-png {
  background-image: url('../images/hero-bg-yellow-480.webp') !important;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 480px) {
  .bg-hero-bg-yellow-png {
    background-image: url('../images/hero-bg-yellow-480.webp') !important;
  }
}
@media (min-width: 800px) {
  .bg-hero-bg-yellow-png {
    background-image: url('../images/hero-bg-yellow-800.webp') !important;
  }
}
@media (min-width: 1200px) {
  .bg-hero-bg-yellow-png {
    background-image: url('../images/hero-bg-yellow-1200.webp') !important;
  }
}
@media (min-width: 1600px) {
  .bg-hero-bg-yellow-png {
    background-image: url('../images/hero-bg-yellow-1600.webp') !important;
  }
}
@media (min-width: 1920px) {
  .bg-hero-bg-yellow-png {
    background-image: url('../images/hero-bg-yellow-1920.webp') !important;
  }
}