Hi there,
remove this CSS:
.footer-widget-1 {
text-align: center
}
.footer-widget-2 {
text-align: center;
border-left: 1px solid #c9c9c9;
padding-right: 20px
}
.footer-widget-3 {
text-align: center;
border-left: 1px solid #c9c9c9;
padding-right: 20px
}
.footer-widget-4 {
text-align: center;
border-left: 1px solid #c9c9c9;
padding-right: 35px
}
And ADD this CSS:
.inside-footer-widgets {
text-align: center;
}
.footer-widget-2,
.footer-widget-3 {
padding-right: 20px;
}
.footer-widget-4 {
padding-right: 35px;
}
@media(min-width: 769px) {
.inside-footer-widgets > div:not(first-of-type) {
border-left: 1px solid #c9c9c9;
}
}