@media (max-width: 1535px) {
  .u-content-container {
    width: 95%;
  }
}
@media (min-width: 1536px) {
  .u-content-container {
    width: 1420px;
  }
}

@media (max-width: 1279px) {
  .u-desktop-to-all {
    display: none !important;
  }
}

@media (min-width: 1280px) {
  .u-mobile-to-tablet {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .u-tablet-to-all {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .u-mobile-only {
    display: none !important;
  }
}

.u-mask {
  -webkit-mask: url("../../images/items/left_mask_bg.png") left center no-repeat, url("../../images/items/right_mask_bg.png") right center no-repeat, linear-gradient(to left, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 20px, rgb(0, 0, 0) 21px, rgb(0, 0, 0) calc(100% - 21px), rgba(0, 0, 0, 0) calc(100% - 20px), rgba(0, 0, 0, 0) 100%);
  -webkit-mask-size: auto 100%, auto 100%, 100% 100%;
}