/*crumbs*/
.crumbs{
	width: 98%;
	overflow: hidden;
	margin: 0 auto;	
	padding: 10px 0 20px 0;
	color: #1F1F1F;
	font-size: 16px;
	line-height: 25px;
	text-transform: capitalize;
}
.crumbs a:hover{
	color: #1F1F1F;
}
@media only screen and (max-width: 768px) {
	.crumbs{
		width: 92%;
	}
}









/*list*/
.list{
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 0 60px 0;
}	
	/*ul li*/
	.list ul{}
	.list ul li{
		width: 33.3333333333333333%;
		overflow: hidden;
		float: left;
		margin-bottom: 10px;
	}
	.list ul li a{
		display: block;
		width: 94%;
		overflow: hidden;
		margin: 0 auto;	
		position: relative;		
	}
		.list ul li a .pic-box{
			width: 100%;
			overflow: hidden;
		}
		.list ul li a .pic-box img{
			display: block;
			width: 100%;
		}
		.list ul li a p{
			position: absolute;
			left: 0; bottom: 15px; z-index: 1;
			width: 100%;
			text-align: center;
			font-size: 29px;
			color: #fff;
			text-transform: capitalize;
		}
@media only screen and (max-width: 1150px) {
	.list{	 
		width:100%;
	}
}
@media only screen and (max-width: 768px) {
	.list{	 
		width:100%;
		padding: 10px 0 0 0;
	}
	.list ul li{
		width: 100%;
		margin-bottom: 40px;
	}
	.list ul li a{
		width: 92%;
	}
}








/*text*/
.text{
	width: 78%;
	overflow: hidden;
	margin-left: 1%;
}
	.text p{
		font-size: 17px;
		color: #393939;
	}
	.text p span{
		color: #b7a063;
	}
@media only screen and (max-width: 768px) {
	.text{
		width: 92%;
		margin: 0 auto;
	}
}