.breadcrumb-sec{float: left; width: 100%;background-color: #f8f8f8; height: 40px; line-height: 40px; margin: 10px 0;}
.breadcrumb li a{color: #2e2e2e;font-size: 16px;text-decoration: none;  }
.breadcrumb {padding: 0; margin: 0; background: transparent;}

.prort-page-sec{ padding: 20px 0;}
.page-heading h1{font-size: 35px;font-weight: 700;  }

.portfolio-box{padding-bottom: 15px;background-color: #f0f0f0;width: 100%;float: left;text-align: center;
margin-bottom: 25px;color: #000;overflow: hidden;}
.portfolio-box:hover h4{color: #ef233c;  }
.portfolio-box .gallery-img {height: 280px; overflow: hidden; float: left;}
.portfolio-box .gallery-img img{ max-height: 100%;}
.portfolio-box h4{ font-size: 20px;font-family: 'Source Sans Pro', sans-serif;font-weight: 700;height: 25px;
overflow: hidden;transition-property: all; transition-duration: 0.1s; transition-delay: 0.1s;
text-overflow: ellipsis; width: 100%;white-space: nowrap;padding: 0 10px;}
.portfolio-box h6{ font-size: 16px;font-family: 'Source Sans Pro', sans-serif;}
.close{ color: #fff; opacity: 1;position: absolute;top: 2%;right: 2%; }
.close:focus, .close:hover{ outline: none;color: #fff; }
.close span{font-size: 40px;}
.model-text{ background: #f1f1f1; }
.model-text h1{ font-size: 30px;margin-top: 10px;font-weight: 600;width: 90%;overflow: hidden;text-overflow: ellipsis;white-space: normal;margin: auto;height: 40px; }

@media screen and (max-width: 575px){
.portfolio-box .gallery-img{float: none;}
}