/* Portfolio detail pages only. Keep desktop and list layouts unchanged. */
@media screen and (max-width: 849px) {
  body.single-featured_item .portfolio-top > .page-wrapper.row {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  body.single-featured_item .portfolio-top > .page-wrapper.row > .col:not(#portfolio-content) {
    padding-left: 20px;
    padding-right: 20px;
  }
  body.single-featured_item #portfolio-content {
    padding-left: 0;
    padding-right: 0;
    min-width: 0;
  }
  body.single-featured_item #portfolio-content > .portfolio-inner > .section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.single-featured_item #portfolio-content > .portfolio-inner > .section > .section-content {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  /* Gallery rows use negative margins to compensate for padded columns.
     With a flush outer column, constrain the row and retain its photo gutters. */
  body.single-featured_item #portfolio-content .row[id^="gallery-"] {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}