footer{background:url(../../images/footbg.jpg) no-repeat center top;}
footer .wp{padding:60px 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;gap: 16px;}

footer h5{font-size:22px;color:#000;font-weight:700;line-height:1;margin:0 0 20px; white-space: nowrap;}
footer h5::after{content:"";width:70px;height:4px;background:#DA261D;margin:15px auto 0 0;display:block;}

.derun-foot-logo{width:370px;}
.derun-foot-logo p{margin:15px 0 0;color:#272727;font-size:18px;line-height:30px;font-weight:300;}
.derun-foot-logo .share{font-size:0;margin:20px 0 0;}
.derun-foot-logo .share a{width:50px;height:50px;line-height:50px;color:#fff;text-align:center;background:#363636;display:inline-block;}
.derun-foot-logo .share a+a{margin-left:15px;}
.derun-foot-logo .share a i{font-size:28px;color:inherit;}
.derun-foot-logo .share a:hover{color:var(--btn-bg);}

.derun-foot-nav ul li{font-size:18px;line-height:28px;color:#272727;}
.derun-foot-nav ul li+li{margin-top:5px;}
.derun-foot-nav ul li a:hover{color:#E60012;}

.derun-foot-list ul li{font-size:18px;line-height:28px;color:#272727;}
.derun-foot-list ul li+li{margin-top:5px;}
.derun-foot-list ul li a:hover{color:#E60012;}

.derun-foot-contact{width:350px;}
.derun-foot-contact p{font-size:18px;line-height:28px;color:#272727;}
.derun-foot-contact p+p{margin-top:5px;}

@media screen and (max-width:1280px){
  .derun-foot-logo {width: 350px;}
  .derun-foot-logo p {margin: 15px 0 0;font-size: 18px;line-height: 24px;}
  .derun-foot-logo .share {margin: 15px 0 0;}
  .derun-foot-logo .share a {width: 40px;height: 40px;line-height: 40px;}
  .derun-foot-logo .share a i {font-size: 24px;}

  footer h5 {font-size: 20px;margin: 0 0 15px;}
  .derun-foot-nav ul li,.derun-foot-list ul li,.derun-foot-contact p {font-size: 16px;line-height: 24px;}
}

@media screen and (max-width:768px){
  footer .wp {
    padding: 30px 0;
    display: block;
  }
  footer h5::after {
    margin: 15px auto 0;
  }
 
  .derun-foot-logo{width:100%;text-align:center;}
  .derun-foot-logo em{margin:10px 0 0;font-size:14px;}
  .derun-foot-logo p{margin:10px 0 0;font-size:15px;line-height:22px;}

  .derun-foot-logo .share {margin: 10px 0 30px 0;}
  .derun-foot-logo .share b{display:block;font-size:24px;color:#fff;font-weight:500;margin-bottom:15px;}
  .derun-foot-logo .share a{display:inline-block;text-align:center;margin:0 15px 0 0;box-sizing:border-box;}
  .derun-foot-logo .share a i{font-size:24px;color:#fff;}

  .derun-foot-nav,.derun-foot-list{display:none;}

  .derun-foot-contact {width: 100%;text-align: center;}
  .derun-foot-contact ul{-webkit-flex-direction:column;flex-direction:column;}
  .derun-foot-contact ul li{width:100%;padding:15px 10px;height:auto;margin:10px 0 0;-webkit-flex-direction:column;flex-direction:column;}
  .derun-foot-contact ul li .ico{margin-left:0;}
  .derun-foot-contact ul li .t{height:auto;padding:0;margin:10px 0 0;text-align:center;}
  .derun-foot-contact ul li .t::after{display:none;}
  .derun-foot-contact ul li .t h5{font-size:20px;}
  .derun-foot-contact ul li .t p{font-size:15px;}
}