Hi,
Please refrain from being rude, we are trying to help you. Our response time is usually within 24 hours unless it’s a weekend.
1) Please test this:
.spb_tabs .tab-content .row ul.portfolio-items {
margin-left: -30px!important;
}
.spb_tabs .tab-content .row [class*="span"] li {
width: 220px!important;
margin-left: 20px!important;
}
@media (min-width: 1200px) {
.spb_tabs .tab-content .row [class*="span"] li {
width: 270px!important;
margin-left: 30px!important;
}
}
@media (max-width: 979px) and (min-width: 768px) {
.spb_tabs .tab-content .row [class*="span"] li {
width: 166px!important;
}
}
@media only screen and (max-width: 767px) {
.spb_tabs .tab-content .row [class*="span"] li {
width: 48%!important;
margin-left: 0!important;
float: left;
}
.spb_tabs .tab-content .row [class*="span"] li:nth-child(2n) {
margin-left: 4%!important;
}
}
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
.spb_tabs .tab-content .row ul.portfolio-items {
margin-right: -30px!important;
}
.spb_tabs .tab-content {
overflow-x: hidden;
}
}
2) No this is not possible, you would need to hire a developer to do this for you.