.Panel_29
{
	/* height: 500px; */
	/* margin-top: 50px; */
	background-color: #f5f5f5;
}

.Panel_29 .pnl_titr
{
	padding: 20px;
	/* font-size: 25px; */
	font-family: "Vazir";
	text-align: center;
	/* background-color: red; */
}

.Panel_29 .pnl_body
{
	/* width: 500px; */
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.Panel_29 .pnl_body .pnl_box
{
	width: calc(25% - 30px);
	height: 300px;
	background-color: #ffffff;
	margin: 15px;
	border-radius: 20px;
	position: relative;
	border: 1px solid #d4d4d4;
}

.Panel_29 .pnl_body .pnl_box:hover
{
	border: 1px solid #65cdcc;
}

.Panel_29 .pnl_body .pnl_box .pnl_title
{
	min-height: 20px;
	margin-right: 10px;
	margin-left: 10px;
	margin-top: 15px;
	text-align: right;
	
	align-content: center;
	
	/* background-color: blue; */
}

.Panel_29 .pnl_body .pnl_box .pnl_title .titr
{
	font-family: "Vazir";
	font-size: 15px;
	color: #333333;
	vertical-align: top;
	
	/* background-color: green; */
}

.Panel_29 .pnl_body .pnl_box .pnl_title .icon
{
	font-family: "fontello";
	font-size: 23px;
	color: #65cdcc;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	
	/* background-color: red; */
}

.Panel_29 .pnl_body .pnl_box .pnl_note
{
	min-height: 40px;
	font-family: "Vazir";
	font-size: 15px;
	margin-top: 20px;
	margin-right: 40px;
	margin-left: 40px;
	text-align: right;
	color: #525252;
	
	display: -webkit-box; 
	-webkit-box-orient: vertical; 
	-webkit-line-clamp: 2; 
	overflow: hidden; 
	text-overflow: " [..]";
	
	/* background-color: green; */
}

.Panel_29 .pnl_body .pnl_box .pnl_image
{
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	height: 150px;
	border-radius: 20px;
	text-align: center;
	/* background-color: red; */
	
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.Panel_29 .pnl_body .pnl_box .pnl_image img
{
	max-width: 100%;
	max-height: 100%;
	border-radius: 20px;
}


@media only screen and (min-width: 0px) and (max-width: 500px)
{
	.Panel_29 .pnl_body .pnl_box
	{
		width: calc(100% - 30px);
	}
}

@media only screen and (min-width: 501px) and (max-width: 900px)
{
	.Panel_29 .pnl_body .pnl_box
	{
		width: calc(50% - 30px);
	}
}

@media only screen and (min-width: 901px) and (max-width: 1200px)
{
	.Panel_29 .pnl_body .pnl_box
	{
		width: calc(33% - 30px);
	}
}

@media only screen and (min-width: 1201px)
{
	.Panel_29 .pnl_body .pnl_box
	{
		width: calc(25% - 30px);
	}
}