.flags {
    clear: right;
    float: right;
    margin: 10px 115px 0 0;
    width: 250px;
}

ul.locations {
    margin: 0;
    padding: 0;
}
ul.locations li {
  background: none;
    float: left;
    width: 31%;
    overflow: hidden;
    border: 1px solid #ccc;
    padding: 7px;
    margin: 7px;
    font-size: 15px;
    text-align: center;
}
ul.locations li img {
    height: auto;
    max-width: 100%;
    margin-bottom: 5px;
}
.footer .widget .social li   {
	display: inline-block;
    float: none;
	width:30px;
	height:30px;
	overflow:hidden;
	margin:3px 1.4% 0 0;
	padding:0;
	background: none;
}
.footer .widget .social li a   {
	float:left;
	display:block;
	width:100%;
	height:100%; 
	border-radius: 100%; 
	color:#fff;
	text-align: center;
	line-height: 30px;
	font-size: 20px;
	text-indent: 0;
}
.footer .widget .social li.facebook a {
	background: #305891;
}
.footer .widget .social li.twitter a {
	background: #2ca8d2;
}
.footer .widget .social li.linkedin a {
	background: #4498c8;
}
.footer .widget .social li.pinterest a {
	background: #c82828;
}
.footer .widget .social li.weibo a {
	background: #c82828;
}
.footer .widget .social li.wechat a{
	background: #07d614;
}
.footer .widget .social li.douban a {
	background: url(../images/logo_hd.png) no-repeat left top;
	overflow: hidden;
    text-indent: -999px;
}
@media(max-width:768px){
	ul.locations li{
		width: 44%;
	} 
}
@media(max-width:500px){
	ul.locations li{
		width:100%; 
		margin:10px 0; 
		float:none;  
	} 
}