.panel58
{
	
}

.panel58 .wrapper
{
	background-color: #7f8c8d;
}

.panel58 .parent
{
	width: 1200px;
	margin: auto;
	padding-top: 30px;
	padding-bottom: 30px;
	
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.panel58 .box
{
	width: calc(33.33% - 50px);
	height: 300px;
	background-color: #e3e3e3;
	margin: 25px;
	border-radius: 10px;
	
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
	padding: 10px;
}

.panel58 .box *
{
	font-family: 'Vazir';
	font-size: initial;
}

@media only screen and (min-width: 0px) and (max-width: 800px)
{
	.panel58 .parent
	{
		width: 100%;
	}

	.panel58 .box
	{
		width: calc(100% - 50px);
	}
}

@media only screen and (min-width: 800px) and (max-width: 1200px)
{
	.panel58 .parent
	{
		width: 100%;
	}

	.panel58 .box
	{
		width: calc(50% - 50px);
	}
}

@media only screen and (min-width: 1200px)
{
	.panel58 .parent
	{
		width: 1200px;
	}

	.panel58 .box
	{
		width: calc(33.33% - 50px);
	}
}