#like--wrapper {

}

.like-list {
	display: none;
}

.like-list.active {
	display: block;
}

#like-menu {
	width: 100%; 
	position: relative; 
	margin-bottom: 25px;
}

#like-menu--holder {
	margin: 0; 
	border-bottom: 5px solid black; 
	padding-bottom: 18px;
	overflow: hidden;
}

#like-column {
	margin: 50px 70px 0px 25px; 
	padding-bottom: 18px;
}

#like--holder {
	padding: 0;
	width: 100%;
	margin-bottom: 300px; 
	-webkit-column-count: 4; 
	-moz-column-count: 4; 
	column-count: 4;  
	-webkit-column-gap: 40px; 
	-moz-column-gap: 40px; 
	column-gap: 40px; 
}

#like--holder li {
-webkit-column-break-inside:avoid;
-moz-column-break-inside:avoid;
-o-column-break-inside:avoid;
-ms-column-break-inside:avoid;
column-break-inside:avoid;
margin-bottom: 52px;
}

@media
(max-width: 400px),
only screen and (-webkit-max-device-pixel-ratio: 2)      and (max-width: 400px),
only screen and (   max--moz-device-pixel-ratio: 2)      and (max-width: 400px),
only screen and (     -o-max-device-pixel-ratio: 2/1)    and (max-width: 400px),
only screen and (        max-device-pixel-ratio: 2)      and (max-width: 400px),
only screen and (                max-resolution: 192dpi) and (max-width: 400px),
only screen and (                max-resolution: 2dppx)  and (max-width: 400px) {

	#like--holder {
		padding: 0;
		width: 100%;
		margin-bottom: 300px; 
		-webkit-column-count: 1 !important; 
		-moz-column-count: 1 !important; 
		column-count: 1 !important;  
		-webkit-column-gap: 20px; 
		-moz-column-gap: 20px; 
		column-gap: 20px; 
	}

}

@media
(max-width: 850px),
only screen and (-webkit-max-device-pixel-ratio: 2)      and (max-width: 850px),
only screen and (   max--moz-device-pixel-ratio: 2)      and (max-width: 850px),
only screen and (     -o-max-device-pixel-ratio: 2/1)    and (max-width: 850px),
only screen and (        max-device-pixel-ratio: 2)      and (max-width: 850px),
only screen and (                max-resolution: 192dpi) and (max-width: 850px),
only screen and (                max-resolution: 2dppx)  and (max-width: 850px) {

	#like--holder {
		padding: 0;
		width: 100%;
		margin-bottom: 300px; 
		-webkit-column-count: 2; 
		-moz-column-count: 2; 
		column-count: 2;  
		-webkit-column-gap: 20px; 
		-moz-column-gap: 20px; 
		column-gap: 20px; 
	}

}