footer {padding-top: 0px;  padding-bottom: 20px; }
footer div.law {width:100%; background-color:#f5f5f5; overflow:hidden;}
footer div.law ul {max-width:calc(100% - 100px);  margin:0 auto; padding:0; }
footer div.law ul li {list-style-type:none; float:left; padding:15px 0px 8px 0; font-size:14px; line-height:26px;}
footer div.law ul li:before {content:"|"; padding:0 25px; color:#bbb; }
footer div.law ul li:first-child:before {content:""; border-left:0; padding:0; }

footer div.container {max-width:calc(100% - 100px); margin:38px auto;  }
footer p {  color: #888;  font-size: 15px;  font-weight: normal;  line-height: 29px;  }
footer h2 { background:url("../../img/main/bg_ico1.png") no-repeat left top; padding-top:15px;  
font-size: 30px; font-weight: 500; line-height: 36px;  margin-top: 0; margin-bottom:20px;}
footer h4 {  padding-top: 12px;}
footer a {  color: #757575;}
footer .copyright_text { width:100%; display:block; clear:both;  padding-top: 42px;}
footer .copyright_text a.sign {text-decoration:underline; color:#ccc;}
div.info_1 {width:38%; float:left; }
div.info_2 {width:38%; float:left;}
div.info_3 {width:24%; float:left;}

/*---------------------------------------
  SOCIAL ICON             
-----------------------------------------*/
.social-icon {  position: relative;  padding: 0px 0 25px 0;  margin: 0; }
.social-icon li {  display: inline-block;  list-style: none;}
.social-icon li a {  -webkit-transition: all ease-in-out 0.3s;  transition: all ease-in-out 0.3s;  text-align: center;  position: relative;  margin: 0px 3px 0 0px;}
/*.social-icon li a:hover {  -webkit-transform: scale(1.1);  transform: scale(1.1);}*/
.social-icon li a img {width:30px}
p.member_login {display:none;}


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
  footer { text-align: center;  }
footer div.law ul {width:100%; display:none;  }
footer div.container {width:100%;  max-width:calc(100% - 30px);  }  
  footer .social-icon {   padding-top:10px; }
  div.info_1,div.info_2,div.info_3 {width:100%; float:none; padding-bottom:20px; }
  .footer-info {    padding: 5px 0 5px 0;  }
footer h2 { background-position: center top; font-size:25px; margin-bottom:10px; }
.section  p { font-size:15px; line-height:23px }
footer .copyright_text {  padding-top: 20px;}
}
@media (max-width: 770px) {
footer {  padding-top: 0px;  padding-bottom: 20px; }
}
@media (max-width: 580px) {
  .about-info h3 {    font-size: 12px;    letter-spacing: 6px;  }
  .project-info {    padding: 5em 0;  }
  
 }