.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.dividers-on.classic-layout-list article {
  padding-top: 0;
}
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.dividers-on.classic-layout-list article:first-of-type {
  margin-top: 0;
  padding-top: 0;
}
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.classic-layout-list.mode-list .post-entry-content {
  width: calc(100% - );
}
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.classic-layout-list.mode-list .no-img .post-entry-content {
  width: 100%;
}
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .filter-bg-decoration .filter-categories a.act {
  color: #fff;
}
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf:not(.mode-masonry) article:first-of-type,
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf:not(.mode-masonry) article.visible.first {
  margin-top: 0;
}
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.dividers-on:not(.mode-masonry) article {
  margin-top: 0;
}
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.dividers-on:not(.mode-masonry) article:first-of-type,
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.dividers-on:not(.mode-masonry) article.visible.first {
  margin-top: 0;
  padding-top: 0;
}
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.hover-scale article:after {
  background: -webkit-linear-gradient();
  background: linear-gradient();
}
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.gradient-overlay-layout-list article {
  border-radius: 0px;
}
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .post-thumbnail-wrap {
  padding: 0px 0px 0px 0px;
  border-radius: 0px;
}
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .post-thumbnail-wrap *,
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .post-thumbnail-rollover:after {
  border-radius: 0px;
}
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.enable-bg-rollover .post-thumbnail-rollover:after {
  background: -webkit-linear-gradient();
  background: linear-gradient();
}
.bottom-overlap-layout-list.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .project-links-container {
  height: calc(100% - 100px);
}
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .project-links-container a {
  width: 44px;
  height: 44px;
  line-height: 44px;
  border-radius: 100px;
  margin: 10px 5px 10px;
}
.content-rollover-layout-list:not(.content-align-center).portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .project-links-container a,
.gradient-overlay-layout-list:not(.content-align-center).portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .project-links-container a {
  margin: 10px 10px 10px 0;
}
.dt-icon-border-on.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .project-links-container a:before {
  border-width: 0px;
  border-style: solid;
}
.dt-icon-hover-border-on.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .project-links-container a:after {
  border-width: 0px;
  border-style: solid;
}
.dt-icon-bg-on.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .project-links-container a:before {
  background: rgba(255,255,255,0.3);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dt-icon-hover-bg-on.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .project-links-container a:after {
  background: rgba(255,255,255,0.5);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .project-links-container a > span,
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .project-links-container a > span:before {
  font-size: 16px;
  line-height: 44px;
}
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .project-links-container a:not(:hover) > span {
  color: #ffffff;
}
.dt-icon-hover-off.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .project-links-container a > span,
.dt-icon-hover-off.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .project-links-container a:hover > span {
  color: #ffffff;
}
.dt-icon-hover-on.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .project-links-container a:hover > span {
  color: #ffffff;
}
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .entry-title,
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.owl-carousel .entry-title {
  margin-bottom: 5px;
  font-size: 15px;
  line-height: 20px;
  font-weight: bold;
}
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .entry-meta {
  margin-bottom: 15px;
}
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .portfolio-categories {
  margin-bottom: 15px;
}
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .entry-excerpt {
  margin-bottom: 5px;
}
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf:not(.centered-layout-list) .post-entry-content {
  padding: 15px 5px 30px 5px;
}
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf:not(.centered-layout-list):not(
      .content-bg-on
    ):not(.mode-list)
    .no-img
    .post-entry-content {
  padding: 0;
}
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.gradient-overlay-layout-list .post-entry-content {
  border-radius: 0px;
}
@media screen and (max-width: ) {
  .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf article {
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    margin-top: 20px;
  }
  .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.dividers-on article {
    border: none;
  }
  .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.content-bg-on.centered-layout-list article {
    padding: 0;
  }
  #page .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .post-thumbnail-wrap,
  #page .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .post-entry-content {
    width: 100%;
    margin: 0;
    top: 0;
  }
  #page .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .post-thumbnail-wrap {
    padding: 0;
  }
  #page .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .post-entry-content:after {
    display: none;
  }
  #page .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .project-even .post-thumbnail-wrap,
  #page .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.centered-layout-list .post-thumbnail-wrap {
    -webkit-order: 0;
    -moz-order: 0;
    -ms-flex-order: 0;
    order: 0;
  }
  #page .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.centered-layout-list .post-entry-title-content {
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    padding: 20px 20px 0;
  }
  #page .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.centered-layout-list .post-entry-content {
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
    padding-top: 0;
  }
  #page .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .post-entry-content {
    padding: 20px;
  }
  #page .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .entry-title {
    margin: 3px 0 5px;
    font-size: 20px;
    font-size: 15px;
    line-height: 26px;
    line-height: 20px;
  }
  #page .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .entry-meta {
    margin: 5px 0 5px;
  }
  #page .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .entry-excerpt {
    margin: 15px 0 0;
  }
  #page .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .post-details {
    margin: 5px 0 10px;
  }
  #page .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf .post-details.details-type-link {
    margin-bottom: 2px;
  }
}
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf:not(.resize-by-browser-width) .dt-css-grid {
  grid-row-gap: 30px;
  grid-column-gap: 30px;
  grid-template-columns: repeat(auto-fill,minmax(,1fr));
}
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf:not(.resize-by-browser-width) .dt-css-grid .double-width {
  grid-column: span 2;
}
.cssgridlegacy.no-cssgrid .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf:not(.resize-by-browser-width) .dt-css-grid,
.no-cssgridlegacy.no-cssgrid .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf:not(.resize-by-browser-width) .dt-css-grid {
  display: flex;
  flex-flow: row wrap;
  margin: -15px;
}
.cssgridlegacy.no-cssgrid .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf:not(.resize-by-browser-width) .dt-css-grid .wf-cell,
.no-cssgridlegacy.no-cssgrid .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf:not(.resize-by-browser-width) .dt-css-grid .wf-cell {
  flex: 1 0 ;
  max-width: 100%;
  padding: 15px;
  box-sizing: border-box;
}
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.resize-by-browser-width .dt-css-grid {
  grid-template-columns: repeat(4,1fr);
  grid-template-rows: auto;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.resize-by-browser-width .dt-css-grid .double-width {
  grid-column: span 2;
}
.cssgridlegacy.no-cssgrid .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.resize-by-browser-width .dt-css-grid {
  margin: -15px;
}
.cssgridlegacy.no-cssgrid .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.resize-by-browser-width .dt-css-grid .wf-cell {
  width: 25%;
  padding: 15px;
}
.cssgridlegacy.no-cssgrid .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.resize-by-browser-width .dt-css-grid .wf-cell.double-width {
  width: calc(25%) * 2;
}
.portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.resize-by-browser-width:not(.centered-layout-list):not(.content-bg-on) .dt-css-grid {
  grid-row-gap: 0px;
}
@media screen and (max-width: 1199px) {
  .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.resize-by-browser-width .dt-css-grid {
    grid-template-columns: repeat(4,1fr);
  }
  .cssgridlegacy.no-cssgrid .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.resize-by-browser-width .dt-css-grid .wf-cell,
  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.resize-by-browser-width .dt-css-grid .wf-cell {
    width: 25%;
  }
  .cssgridlegacy.no-cssgrid .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.resize-by-browser-width .dt-css-grid .wf-cell.double-width,
  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.resize-by-browser-width .dt-css-grid .wf-cell.double-width {
    width: calc(25%)*2;
  }
}
@media screen and (max-width: 991px) {
  .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.resize-by-browser-width .dt-css-grid {
    grid-template-columns: repeat(2,1fr);
  }
  .cssgridlegacy.no-cssgrid .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.resize-by-browser-width .dt-css-grid .wf-cell,
  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.resize-by-browser-width .dt-css-grid .wf-cell {
    width: 50%;
  }
  .cssgridlegacy.no-cssgrid .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.resize-by-browser-width .dt-css-grid .wf-cell.double-width,
  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.resize-by-browser-width .dt-css-grid .wf-cell.double-width {
    width: calc(50%)*2;
  }
}
@media screen and (max-width: 767px) {
  .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.resize-by-browser-width .dt-css-grid {
    grid-template-columns: repeat(2,1fr);
  }
  .cssgridlegacy.no-cssgrid .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.resize-by-browser-width .dt-css-grid .wf-cell,
  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.resize-by-browser-width .dt-css-grid .wf-cell {
    width: 50%;
  }
  .cssgridlegacy.no-cssgrid .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.resize-by-browser-width .dt-css-grid .wf-cell.double-width,
  .no-cssgridlegacy.no-cssgrid .portfolio-shortcode.archive-7ac88ea31294fe77541efc3337a63adf.resize-by-browser-width .dt-css-grid .wf-cell.double-width {
    width: calc(50%)*2;
  }
}