.top-footer-wrap{position:relative;}
.top-footer-wrap::before{content:''; display:block; position:absolute; top:0; bottom:0; right:0; left:0; background-color: rgba(0,0,0, 0.3)}
.footer-quick-box > ul > li {margin: 0 25px 0 0;  padding: 0 25px 0 0;}

@media screen and (max-width: 1280px){
.footer-quick-box > ul > li {  margin: 0 20px 0 0;   padding: 0 20px 0 0;   width: calc(33% - 50px);}
}

@media screen and (max-width: 1024px){
.footer-quick-box > ul > li {   margin: 0;   padding: 35px 0 0;   width: 33%;   box-sizing: border-box;}
}

@media screen and (max-width: 768px){
.footer-quick-box > ul > li {  padding: 20px 0 0;}
}

@media screen and (max-width: 540px){
.footer-quick-box > ul > li {  width: 50%; }
}