.item-list ul {
  padding: 0;
  margin: 0;
}

.item-list ul li {
  margin: 0;
  list-style: none;
}

.slick-slide img {
  height: 373px;
}

.field-name-field-ep-drawing img {
  height: 854px;
  width: 636px;
}

.slicker-drawing li.field-item.slick-active {
  width: 636px!important;
}

.slicker-drawing {
  height: 854px;
  width: 636px;
}

.slicker-drawing .slick-list,
.slicker-drawing ul {
  height: inherit;
  width: inherit;
}

.slicker ul,
.slicker-drawing ul {
  padding: 0;
  margin: 0;
}

.slicker ul li,
.slicker-drawing ul li {
  list-style: none;
}

.slicker ul:not(.slick-dots) > li:not(:first-child),
.slicker-drawing ul:not(.slick-dots) > li:not(:first-child) {
  display: none;
}

ul.slick-dots {
  position: relative;
  bottom: 40px;
  left: 10px;
  overflow: hidden;
  margin-top: 0;
  padding-left: 0;
}

ul.slick-dots li {
  list-style-type: none;
  display: inline-block;
}

ul.slick-dots li button {
  font-size: 0;
  width: 7px;
  height: 7px;
  background: transparent;
  margin-right: 3px;
  display: block;
  text-indent: 9999px;
  border: 1px solid #8D7865;
  padding: 0;
  border-radius: 0;
}

ul.slick-dots li.slick-active button {
  background: #8D7865;
}

@media screen and (max-width: 700px) {

  body.node-type-exceptional-piece .views-field-field-ep-front-picture img {
    margin: 0 auto;
  }
  
  .slicker-drawing {
    width: 300px;
    margin: 0;
    height: 402px;
  }
  
  .slicker-drawing li.field-item.slick-active {
    width: 300px!important;
  }

  .field-name-field-ep-drawing img {
    height: 402px;
    width: 300px;
  }
}