div.Gallery-List-ItemBox-Container {
	width: 25%;
	height: 210px;
	float: right;
	padding: 0px 10px;
	margin-top: 20px;
}

div.Gallery-List-ItemBox {
	height: 100%;
	box-shadow:  0px 2px 4px 0px rgba(29, 37, 46, 0.1);
  	border-radius:  4px;
	background: white;
	overflow: hidden;
}

div.Gallery-List-ItemBox > div.Icon {
	width: 190px;
	height: 190px;
	margin: 10px auto 10px auto;
	border-radius: 190px;
	overflow: hidden;
	/*background: linear-gradient(90deg, #B527FF 0, #53b3f9 100%);*/
	background: linear-gradient(90deg, #1D87BA 0, #71D8EF 100%);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-ms-filter: grayscale(1);
	filter: grayscale(1);
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

div.Gallery-List-ItemBox > div.Icon > img {
	width: 182px;
	height: 182px;
	margin: 4px;
	border-radius: 182px;
}

div.Gallery-List-ItemBox > h2 {
	margin: 10px 0px 10px 0px;
	padding: 0px 10px;
	font-family: Yekan;
	font-size: 15px;
	text-align: center;
	line-height: 25px;
	color: #4798d9;
	direction: rtl;
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-ms-filter: grayscale(1);
	filter: grayscale(1);
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

	div.Gallery-List-ItemBox:hover .Icon,
	div.Gallery-List-ItemBox:hover h2{
		-webkit-filter: grayscale(0);
		-moz-filter: grayscale(0);
		-ms-filter: grayscale(0);
		filter: grayscale(0);
	}

div.Gallery-List-ItemBox > h2 > a {
	color: #4798d9;
	text-decoration: none;
}

div.Gallery-List-ItemBox > div.Text {
	width: 90%;
	height: 100px;
	margin: 10px auto;
	font-family: Yekan;
	/*font-size: 15px;
	text-align: center;*/
	font-size: 12px;
	text-align: justify;
	direction: rtl;
	line-height: 25px;
	color: #5b7182;
	overflow: hidden; 
    text-overflow: ellipsis; 
}

@media only screen and (max-width: 768px) {
	div.Gallery-List-ItemBox-Container {
		width: 100%;
	}
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
	div.Gallery-List-ItemBox-Container {
		width: 33.3%;
	}
}

@media only screen and (min-width: 1200px) {
	div.Gallery-List-ItemBox-Container {
		width: 20%;
	}
}