/* building-background-1.png */
.bg-building-background-1-png {
  background-image: url('../images/building-background-1-480.webp') !important;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 480px) {
  .bg-building-background-1-png {
    background-image: url('../images/building-background-1-480.webp') !important;
  }
}
@media (min-width: 800px) {
  .bg-building-background-1-png {
    background-image: url('../images/building-background-1-800.webp') !important;
  }
}
@media (min-width: 1200px) {
  .bg-building-background-1-png {
    background-image: url('../images/building-background-1-1200.webp') !important;
  }
}
@media (min-width: 1600px) {
  .bg-building-background-1-png {
    background-image: url('../images/building-background-1-1600.webp') !important;
  }
}
@media (min-width: 1920px) {
  .bg-building-background-1-png {
    background-image: url('../images/building-background-1-1920.webp') !important;
  }
}
/* building-background-2.png */
.bg-building-background-2-png {
  background-image: url('../images/building-background-2-480.webp') !important;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 480px) {
  .bg-building-background-2-png {
    background-image: url('../images/building-background-2-480.webp') !important;
  }
}
@media (min-width: 800px) {
  .bg-building-background-2-png {
    background-image: url('../images/building-background-2-800.webp') !important;
  }
}
@media (min-width: 1200px) {
  .bg-building-background-2-png {
    background-image: url('../images/building-background-2-1200.webp') !important;
  }
}
@media (min-width: 1600px) {
  .bg-building-background-2-png {
    background-image: url('../images/building-background-2-1600.webp') !important;
  }
}
@media (min-width: 1920px) {
  .bg-building-background-2-png {
    background-image: url('../images/building-background-2-1920.webp') !important;
  }
}
/* window-compare-b.jpg */
.bg-window-compare-b-jpg {
  background-image: url('../images/window-compare-b-480.webp') !important;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 480px) {
  .bg-window-compare-b-jpg {
    background-image: url('../images/window-compare-b-480.webp') !important;
  }
}
@media (min-width: 800px) {
  .bg-window-compare-b-jpg {
    background-image: url('../images/window-compare-b-800.webp') !important;
  }
}
@media (min-width: 1200px) {
  .bg-window-compare-b-jpg {
    background-image: url('../images/window-compare-b-1200.webp') !important;
  }
}
@media (min-width: 1600px) {
  .bg-window-compare-b-jpg {
    background-image: url('../images/window-compare-b-1600.webp') !important;
  }
}
@media (min-width: 1920px) {
  .bg-window-compare-b-jpg {
    background-image: url('../images/window-compare-b-1920.webp') !important;
  }
}
/* window-compare-a.jpg */
.bg-window-compare-a-jpg {
  background-image: url('../images/window-compare-a-480.webp') !important;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 480px) {
  .bg-window-compare-a-jpg {
    background-image: url('../images/window-compare-a-480.webp') !important;
  }
}
@media (min-width: 800px) {
  .bg-window-compare-a-jpg {
    background-image: url('../images/window-compare-a-800.webp') !important;
  }
}
@media (min-width: 1200px) {
  .bg-window-compare-a-jpg {
    background-image: url('../images/window-compare-a-1200.webp') !important;
  }
}
@media (min-width: 1600px) {
  .bg-window-compare-a-jpg {
    background-image: url('../images/window-compare-a-1600.webp') !important;
  }
}
@media (min-width: 1920px) {
  .bg-window-compare-a-jpg {
    background-image: url('../images/window-compare-a-1920.webp') !important;
  }
}
/* icon-hexaganol-green.png */
.bg-icon-hexaganol-green-png {
  background-image: url('../images/icon-hexaganol-green-480.webp') !important;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 480px) {
  .bg-icon-hexaganol-green-png {
    background-image: url('../images/icon-hexaganol-green-480.webp') !important;
  }
}
@media (min-width: 800px) {
  .bg-icon-hexaganol-green-png {
    background-image: url('../images/icon-hexaganol-green-800.webp') !important;
  }
}
@media (min-width: 1200px) {
  .bg-icon-hexaganol-green-png {
    background-image: url('../images/icon-hexaganol-green-1200.webp') !important;
  }
}
@media (min-width: 1600px) {
  .bg-icon-hexaganol-green-png {
    background-image: url('../images/icon-hexaganol-green-1600.webp') !important;
  }
}
@media (min-width: 1920px) {
  .bg-icon-hexaganol-green-png {
    background-image: url('../images/icon-hexaganol-green-1920.webp') !important;
  }
}
/* 3-circles-white-01.png */
.bg-3-circles-white-01-png {
  background-image: url('../images/3-circles-white-01-480.webp') !important;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 480px) {
  .bg-3-circles-white-01-png {
    background-image: url('../images/3-circles-white-01-480.webp') !important;
  }
}
@media (min-width: 800px) {
  .bg-3-circles-white-01-png {
    background-image: url('../images/3-circles-white-01-800.webp') !important;
  }
}
@media (min-width: 1200px) {
  .bg-3-circles-white-01-png {
    background-image: url('../images/3-circles-white-01-1200.webp') !important;
  }
}
@media (min-width: 1600px) {
  .bg-3-circles-white-01-png {
    background-image: url('../images/3-circles-white-01-1600.webp') !important;
  }
}
@media (min-width: 1920px) {
  .bg-3-circles-white-01-png {
    background-image: url('../images/3-circles-white-01-1920.webp') !important;
  }
}
/* 3-circles-white.png */
.bg-3-circles-white-png {
  background-image: url('../images/3-circles-white-480.webp') !important;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 480px) {
  .bg-3-circles-white-png {
    background-image: url('../images/3-circles-white-480.webp') !important;
  }
}
@media (min-width: 800px) {
  .bg-3-circles-white-png {
    background-image: url('../images/3-circles-white-800.webp') !important;
  }
}
@media (min-width: 1200px) {
  .bg-3-circles-white-png {
    background-image: url('../images/3-circles-white-1200.webp') !important;
  }
}
@media (min-width: 1600px) {
  .bg-3-circles-white-png {
    background-image: url('../images/3-circles-white-1600.webp') !important;
  }
}
@media (min-width: 1920px) {
  .bg-3-circles-white-png {
    background-image: url('../images/3-circles-white-1920.webp') !important;
  }
}