.Panel_33
{
	
}

.Panel_33 .divParent
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.Panel_33 .divParent .divBox .divTitr
{
	font-family: 'Vazir';
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media only screen and (min-width: 0px) and (max-width: 350px)
{
	.Panel_33 .divParent .divBox
	{
		max-width: calc(100% - 20px);
		margin: 10px;
	}
	
	.Panel_33 .divParent .divBox .divImage img
	{
		max-width: 100%;
		max-height: 100%;
		border-radius: 10px;
	}
}

@media only screen and (min-width: 350px) and (max-width: 500px)
{
	.Panel_33 .divParent .divBox
	{
		max-width: calc(50% - 20px);
		margin: 10px;
	}
	
	.Panel_33 .divParent .divBox .divImage img
	{
		max-width: 100%;
		max-height: 100%;
		border-radius: 10px;
	}
}

@media only screen and (min-width: 500px) and (max-width: 800px)
{
	.Panel_33 .divParent .divBox
	{
		max-width: calc(33.33% - 20px);
		margin: 10px;
	}
	
	.Panel_33 .divParent .divBox .divImage img
	{
		max-width: 100%;
		max-height: 100%;
		border-radius: 10px;
	}
}

@media only screen and (min-width: 800px) and (max-width: 1100px)
{
	.Panel_33 .divParent .divBox
	{
		max-width: calc(25% - 40px);
		margin: 20px;
	}
	
	.Panel_33 .divParent .divBox .divImage img
	{
		max-width: 100%;
		max-height: 100%;
		border-radius: 10px;
	}
}

@media only screen and (min-width: 1100px) and (max-width: 1300px)
{
	.Panel_33 .divParent .divBox
	{
		max-width: calc(20% - 40px);
		margin: 20px;
	}
	
	.Panel_33 .divParent .divBox .divImage img
	{
		max-width: 100%;
		max-height: 100%;
		border-radius: 10px;
	}
}

@media only screen and (min-width: 1300px)
{
	.Panel_33 .divParent .divBox
	{
		max-width: calc(12.5% - 40px);
		margin: 20px;
	}
	
	.Panel_33 .divParent .divBox .divImage img
	{
		max-width: 100%;
		max-height: 100%;
		border-radius: 10px;
	}
}