.panel48
{
	/* background-color: red; */
}

.panel48 .parent
{
	width: 100%;
	
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 50px;
	flex-wrap: wrap;
	
	/* background-color: blue; */
}

.panel48 .parent .items
{
	width: calc(16.66% - 20px);
	margin: 10px;
	text-align: center;
	
	/* background-color: green; */
}

.panel48 .parent .items .image
{
	/* background-color: #ffefc4; */
	margin: auto;
	border-radius: 100px;
	
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 10px;
}

.panel48 .parent .items .image img
{
	max-width: calc(100% - 0px);
	max-height: 200px;
	border-radius: 100px;
	transition: transform .3s;
}

.panel48 .parent .items .image:hover img
{
	transform: scale(1.1);
	transition: transform .3s;
}

.panel48 .parent .items .titr
{
	font-size: 15px;
	font-family: 'Vazir';
	padding: 10px;
	font-weight: bold;
	
	/* background-color: gray; */
}

@media only screen and (min-width: 0px) and (max-width: 400px)
{
	.panel48 .parent .items
	{
		width: calc(100% - 20px);
		margin: 10px;
		text-align: center;
		
		/* background-color: green; */
	}
	
	.panel48 .parent .items .image
	{
		background-color: #ffefc4;
		margin: auto;
		border-radius: 0px;
		
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
}

@media only screen and (min-width: 400px) and (max-width: 800px)
{
	.panel48 .parent .items
	{
		width: calc(50% - 20px);
		margin: 10px;
		text-align: center;
		
		/* background-color: green; */
	}
	
	.panel48 .parent .items .image
	{
		background-color: #ffefc4;
		margin: auto;
		border-radius: 0px;
		
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
}

@media only screen and (min-width: 800px) and (max-width: 1100px)
{
	.panel48 .parent .items
	{
		width: calc(25% - 20px);
		margin: 10px;
		text-align: center;
		
		/* background-color: green; */
	}
	
	.panel48 .parent .items .image
	{
		background-color: #ffefc4;
		margin: auto;
		border-radius: 100px;
		
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
}

@media only screen and (min-width: 1100px)
{
	.panel48 .parent .items
	{
		width: calc(16.66% - 20px);
		margin: 10px;
		text-align: center;
		
		/* background-color: green; */
	}
	
	.panel48 .parent .items .image
	{
		background-color: #ffefc4;
		margin: auto;
		border-radius: 100px;
		
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
}