#recent-works .col-xs-12.col-sm-4.col-md-3 { padding: 0; }

#recent-works { padding-bottom: 70px; }

.recent-work-wrap { position: relative; }

.recent-work-wrap img { width: 100%; }

.recent-work-wrap .recent-work-inner { top: 0; background: transparent; opacity: .8; width: 100%; border-radius: 0; margin-bottom: 0; }

.recent-work-wrap .recent-work-inner h3 { margin: 10px 0; }

.recent-work-wrap .recent-work-inner h3 a { font-size: 24px; color: #333; }

.recent-work-wrap .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; border-radius: 0; background: rgba(60,52,127,1); /*background: url('../images/bgOverlay.png') no-repeat center;*/ color: #333; vertical-align: middle; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms;/*padding: 30px;*/ }

.recent-work-wrap .overlay .preview { bottom: 0; display: inline-block; height: 35px; line-height: 35px; border-radius: 0; background: transparent; text-align: center; color: #333; }

.recent-work-wrap:hover .overlay { opacity: 1; }

#portfolio_page { margin-top: 115px; padding-bottom: 0; }


.portfolio-items,
.portfolio-filter { list-style: none outside none; margin: 0 0 70px 0; padding: 0; }

.portfolio-filter > li a { color:rgb(0 0 0); font-size: 17px; 
font-weight: 500; /*margin-right: 20px;*/ text-transform: uppercase; 
transition: all 0.9s ease 0s; -moz-transition: all 0.9s ease 0s;
 -webkit-transition: all 0.9s ease 0s; -o-transition: all 0.9s ease 0s;
  outline: none; 
  border-radius: 0px;line-height:40px; padding:0px 31px !important; font-family: 'Oswald';  }

.portfolio-filter > li a:hover,
.portfolio-filter > li a.active { color: #fff !important; background: #bf7808 !important; box-shadow: none; -webkit-box-shadow: none; }

.portfolio-items > li { float: left; padding: 0px ; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.portfolio-filter li {box-shadow: 0px 0px 20px -5px rgba(0,0,0, .42);}

.portfolio-item { margin: 0; padding: 0; }

/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item { z-index: 2; }

.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }

.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }

.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; }

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }

/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
@media (min-width: 992px) and (max-width: 1199px) { 
  #portfolio .row {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media (min-width: 1200px) {
  /* Make Navigation Toggle on Desktop Hover */


  #portfolio .row {
    margin-left: -10px;
    margin-right: -10px;
  }

}


@media (max-width: 575px) {
	
	.recent-work-wrap .overlay_img {
		
     margin-top: 21% !important;
    margin-left: 24% !important;
	}
}