/* Content */
@font-face 
{
    font-family: 'bnazaninfont';
    src: url(../font/BNazanin.ttf), url(../font/BNazanin.woff), url(../font/BNazanin.woff2);
    font-weight: normal;
}
@font-face 
{
    font-family: 'bnazaninbdfont';
    src: url(../font/BNaznnBd.ttf), url(../font/BNazaninBd.woff), url(../font/BNazaninBd.woff2);
    font-weight: normal;
}
.Content
{
    grid-row: 4 / 7;
}
/* Banner */
.Banner
{
    width: 100%;
}
.Conten-Banner
{
    width: 1200px;
    height: 220px;
    padding: 5px;
}
/* Content-Index */
.Content-Index
{
    width: 1200px;
    text-align: right;
    padding: 10px;
}
.Img-Index
{
    width: 230px;
    height: 200px;
    border-radius: 10%;
    background-color: #000;
}
.ContentContact
{
    text-align: center;
    color: #000;
    font-size: 16px;
    background-color: #fff;
    padding: 8px;
    background-image: url(../../Images/Banner/Untitled-design-High-Quality.jpg);
    width: auto;
    height: 88px;
}
.About
{
    color: #000;
    text-align: right;
    font-size: 20px;
    font-family: bnazaninfont;
    font-weight: bold;
}
.Content-Moshavereh
{
    color: #fff;
    text-align: center;
    font-family: bnazaninbdfont;
    font-size: 22px;
}
/* Content-Contact */
.Content-Contact
{
    color: #000;
    text-align: right;
    font-family: bnazaninbdfont;
    font-size: 18px;
}
.Content-Social
{
    color: #000;
    background-color: #7f8c8d;
    text-align: right;
    padding: 5px;
    font-size: 15px;
    font-family:  bnazaninbdfont;
    text-decoration: none;
}
.Link-Contact
{
    text-decoration: none;
    text-align: right;
    color: #000;
    background-color: #7f8c8d;
    font-family: bnazaninbdfont;
    font-weight: bolder;
    display: inline-block;
    transition-duration: 0.5s;
    border: 0px solid #000;
    font-size: 10px;
    border-radius: 8%;
    padding: 5px;
}
/* Content-Takhfif */
.Img-Takhfif, .Img-Content
{
    width: 200px;
    height: 200px;
    border-radius: 10%;
}
div.ImgTakhfif
{
    width: 100%;
    height: 30%;
    text-align: center;
    animation-name: Takhfif;
    animation-duration: 10s;
    animation-timing-function: ease;
}
.Content-Takhfif-Card, .Content-Card
{
    float:right;
    text-align: right;
    background-color: #fff;
    width: 20%;
    padding: 15px;
}
.Content-Takhfif-Conteainer, .Content-Conteainer
{
    text-align: center;
}
.Takhfif
{
    color: #000;
    text-align: center;
    text-decoration: none;
    font-family: bnazaninfont;
    font-size: 15px;
    font-weight: bold;
}
div.Conetnt-Takhfif
{
    text-align: right;
}
.Eadfetr
{
    float: right;
    color: #000;
    text-align: right;
    font-family: bnazaninbdfont;
    font-size: 16px;
}
.Takhfif-V
{
    text-decoration: none;
    font-weight: bold;
    color: #0000ff;
}
.T_takhfif
{
    color: #000;
    text-align: right;
    font-size: 15px;
    font-weight: bolder;
    font-family: bnazaninbdfont;
}
.Content-Link , .Link-Content
{
    text-align: center;
    text-decoration: none;
    background-color: #85501e;
    color: #fff;
    font-family: bnazaninfont;
    font-size: 20px;
    padding: 8px;
    margin: 300px;
}
/* Contetnt-About */
.Content-About
{
    width: 1100px;
    color: #000;
    font-family: bnazaninfont;
    text-align: right;
    font-size: 17px;
}
.Img-About
{
    
    height: 300px;
}
.Link
{
    text-decoration: none;
    font-size: 17px;
    color: #0000ff;
}
/* Content-Sefaresh */
.Content-Sefaresh-Card
{
   float: right;
    text-align: right;
    width: 31%;
    background-color: #fff;
    padding: 1px;
    border-radius: 3%;
}
.Img-Sefaresh
{
    border-radius: 10%;
    margin: 5px;
    width: 250px;
    height: 160px;
    background-color: #000;
    display: inline-block;
}
.Sefaresh
{
    text-align: center;
    text-decoration: none;
    background-color: #85501e;
    color: #fff;
    font-family: bnazaninfont;
    font-size: 15px;
    margin: 10px;
    font-weight: bolder;
}
div.Content-Site
{
    float: right;
}
.Content-Site
{
    color: #000;
    text-align: center;
    display: inline-block;
    padding: 10px;
    font-size: 15px;
    font-weight: bolder;
}
.Content-Takhfif
{
    display: inline-block;
    background-color: #ff0000;
    border-radius: 50%;
    width: 25px;
    text-align: center;
    padding: 3px;
    margin: 30px;
    font-size: 14px;
}
.Content-Ghemat
{
    color: #000;
    display: inline-block;
    font-size: 13px;
}
.Image-Sefaresh
{
    width: 200px;
    height: 300px;
}
.ImgSefaresh
{
    width: 250px;
    height: 200px;
}
/* Content-Amoozesh */
.Content-Amoozesh
{
    color: #000;
    text-align: right;
    font-family: bnazaninbdfont;
    font-size: 40px;
}
.Content-Veblag
{
    float: right;
    text-align: right;
    color: #000;
    text-decoration: none;
    width: 600px;
}
.Content-Vedio
{
    width: 950px;
    height: 100px;
    padding: 15px;
    font-family: bnazaninfont;
    text-align: right;
}
.Img-Amoozash
{
    width: 270px;
}
.Content-Pages
{
    text-align: center;
    font-family: bnazaninfont;
    font-size: 16px;
}
.pagination 
{
    display: inline-block;
}
.pagination a 
{
    color: #fff;
    float: left;
    padding: 15px;
    margin: 5px;
    padding: 10px;
    text-decoration: none;
    background-color: rgb(206, 144, 12);
    border-radius: 10%;
}
.pagination a:hover
{
      background-color: #000;
}
/* Error */
.Error
{
    width: 100%;
    height: 600px;
    background-color: #7f8c8d;
}
.Content-Error
{
    text-align: center;
    font-size: 30px;
    color: #fff;
    font-family: bnazaninbdfont;
    padding: 30px;
}
/* Meday Query */
@media screen and (min-width:993px) and (max-width:1200px) 
{
/* Responsive Banner */
.Banner
{
    width: 80%;
}
.Conten-Banner
{
    width: 950px;
}
/* Responsive-Content-Index */
.About
{
    width: 900px;
    font-size: 18px;
}
.Img-Index
{
    width: 160px;
    height: 140px;
}
.ContentContact
{
    width: 900px;
}
/* Responsive-Content-Contact */
.Content-Contact
{
    width: 900px;
}
/* Responsive-Content-Takhfif */
.Content-Takhfif-Card, .Content-Card
{
    float: left;
    width: 17%;
}
.Img-Takhfif, .Img-Content
{
    width: 160px;
    height: 140px;
}
.Takhfif
{
    width: 35%;
    font-size: 15px;
    float: left;
}
.Content-Takhfif-Conteainer, .Content-Conteainer
{
    float: left;
    width: 550px;
    padding: 10px;
}
.Content-Link
{
    margin: 400px;
}
.Eadfetr
{
    float: left;
    font-size: 14px;
    width: 900px;
}
.Takhfif-V
{
    font-size: 14px;
}
.T_takhfif
{
    width: 900px;
    font-size: 14px;
}
/* Responsive-Contetnt-About */
.Content-About
{
    width: 900px;
}
/* Responsive-Content-Sefaresh */
.Content-Site, .Content-Sefaresh-Card
{
    width: 30%;
}
.Responsive-Site
{
    width: 200px;
}
.Sefaresh
{
    float: left;
    width: 160px;
}
.Img-Sefaresh
{
    float: left;
    width: 50%;
}
.ImgSefaresh
{
    float: left;
    width: 60%;
}
/* Responsive-Content-Amoozesh */
.Img-Amoozash
{
    width: 250px;
    height: 200px;
}
.Content-Veblag
{
    width: 600px;
}
.Content-Vedio
{
    width: 900px;
}
.Content-Pages
{
    width: 900px;
}
}
@media screen and (min-width:769px) and (max-width:992px) 
{
/* Responsive Banner */
.Banner
{
    width: 70%;
}
.Conten-Banner
{
    width: 600px;
}
/* Responsive-Content-Index */
.About
{
    width: 700px;
    font-size: 17px;
}
/* Responsive-Content-Contact */
.Content-Contact
{
    width: 700px;
    font-size: 16px;
}
.Img-Index
{
    float: left;
    width: 180px;
    height: 150px;
}
.ContentContact
{
    float: left;
    width: 680px;
    font-size: 15px;
}
.Content-Moshavereh
{
    font-size: 15px;
    font-weight: bolder;
}
/* Responsive-Content-Takhfif */
.Content-Takhfif-Card, .Content-Card
{
    width: 90%;
}
.Img-Takhfif, .Img-Content
{
    float: left;
    width: 180px;
    height: 150px;
}
.Takhfif
{
    width: 38%;
    font-size: 15px;
    float: left;
    text-align: center;
}
.Content-Takhfif-Conteainer, .Content-Conteainer
{
    float: left;
    width: 600px;
    padding: 5px;
}
.Content-Link
{
    font-size: 18px;
    margin: 500px;
}
.Eadfetr
{
    float: left;
    font-size: 13px;
    width: 700px;
}
.Takhfif-V
{
    
    font-size: 13px;
    font-weight: bold;
}
.T_takhfif
{
    width: 700px;
    font-size: 14px;
}
/* Responsive-Contetnt-About */
.Content-About
{
    width: 700px;
    font-size: 15px;
}
.Img-About
{
    float: left;
    height: 510px;
}
.Link
{
    font-size: 15px;
}
/* Responsive-Content-Sefaresh */
.Content-Sefaresh-Card, .Content-Site
{
    width: 45%;
    float: left;
    font-size: 13px;
}
.Img-Sefaresh
{
    float: left;
    width: 48%;
}
.Responsive-Site
{
    width: 200px;
}
.Sefaresh
{
    float: left;
    width: 30%;
}
.ImgSefaresh
{
    float: left;
    width: 50%;
}
.Image-Sefaresh
{
    float: left;
    width: 30%;
}
/* Responsive-Content-Amoozesh */
.Img-Amoozash
{
    float: left;
    width: 200px;
    height: 200px;
}
.Content-Veblag
{
    width: 450px;
    font-size: 14px;
}
.Content-Vedio
{
    width: 450px;
    font-size: 14px;
}
.Content-Pages
{
    width: 650px;
}
/* Responsive-Error */
.Content-Error
{
    font-size: 23px;
}
}
@media screen and (min-width:577px) and (max-width:768px) 
{
/* Responsive Banner */
.Banner
{
    width: 50%;
}
.Conten-Banner
{
    width: 400px;
}
/* Responsive-Content-Index */
.About
{
    float: left;
    width: 500px;
    font-size: 14px;
}
.Img-Index
{
    float: left;
    width: 150px;
    height: 130px;
}
.ContentContact
{
    float: left;
    width: 480px;
    font-size: 14px;
}
.Content-Moshavereh
{
    font-size: 14px;
    font-weight: bolder;
    background-color: #7f8c8d;
}
/* Responsive-Content-Contact */
.Content-Contact
{
    width: 480px;
    font-size: 14px;
}
/* Responsive-Content-Takhfif */
.Content-Takhfif-Card, .Content-Card
{
    width: 90%;
}
.Img-Takhfif, .Img-Content
{
    float: left;
    width: 150px;
    height: 130px;
}
.Takhfif
{
    width: 18%;
    font-size: 13px;
    float: left;
}
.Content-Takhfif-Conteainer, .Content-Conteainer
{
    float: left;
    width: 700px;
    padding: 20px;
}
.Content-Link
{
    float: left;
    width: 100px;
    font-size: 15px;
}
.Eadfetr
{
    float: left;
    font-size: 13px;
    width: 500px;
}
.Takhfif-V
{
    font-size: 13px;
}
.T_takhfif
{
    width: 500px;
    font-size: 13px;
    font-weight: bolder;
}
/* Responsive-Contetnt-About */
.Content-About
{
    width: 470px;
    font-size: 14px;
}
.Img-About
{
    float: left;
    height: 350px;
}
.Link
{
    font-size: 14px;
}
/* Responsive-Content-Sefaresh */
.Content-Sefaresh-Card, .Content-Site
{
    float: left;
    width: 60%;
    font-size: 13px;
}
.Responsive-Site
{
    width: 300px;
    font-size: 14px;
}
.Sefaresh
{
    float: left;
    width: 350px;
}
.Price
{
    width: 300px;
    font-size: 14px;
}
.Img-Sefaresh
{
    float: left;
    width: 200px;
    height: 200px;
}
.ImgSefaresh
{
    float: left;
    width: 200px;
}
.Image-Sefaresh
{
    float: left;
    width: 300px;
}
/* Responsive-Content-Amoozesh */
.Img-Amoozash
{
    width: 200px;
    height: 200px;
}
.Content-Veblag
{
    width: 400px;
    font-size: 14px;
}
.Content-Vedio
{
    width: 400px;
    font-size: 13px;
}
.Content-Pages
{
    width: 650px;
}
/* Responsive-Error */
.Content-Error
{
    font-size: 20px;
}
}
@media screen and (min-width:320px) and (max-width:576px) 
{
/* Responsive Banner */
.Banner
{
    width: 25%;
}
.Conten-Banner
{
    width: 200px;
    height: 150px;
    padding: 20px;
    margin: 20px;
    float: left;
}
/* Responsive-Content-Index */
.About
{
    float: left;
    width: 300px;
    height: 200px;
    font-size: 14px;
}
.Img-Index
{
    float: left;
    width: 90px;
    height: 100px;
}
.ContentContact
{
    float: left;
    width: 230px;
    font-size: 10px;
}
.Content-Moshavereh
{
    font-size: 12px;
    font-weight: bolder;
    background-color: #7f8c8d;
}
/* Responsive-Content-Contact */
.Content-Contact
{
    width: 230px;
    font-size: 12px;
}
/* Responsive-Content-Takhfif */
.Content-Takhfif-Card, .Content-Card
{
    width: 100%;
    display: inline-block;
}
.Img-Takhfif, .Img-Content
{
    float: left;
    width: 100px;
    height: 100px;
}
.Takhfif
{
    width: 15%;
    font-size: 12px;
    float: left;
}
.Content-Takhfif-Conteainer, .Content-Conteainer
{
    float: left;
    width: 900px;
    padding: 30px;
}
.Content-Link
{
    float: left;
    margin: 100px;
    font-size: 12px;
}
.Eadfetr
{
    float: left;
    font-size: 11px;
    width: 240px;
}
.Takhfif-V
{
    
    font-size: 11px;
}
.T_takhfif
{
    width: 240px;
    font-size: 11px;
    font-weight: bolder;
}
/* Responsive-Contetnt-About */
.Content-About
{
    width: 230px;
    font-size: 12px;
    font-weight: bolder;
}
.Img-About
{
    float: left;
    height: 200px;
}
.Link
{
    font-size: 12px;
}
/* Responsive-Content-Sefaresh */
.Content-Sefaresh-Card, .Content-Site
{
    float: left;
    width: 50%;
    font-size: 12px;
}
.Sefaresh
{
    float: left;
    width: 150px;
}
.Img-Sefaresh
{
    float: left;
    width: 100px;
    height: 200px;
}
.ImgSefaresh
{
    float: left;
    width: 150px;
}
.Image-Sefaresh
{
    float: left;
    width: 250px;
}
.Price
{
    font-size: 13px;
}
.Responsive-Site
{
    font-size: 13px;
    font-weight: bold;
}
/* Responsive-Content-Amoozesh */
.Img-Amoozash
{
    width: 150px;
    height: 150px;
}
.Content-Veblag
{
    width: 200px;
    font-size: 12px;
}
.Content-Vedio
{
    width: 200px;
    font-size: 12px;
}
.Content-Pages
{
    width: 250px;
}
/* Responsive-Error */
.Content-Error
{
    font-size: 17px;
}
}