/*
    This is a file used for css that's not using customer specific variables, so new/changed functionality doesn't require generating new files on the server when it's not needed
*/
.inner-sidebar {
  flex: 1 0 calc(100%);
  padding: 20px;
  margin-left: -20px;
}
@media only screen and (min-width: 768px) {
  .inner-sidebar {
    flex: 0 0 280px;
    max-width: 280px;
    padding: 34px 34px 40px 40px;
  }
}
@media only screen and (min-width: 1400px) {
  .inner-sidebar {
    flex: 0 0 527px;
    max-width: 527px;
    padding: 65px 80px;
  }
}
.inner-sidebar h1 {
  display: block;
  font-size: 25px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .inner-sidebar h1 {
    font-size: 22px;
    margin-bottom: 15px;
    line-height: 1.42;
  }
}
@media only screen and (min-width: 1400px) {
  .inner-sidebar h1 {
    font-size: 30px;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) {
  .de .size-info-area {
    width: 345px;
  }
}
.de .content .detail-list .name {
  width: 145px;
}