.footbanner { padding: 35px 0; overflow: hidden; background-color: #f9f9f9; }
.footbanner ul { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.footbanner ul li { width: 23%; }
.footbanner ul li a { display: block; text-align: center; padding: 20px 10px; background-color: #fff; border: 1px solid #e5e5e5; }

#tfooter { padding: 70px 0; background-color: #484848; }
#tfooter .textbox { font-size: 18px; color: #fff; line-height: 1.65; }
#tfooter .textbox * { font-size: inherit; color: inherit; line-height: inherit; }
#tfooter .textbox p { display: inline-block; margin-right: 25px; }
#tfooter .textbox p b { font-weight: 700; }
@media (max-width: 1535px) {
    .footbanner ul li a { padding: 17px 10px; }

    #tfooter .textbox p { margin-right: 20px; }
}
@media (max-width: 1279px) {
    .footbanner ul li a { padding: 15px 10px; }

    #tfooter .textbox p { margin-right: 15px; }
}
@media (max-width: 1023px) {
    .footbanner ul { flex-wrap: wrap; }
    .footbanner ul li { width: 49%; }
    .footbanner ul li:nth-of-type(n + 3) { margin-top: 2%; }
    .footbanner ul li a { padding: 12px 7px; }

    #tfooter .textbox { text-align: center; }
    #tfooter .textbox p { margin-right: initial; display: block; }
    #tfooter .textbox br { display: none; }
}
@media (max-width: 380px) {
    .footbanner ul { display: block; }
    .footbanner ul li { width: 100%; }
    .footbanner ul li:nth-of-type(n + 3) { margin-top: initial; }
    .footbanner ul li:nth-of-type(n + 2) { margin-top: 10px; }
}