.u-section-1 .u-sheet-1 {
  min-height: 100px;
}

@media (max-width: 1199px) {
  .u-section-1 .u-sheet-1 {
    min-height: 3px;
  }
}

@media (max-width: 767px) {
  .u-section-1 .u-sheet-1 {
    min-height: 100px;
  }
} .u-section-2 {
  background-image: none;
}

.u-section-2 .u-image-1 {
  min-height: 1198px;
  background-image: url("images/Shelf-empty.jpg");
  background-position: 50% 50%;
}

.u-section-2 .u-image-2 {
  width: 207px;
  height: 259px;
  transition-duration: 0.5s;
  box-shadow: 2px 0 0 0 rgba(0,0,0,0);
  transform: translateX(0px) translateY(0px) scale(1) rotate(0deg);
  margin: 337px auto 0 207px;
}

.u-section-2 .u-image-3 {
  width: 171px;
  height: 235px;
  transition-duration: 0.5s;
  box-shadow: 2px 0 0 0 rgba(0,0,0,0);
  transform: translateX(0px) translateY(0px) scale(1) rotate(0deg);
  margin: -20px auto 0 399px;
}

.u-section-2 .u-image-4 {
  width: 155px;
  height: 219px;
  transition-duration: 0.5s;
  box-shadow: 2px 0 0 0 rgba(0,0,0,0);
  transform: translateX(0px) translateY(0px) scale(1) rotate(0deg);
  margin: -462px auto 0 548px;
}

.u-section-2 .u-image-5 {
  width: 174px;
  height: 235px;
  transition-duration: 0.5s;
  box-shadow: 2px 0 0 0 rgba(0,0,0,0);
  transform: translateX(0px) translateY(0px) scale(1) rotate(0deg);
  margin: 8px 358px 0 auto;
}

.u-section-2 .u-image-6 {
  width: 209px;
  height: 261px;
  transition-duration: 0.5s;
  box-shadow: 2px 0 0 0 rgba(0,0,0,0);
  transform: translateX(0px) translateY(0px) scale(1) rotate(0deg);
  margin: 5px auto 0 494px;
}

.u-section-2 .u-image-7 {
  width: 172px;
  height: 216px;
  transition-duration: 0.5s;
  box-shadow: 2px 0 0 0 rgba(0,0,0,0);
  object-position: 50% 0%;
  transform: translateX(0px) translateY(0px) scale(1) rotate(0deg);
  margin: -246px 303px 60px auto;
}

@media (max-width: 1199px) {
  .u-section-2 .u-image-1 {
    min-height: 982px;
  }

  .u-section-2 .u-image-2 {
    width: 147px;
    height: 185px;
    margin-top: 296px;
    margin-left: 166px;
  }

  .u-section-2 .u-image-3 {
    width: 110px;
    height: 157px;
    margin-top: -5px;
    margin-right: 329px;
    margin-left: auto;
  }

  .u-section-2 .u-image-4 {
    width: 127px;
    height: 160px;
    margin-top: -325px;
    margin-left: 361px;
  }

  .u-section-2 .u-image-5 {
    width: 153px;
    height: 193px;
    margin-right: auto;
    margin-left: 294px;
  }

  .u-section-2 .u-image-6 {
    width: 167px;
    height: 211px;
    margin-top: -23px;
    margin-right: 360px;
    margin-left: auto;
  }

  .u-section-2 .u-image-7 {
    width: 166px;
    height: 209px;
    margin-top: -211px;
    margin-right: 163px;
  }
}

@media (max-width: 991px) {
  .u-section-2 .u-image-1 {
    min-height: 767px;
  }

  .u-section-2 .u-image-2 {
    width: 120px;
    height: 151px;
    margin-top: 226px;
    margin-right: 209px;
    margin-left: auto;
  }

  .u-section-2 .u-image-3 {
    width: 92px;
    height: 130px;
    margin-top: -2px;
    margin-right: auto;
    margin-left: 287px;
  }

  .u-section-2 .u-image-4 {
    width: 98px;
    height: 123px;
    margin-top: -265px;
    margin-right: 74px;
    margin-left: 548px;
  }

  .u-section-2 .u-image-5 {
    width: 99px;
    height: 130px;
    margin-top: 12px;
    margin-left: 154px;
  }

  .u-section-2 .u-image-6 {
    width: 124px;
    height: 156px;
    margin-top: 0;
    margin-right: 97px;
  }

  .u-section-2 .u-image-7 {
    width: 102px;
    height: 128px;
    margin-top: -142px;
    margin-right: 232px;
  }
}

@media (max-width: 767px) {
  .u-section-2 .u-image-1 {
    min-height: 575px;
  }

  .u-section-2 .u-image-2 {
    margin-top: 0;
  }

  .u-section-2 .u-image-3 {
    margin-top: 0;
    margin-right: 329px;
    margin-left: 369px;
  }

  .u-section-2 .u-image-4 {
    margin-top: 0;
    margin-right: 88px;
    margin-left: 385px;
  }

  .u-section-2 .u-image-5 {
    margin-top: 0;
    margin-right: 358px;
  }

  .u-section-2 .u-image-7 {
    margin-top: 0;
    margin-bottom: 0;
  }
}

@media (max-width: 575px) {
  .u-section-2 .u-image-1 {
    min-height: 362px;
  }

  .u-section-2 .u-image-2 {
    width: 300px;
    height: 340px;
  }

  .u-section-2 .u-image-3 {
    width: 300px;
    margin-right: 230px;
    margin-left: 169px;
  }

  .u-section-2 .u-image-4 {
    width: 300px;
    margin-left: 185px;
  }

  .u-section-2 .u-image-5 {
    width: 300px;
    margin-right: 166px;
  }

  .u-section-2 .u-image-6 {
    width: 300px;
    height: 340px;
  }
}

.u-section-2 .u-image-2,
.u-section-2 .u-image-2:before,
.u-section-2 .u-image-2 > .u-container-layout:before {
  transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}

.u-section-2 .u-image-2.u-image-2.u-image-2:hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-2 .u-image-2.u-image-2.u-image-2.hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-2 :hover > .u-container-layout .u-image-2 {
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px) !important;
}

.u-section-2 .hover > .u-container-layout .u-image-2 {
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px) !important;
}

.u-section-2 .u-image-4,
.u-section-2 .u-image-4:before,
.u-section-2 .u-image-4 > .u-container-layout:before {
  transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}

.u-section-2 .u-image-4.u-image-4.u-image-4:hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-2 .u-image-4.u-image-4.u-image-4.hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-2 :hover > .u-container-layout .u-image-4 {
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px) !important;
}

.u-section-2 .hover > .u-container-layout .u-image-4 {
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px) !important;
}

.u-section-2 .u-image-3,
.u-section-2 .u-image-3:before,
.u-section-2 .u-image-3 > .u-container-layout:before {
  transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}

.u-section-2 .u-image-3.u-image-3.u-image-3:hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-2 .u-image-3.u-image-3.u-image-3.hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-2 :hover > .u-container-layout .u-image-3 {
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px) !important;
}

.u-section-2 .hover > .u-container-layout .u-image-3 {
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px) !important;
}

.u-section-2 .u-image-5,
.u-section-2 .u-image-5:before,
.u-section-2 .u-image-5 > .u-container-layout:before {
  transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}

.u-section-2 .u-image-5.u-image-5.u-image-5:hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-2 .u-image-5.u-image-5.u-image-5.hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-2 :hover > .u-container-layout .u-image-5 {
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px) !important;
}

.u-section-2 .hover > .u-container-layout .u-image-5 {
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px) !important;
}

.u-section-2 .u-image-6,
.u-section-2 .u-image-6:before,
.u-section-2 .u-image-6 > .u-container-layout:before {
  transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}

.u-section-2 .u-image-6.u-image-6.u-image-6:hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-2 .u-image-6.u-image-6.u-image-6.hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-2 :hover > .u-container-layout .u-image-6 {
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px) !important;
}

.u-section-2 .hover > .u-container-layout .u-image-6 {
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px) !important;
}

.u-section-2 .u-image-7,
.u-section-2 .u-image-7:before,
.u-section-2 .u-image-7 > .u-container-layout:before {
  transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}

.u-section-2 .u-image-7.u-image-7.u-image-7:hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-2 .u-image-7.u-image-7.u-image-7.hover {
  transform: scale(1.1) translateX(0px) translateY(0px) !important;
}

.u-section-2 :hover > .u-container-layout .u-image-7 {
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px) !important;
}

.u-section-2 .hover > .u-container-layout .u-image-7 {
  transform: rotate(0deg) scale(1) translateX(0px) translateY(0px) !important;
} .u-section-3 {
  background-image: none;
}

.u-section-3 .u-sheet-1 {
  min-height: 1200px;
}

.u-section-3 .u-list-1 {
  margin-bottom: 100px;
  margin-top: 100px;
}

.u-section-3 .u-repeater-1 {
  grid-template-columns: repeat(2, calc(50% - 5px));
  --gap: 10px;
  grid-auto-columns: calc(50% - 5px);
}

.u-section-3 .u-container-layout-1 {
  padding: 10px;
}

.u-section-3 .u-image-1 {
  width: 315px;
  height: 375px;
  margin: 0 auto;
}

.u-section-3 .u-container-layout-2 {
  padding: 10px;
}

.u-section-3 .u-image-2 {
  width: 315px;
  height: 375px;
  margin: 0 auto;
}

.u-section-3 .u-container-layout-3 {
  padding: 10px;
}

.u-section-3 .u-image-3 {
  width: 315px;
  height: 375px;
  margin: 0 auto;
}

.u-section-3 .u-container-layout-4 {
  padding: 10px;
}

.u-section-3 .u-image-4 {
  width: 315px;
  height: 375px;
  margin: 0 auto;
}

.u-section-3 .u-container-layout-5 {
  padding: 10px;
}

.u-section-3 .u-image-5 {
  width: 315px;
  height: 375px;
  margin: 0 auto;
}

.u-section-3 .u-container-layout-6 {
  padding: 10px;
}

.u-section-3 .u-image-6 {
  width: 315px;
  height: 375px;
  margin: 0 auto;
}

@media (max-width: 1199px) {
  .u-section-3 .u-repeater-1 {
    grid-gap: 10px 10px;
    grid-template-columns: calc(50% - 5px) calc(50% - 5px);
  }
}

@media (max-width: 991px) {
  .u-section-3 .u-repeater-1 {
    grid-template-columns: 100%;
    grid-auto-columns: calc(100% - 0px);
  }
}

@media (max-width: 767px) {
  .u-section-3 .u-sheet-1 {
    min-height: 1378px;
  }

  .u-section-3 .u-list-1 {
    margin-bottom: 60px;
    margin-top: 125px;
  }

  .u-section-3 .u-repeater-1 {
    grid-template-columns: calc(50% - 5px) calc(50% - 5px);
    min-height: 806px;
    grid-auto-columns: 100%;
  }

  .u-section-3 .u-container-layout-1 {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }

  .u-section-3 .u-image-1 {
    height: 304px;
    width: 215px;
    margin-left: 32px;
  }

  .u-section-3 .u-container-layout-2 {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }

  .u-section-3 .u-image-2 {
    height: 304px;
    width: 215px;
    margin-left: 32px;
  }

  .u-section-3 .u-container-layout-3 {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }

  .u-section-3 .u-image-3 {
    height: 304px;
    width: 215px;
    margin-left: 32px;
  }

  .u-section-3 .u-container-layout-4 {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }

  .u-section-3 .u-image-4 {
    height: 304px;
    width: 215px;
    margin-left: 32px;
  }

  .u-section-3 .u-container-layout-5 {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }

  .u-section-3 .u-image-5 {
    height: 304px;
    width: 215px;
    margin-left: 32px;
  }

  .u-section-3 .u-container-layout-6 {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }

  .u-section-3 .u-image-6 {
    height: 304px;
    width: 215px;
    margin-left: 32px;
  }
}

@media (max-width: 575px) {
  .u-section-3 .u-repeater-1 {
    grid-template-columns: 100%;
  }

  .u-section-3 .u-image-1 {
    height: 269px;
    width: 190px;
    margin-left: auto;
  }

  .u-section-3 .u-image-2 {
    height: 269px;
    width: 190px;
    margin-left: auto;
  }

  .u-section-3 .u-image-3 {
    height: 269px;
    width: 190px;
    margin-left: auto;
  }

  .u-section-3 .u-image-4 {
    height: 269px;
    width: 190px;
    margin-left: auto;
  }

  .u-section-3 .u-image-5 {
    height: 269px;
    width: 190px;
    margin-left: auto;
  }

  .u-section-3 .u-image-6 {
    height: 269px;
    width: 190px;
    margin-left: auto;
  }
}