@charset "utf-8";
/* CSS Document */

.category{
	margin-top:100px;
	background: #252525;
	padding-bottom: 50px;
}
.category h1{
	font-size:24px;
	margin:40px 0 0 0;
	font-weight:300;
}


.category-list{
	display: grid;
	grid-gap: 1rem;
	grid-template-columns: repeat(3, 1fr);
	height: 100%;
	justify-content: center;
	margin: 0 auto;
	max-width: 1200px;
	position: relative;
}
.category-list li{
	background: #000;
	vertical-align: middle;
	margin-top: 20px;
	float:left;
	border-bottom: 1px solid #fed208;
	display: grid;
}
.category li.last{
	border:0;	
}
.category-list li a img{
	width: 100%;
}

.category-list li p{
	text-align: left;
	color:#fff;
	line-height:18px;
	max-height:17px;
	overflow: hidden;
	margin:10px;
	min-height:19px;
}
.category-list li p span{
	color:#888;
	display:block;
}
.category-list li .more{
	font-size: 14px;
	color:#fed208;
	display:block;
}
@media (max-width: 1280px){
	/*.category-list li{
		float:none;
	}*/
}
@media (max-width: 1200px){
	/*.category-list li{
		padding:30px 0 40px 0;
		width:30%;
	}*/
}
@media (max-width: 991px){
	/*.category{
		margin-top: 60px;	
	}
	.category h1 {
		text-align:center;
	}
	.category-list li{
		float:none;
		width:30%;	
	}
	.category-list li img{
		width:88%;	
	}*/
}
@media (max-width: 767px){
	/*.category-list li{
		width:45%;	
	}*/
	.category-list{
		--auto-grid-min-size: 49%;
		grid-template-columns: repeat(auto-fit, minmax(var(--auto-grid-min-size), 1fr)) !important;
	}
}
@media (max-width: 540px){
	.category-list li{
		width:100%;	
	}
	.category-list{
		--auto-grid-min-size: 49%;
		grid-template-columns: repeat(auto-fit, minmax(var(--auto-grid-min-size), 1fr)) !important;
	}
}