footer.c-footer--default{margin-top: 0px;}
h3.footer__title{color: #fff!important;}
.top{max-width: 1170px;margin: 0 auto;width: 100%;}
span.text-img.mbs img{width: 140px;}
.mid-tp-bg-wrapper {
  background: url("https://info.channelnewsasia.com/brandstudio/keepgrowing/imgs/bg-header-data.gif") no-repeat;
  background-position: top center;
  background-size: cover;
  width: 100%;
  height: 720px;
  position: relative;
  z-index: 2;
}
.mid-tp {
  max-width: 1440px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 10%;
}
.mid-tp .mid-tp-wrapper {
  position: relative;
}
.mid-tp .mid-tp-wrapper .title {
  width: 48%;
}
.mid-tp .mid-tp-wrapper .title img {
  height: 300px;
  width: 100%;
  margin-top: 60px;
}
.mid-tp .mid-tp-wrapper .social {
  padding-left: 90px;
  width: 48%;
  position: relative;
  height: 700px;
  text-align: left;
top: 80px;
}
.mid-tp .mid-tp-wrapper .social .social-text {
  color: #CD3E27;
  font-size: 20px;
  font-weight: 700;
  margin-top: 70px;
  line-height: 150%;
  font-family: "Open Sans";
}

.mid-tp .mid-tp-wrapper .social .social-icons {padding:20px 0 50px 0; }
.mid-tp .mid-tp-wrapper .social .social-icons a { display: inline-block; width: 40px; margin: 0 5px; }
.mid-tp .mid-tp-wrapper .social .social-icons a:hover img { filter: invert(1) sepia(1) brightness(0.225) hue-rotate(300deg) saturate(20); -webkit-filter: invert(1) sepia(1) brightness(0.225) hue-rotate(300deg) saturate(20); }
.mid-tp .mid-tp-wrapper .social .social-icons a img{max-width:100%;display:block;}

@media screen and (max-width: 840px){
  .mid-tp .mid-tp-wrapper .social .social-icons a {margin: 0 3px;}
}

@media screen and (max-width: 769px) {
.mid-tp .mid-tp-wrapper .social {  padding-left: 0px;}
.mid-tp-bg-wrapper {
    background: url("https://info.channelnewsasia.com/brandstudio/keepgrowing/imgs/bg-header-mobile-data.gif") no-repeat;
    background-size: cover;
    height: 375px;
  }
  .mid-tp .mid-tp-wrapper .title {float: none;display: block;width: 100%;  }
  .mid-tp .mid-tp-wrapper .social {float: none;display: block;width: 100%;text-align: center;  }
  .mid-tp .mid-tp-wrapper .social .social-text {margin-top: 0;padding: 50px 5% 0 5%;}
  .mid-tp .mid-tp-wrapper .social .social-icons a {margin: 0 5px;}
}

@media screen and (max-width: 480px) {
  .mid-tp .mid-tp-wrapper .title img {margin-top: 0; }
  .mid-tp .mid-tp-wrapper .title img {height: 250px;}
  .mid-tp-bg-wrapper {height: 295px;}
  .mid-tp .mid-tp-wrapper .social .social-text {margin-top: -135px;}
}