.xdiv1
{
	background-image: url('../Imgs/z10.jpg');
	background-position: center center;
	background-size: auto 100%;
	height: 500px;
	width: 100%;
	position: relative;
}
.xdiv1-1
{
	font-family: IranSansDN;
	font-size: 40px;
	color: #222222;
	text-align: right;
	width: 700px;
	top: 70px;
	right: 10%;
	position: absolute;
}
.xdiv1-2
{
	font-family: IranSansFA;
	font-size: 16px;
	color: #222222;
	text-align: justify;
	width: 700px;
	top: 170px;
	right: 10%;
	position: absolute;
}
.xdiv1-3
{
	font-family: IranSans;
	font-size: 16px;
	color: White;
	width: 120px;
	padding: 12px;
	text-decoration: none;
	background-color: #333333;
	bottom: 50px;
	left: 10%;
	position: absolute;
 	border-radius: 25px;
}
.xdiv1-3:hover
{
	background-color: #555555;
}
.xdiv1-4
{
	bottom: 0px;
	left: 0px;
	right: 0px;
	position: absolute;
}

.xdiv2
{
	padding: 50px 0px 50px 0px;
}
.Lst
{
	width: 1658px;
	display: inline-block;
}
.Lst a
{
	font-family: Titr;
	font-size: 16px;
	line-height: 12px;
	direction: ltr;
  float: left;
	height: 450px;
  width: 769px;
	margin: 30px;
	color: Silver;
	text-decoration: none;
	background-color: #555555;
 	border-radius: 4px;
	position: relative;
  transition: 0.5s;
}
.Lst a img
{
	left: 2px;
	bottom: 2px;
	position: absolute;
}

@media screen and (max-width: 1660px)
{
	.Lst { width: 830px; }
}

@media screen and (max-width: 830px)
{
	.Lst { width: 670px; }
	.Lst a { width: 609px; height: 360px; }
	.Lst a img { width: 605px; }
	.xdiv1-1 { width: auto; left: 30px; right: 30px; }
	.xdiv1-2 { width: auto; left: 30px; right: 30px; }
}

@media screen and (max-width: 670px)
{
	.Lst { width: 510px; }
	.Lst a { width: 449px; height: 270px; }
	.Lst a img { width: 445px; }
	.xdiv1 { height: 570px; }
	.xdiv1-1 { font-size: 32px; left: 20px; right: 20px; }
	.xdiv1-2 { left: 20px; right: 20px; }
}

@media screen and (max-width: 510px)
{
	.Lst { width: 350px; }
	.Lst a { width: 289px; height: 180px; }
	.Lst a img { width: 285px; }
}