/*!
 * Start Bootstrap - Creative Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

 .no-gutter > [class*=col-] {
     padding-right: 0;
     padding-left: 0;
 }

 .portfolio-box {
     display: block;
     position: relative;
     margin: 0 auto;
     max-width: 650px;
     max-height: 240px;
     overflow: hidden;
 }

 .portfolio-box .portfolio-box-caption {
     display: block;
     position: absolute;
     bottom: 0;
     width: 100%;
     height: 100%;
     text-align: center;
     color: #900;
     opacity: 0;
     background: rgba(255,255,255,.7);
     -webkit-transition: all .35s;
     -moz-transition: all .35s;
     transition: all .35s;
 }

 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
     position: absolute;
     top: 50%;
     width: 100%;
     text-align: center;
     transform: translateY(-50%);
 }

 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
     padding: 0 15px;
     font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
 }

 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
     text-transform: uppercase;
     font-size: 14px;
     font-weight: 600;
 }

 .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
     font-size: 18px;
 }

 .portfolio-box:hover .portfolio-box-caption {
     opacity: 1;
 }
 @media (min-width: 992px) and (max-width: 1199px) {
     .portfolio-box {
         max-height: 193px;
     }
 }
 @media (min-width: 768px) and (max-width: 991px) {
     .portfolio-box {
         max-height: 165px;
     }

     .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
         font-size: 16px;

     }

     .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
         font-size: 22px;
     }
 }
 @media (max-width: 767px) {
     .portfolio-box {
         max-height: 158px;
     }
 }