footer {padding-top: 30px;  padding-bottom: 50px; }
footer div.law {width:100%; background-color:#f5f5f5; overflow:hidden;}
footer div.law ul {width:1100px;  margin:0 auto; padding:0; }
footer div.law ul li {list-style-type:none; float:left; padding:12px 0px; font-size:14px;}
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 {width:1100px; margin:45px 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: normal; 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; }
footer .copyright_text a.sign {text-decoration:underline; color:#ccc;}
div.info_1 {width:33%; float:left; }
div.info_2 {width:47%; float:left;}
div.info_3 {width:20%; 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: 4px 6px 0 0px;}
/*.social-icon li a:hover {  -webkit-transform: scale(1.1);  transform: scale(1.1);}*/
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%;   }  
  footer .social-icon {   padding-top:20px; }
  div.info_1,div.info_2,div.info_3 {width:100%; float:none; padding-bottom:20px; }
  .footer-info {    padding: 22px 0 22px 0;  }
footer h2 { background-position: center top; }
}
@media (max-width: 770px) {
footer {  padding-top: 0px;  padding-bottom: 50px; }
}
@media (max-width: 580px) {
  .about-info h3 {    font-size: 12px;    letter-spacing: 6px;  }
  .project-info {    padding: 5em 0;  }
  
 }