.media-modal .attachment-details .setting.vc-image-filter-setting {
  float: none;
}
.media-modal .attachment-details .setting.vc-image-filter-setting select {
  max-width: 65%;
  width: 100%;
}
@media only screen and (max-width: 900px) {
  .media-modal .attachment-details .setting.vc-image-filter-setting .name {
    display: block;
  }
  .media-modal .attachment-details .setting.vc-image-filter-setting select {
    max-width: 98%;
  }
}
.media-modal .attachment-info .thumbnail {
  max-width: 100%;
  max-height: 250px;
  width: 100%;
}
.media-modal .attachment-info .thumbnail img {
  max-width: 100%;
  max-height: 250px;
}
.media-modal .attachment-info .thumbnail.loading::before {
  background: url('../images/spinner.gif') no-repeat center;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.media-modal .attachment-info .uploaded,
.media-modal .attachment-info .file-size {
  float: left;
}
.media-modal .attachment-info .uploaded::after,
.media-modal .attachment-info .file-size::after {
  margin-right: 5px;
  content: ';';
}
.media-modal .attachment-info .edit-attachment,
.media-modal .attachment-info .delete-attachment {
  display: inline;
}
.media-modal .attachment-info .delete-attachment::before {
  content: '| ';
  color: #666;
}
.media-modal.processing-media .media-button::before {
  content: '';
  width: 16px;
  height: 16px;
  background: url('../images/spinner.gif');
  display: inline-block;
  margin-left: -40px;
  position: absolute;
  pointer-events: none;
  margin-top: 6px;
}
