.protfolio-item{margin: 0 -17px 13px;display: flex;flex-wrap: wrap;}
.protfolio-item li{width: 25%;padding: 0 17px;margin-bottom: 37px;}
.before-after-list.protfolio-item li{width: 50%;}
.protfolio-list ul.resp-tabs-list {justify-content: space-between;width: 100%;max-width: 535px;margin: 0 auto 50px !important;}
.protfolio-list .resp-tabs-list li{background:  var( --white-color) !important;}
.protfolio-list .resp-tabs-list li.resp-tab-active, 
.protfolio-list .resp-tabs-list li:hover{background:  var( --primary-color) !important;color: var(--white-color) !important;border-color: var(--primary-color);}
#portfolio-gallery-tab .btn-theme{min-width: 176px;justify-content: center;padding: 5px 20px;}
.before-after-list.protfolio-item li .before-after{top: 35px;}

.protfolio-list [class*="btn-"]::after{
	width: 147px;
    left: 9px;
    bottom: -6px;
    background-size: 141px;
}
.protfolio-item.featured-list li .gallerybox{
	border:1px solid #D6D6D6;
}

#portfolio-gallery-tab .title-md {display: none;}

/*.resp-tabs-container div.resp-tab-content .title_md{
  display: none;
}
.resp-tabs-container div .title_md{display: block;text-align: center;margin-bottom: 30px !important;}*/

/* START MEDIA QUERY */
@media screen and (max-width: 1279.99px){
    .protfolio-item{margin: 0 -10px 13px;}
    .protfolio-item li{padding: 0 10px;margin-bottom: 20px;}
    .protfolio-list ul.resp-tabs-list {max-width: 410px;}
}
@media screen and (max-width: 1199.99px){
    .protfolio-item{margin: 0 -6px 12px;}
    .protfolio-item li{padding: 0 6px;margin-bottom: 12px;}
}
@media screen and (max-width: 991.99px){
    .protfolio-item li{width: 33.33%;}
    .protfolio-list ul.resp-tabs-list{margin: 0 auto 30px !important;}
    .before-after-list.protfolio-item li .before-after{top: inherit;bottom: 24sspx;}
}
@media screen and (max-width: 575px){
    .protfolio-item li{width: 50%;}
}