.wg-cafelist {overflow:hidden;
	margin-top:0px;
	height:345px;
	}
}
.wg-cafelist .title {
	padding:10px 0 5px 5px;
	border-bottom:1px #d9d9d9 solid;
	font-size:14px;
	font-weight:bold;
}
.wg-cafelist .cafe-wrap {
	float: left;
   width: 215px;
    margin-right: 0px;
	
	height:57px;
	border-bottom:1px dotted #373737;
}
.wg-cafelist .cafe-wrap:nth-child(4n){margin-right:0px;}


.wg-cafelist .cafelist-wrap {
	padding:5px 5px;
}
.wg-cafelist .cafelist-wrap .cafe-wrap {
	
	display:inline-block;
	padding:15px 0px;
	padding-left:20px;
}
.wg-cafelist .cafe-wrap .cafe-photo-wrap {
	border: 1px solid #a2a2a2;
    border-radius: 100%;
    float: left;
    width: 53px;
    height: 53px;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
.wg-cafelist .cafe-wrap .cafe-photo-wrap img {
	height:100%;
	width:100%;
	
	border:0;
}
.wg-cafelist .cafe-title {
	width: 122px;
	margin-top: 2px;
    margin-left: 15px;
	height:40px;
	overflow-y:hidden;
	float:left;
	color:#f1f1f1;
}

@media all and (min-width: 200px) and (max-width: 500px){

.wg-cafelist {overflow:hidden;
	height:365px;
	background-color:#454545;
}

.wg-cafelist .title {
	padding:10px 0 5px 5px;
	border-bottom:1px #d9d9d9 solid;
	font-size:14px;
	font-weight:bold;
}
.wg-cafelist .cafe-wrap {
	float: left;
   width: 30%;
    margin-right: 0px;
	
	height:75px;
	border-bottom:1px dotted #373737;
}
.wg-cafelist .cafe-wrap:nth-child(4n){margin-right:0px;}


.wg-cafelist .cafelist-wrap {
	padding:5px 5px;
}
.wg-cafelist .cafelist-wrap .cafe-wrap {
	
	display:inline-block;
	padding:15px 0px;
	padding-left:20px;
}
.wg-cafelist .cafe-wrap .cafe-photo-wrap {
	
	border: 2px solid #f1f1f1;
	margin:0 auto;
	width:53px;
	height:53px;
	overflow:hidden;
	text-align:center;
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom:10px;
}
.wg-cafelist .cafe-wrap .cafe-photo-wrap img {
	height:100%;
	width:100%;
	
	border:0;
}
.wg-cafelist .cafe-title {
	
	margin-top: 2px;
    width:100%;
	text-align:center;
	height:40px;
	overflow-y:hidden;
	float:left;
	color:#f1f1f1;
	font-size:14px;
}


}