@font-face {
    font-family: 'byekan';
    src: url('fonts/BYekan.eot');
    src: local('b yekan Regular'), local('b yekan'), url('fonts/byekan.ttf') format('truetype');
}


body {
    font-family: byekan;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    color: #000000;
    line-height: 17px;
    text-align: right;
    direction: rtl;
    background-color: #fff;
    /*background-image: url('../../images/bgnoise_lg.png');*/
    background-repeat: repeat;
}

.Cen {

    margin-top:-100px;
}


#main {
    width: 1006px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    font-family: byekan;
    direction: rtl;
}

#cssmenu ul.tab1 {
    float: right;
}

#cssmenu ul.tab2 {
    float: left;
}


#head {
    width: 1006px;
    height: auto;
    direction: ltr;
    float: right;
    display: table;
}



#search {
    width: 200px;
    height: 30px;
    float: left;
    margin-top: 73px;
    text-align: center;
}

#menu {
    margin-top: 15px;
    width: 80%;
    height: 70px;
    float: right;
    text-align: left;
    position: relative;
    z-index: 1;
    top: 0px;
    left: 0px;
}

#content {
    width: 1022px;
    height: auto;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    direction: rtl;
    padding-left: 5px;
    display: table;
}

.title {
    float: left;
}


#maincontent {
    width: 1022px;
    height: auto;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    direction: ltr;
    
  
}


.Top {
    width: 70.9%;
    float: left;
    margin-top:0px;
}


.TOPhed {
    height: 70px;
    background: rgba(52,52,52,1);
    background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(52,52,52,1)), color-stop(0%, rgba(44,44,44,1)), color-stop(100%, rgba(3,3,3,1)));
    background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -o-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -ms-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: linear-gradient(to bottom, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#030303', GradientType=0 );
    color: #fff;
}

.Right {
    float: right;
    width: 26.5%;
    height:1000px;

    background-image: url('../images/back1.jpg');
}

.FixRight {
     position:fixed;
      height:500px;
      text-align:justify;
      width:200px;
      margin-top:63px;
      margin-left:35px;
      direction:rtl;
      line-height:20px

}

#detailscontent {
    width:1000px;
    height: auto;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    direction: ltr;
    border: 1px solid #f7f7f7;
    background-color: White;
    display: table;
     background-image:url('../images/back1.jpg');
      background-position-x:right;
         background-repeat:repeat-y;
         background-size:26.5%;
}

#PageDidgah {
  
 width:1000px;
    height: auto;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #f7f7f7;
    background-color: White;
    display: table;
      height:54%;
  

}


.map {

width:95%; height: 550px; margin-left: auto; margin-right: auto;
        border: 1px solid #ddd; margin-bottom: 20px;

}

#PageDidgah input[type="text"]
{
    padding: 5px;
    border: solid 1px #E5E5E5;
    outline: 0;
    font: normal 13px/100% tahoma, Tahoma, sans-serif;
    background: #FFFFFF url('bg_form.png') left top repeat-x;
    width:255px;
  
}

.service {
    margin-top:20px;
    
      width:983px;
       border: 3px solid #e7e7e7;
       background-color: White;
       height:15px;
        margin-left: auto;
    margin-right: auto;
  
    padding:20px;



}



.ImgLeft {
float:left; margin-left:7%;
 margin-top:50px;

}

.backFooter {
    width: 100%;
    background-color: #000;
    font-size: 13px;
    line-height: 20px;
}

    .backFooter a {
        width: 100%;
        color: #fff;
        font-size: 13px;
        line-height: 20px;
    }

#footer {
    width: 1046px;
    height: 250px;
    text-align: right;
    margin-left: auto;
    margin-right: auto;
    background-color: #000;
    color: #FFFFFF;
    opacity: 0.8;
}

#fcontact {
    width: 325px;
    height: auto;
    float: right;
    direction: rtl;
    padding-right: 20px;
    padding-top: 15px;
}

#flastnews {
    width: 315px;
    height: auto;
    float: right;
    margin-right: 5px;
    padding-right: 15px;
    padding-top: 15px;
    text-align: justify;
}

#fabout {
    width: 320px;
    height: auto;
    float: left;
    text-align: justify;
    padding-right: 10px;
    padding-left: 25px;
    padding-top: 15px;
}

#fcopyright {
    text-align: center;
    padding-top: 7px;
    background-color: #000;
    color: #FFFFFF;
    border-top-style: solid;
    border-color: #999999;
    border-top-width: 1px;
    padding-bottom: 10px;
    width: 1000px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    opacity: 0.9;
}

a.footer {
    text-decoration: none;
    color: #C0C0C0;
}

    a.footer:hover {
        text-decoration: none;
        color: White;
    }

a.icon {
    text-decoration: none;
    color: #333333;
    vertical-align: middle;
}

    a.icon:hover {
        text-decoration: none;
        color: #FFFFFF;
    }








.zitem {
    border: 1px solid #e6e6e6;
    width: 325px;
    height: 375px;
    margin: 10px 10px 1px 0;
    /* required to hide the image after resized */
    overflow: hidden; /* for child absolute position */
    ;
    position: relative; /* display div in line */
    ;
    float: right;
    top: 0px;
    right: 0px;
    direction: ltr;
}



.caption {
    width: 325px;
    height: 75px;
    background-color: #fff;
    color: #000;
    font-size: 20px;
    font-family: byekan;
    /* fix it at the bottom */
    position: absolute;
    bottom: -1px; /* fix IE issue */
    left: 0px;
    /* hide it by default */
    /* opacity setting */
    filter: alpha(opacity=100); /* ie  */
    -moz-opacity: 1; /* old mozilla browser like netscape  */
    -khtml-opacity: 1; /* for really really old safari */
    opacity: 1; /* css standard, currently it works in most modern browsers like firefox,  */
    display: none;
}


    .caption a {
        text-decoration: none;
        color: Black;
        font-size: 13px;
        /* add spacing and make the whole row clickable*/
        padding: 20px;
        display: block;
    }



.clear {
    clear: both;
}


.CenterImg {

margin-left:auto;
margin-right:auto;
width:1025px;

}

.CenterText {
  margin-left:auto;
margin-right:auto;
width:1005px;
background-color:#e7e7e7;
border:1px solid #999999;
min-height:100px;
margin-bottom:15px;
padding:10px;
}

    .CenterText p {
      font-size:12px;

    
    }


#freewall {
 margin-left:-15px;
}

.masonryImage {
    margin-right: 10px;
    margin-bottom: 10px;
    width: auto;
}


#cssmenu ul.tab1 {
    margin-right: -20px;
    width: 100px;
}

#cssmenu ul.tab2 {
    margin-left: -8px;
    margin-top: -65px;
}


.img {
    background-image: url('../images/logo.png');
    background-repeat: no-repeat;
    background-position: right;
    margin-top: 8px;
    height: 35px;
    width: 150px;
}


#back {
    width: 1028px;
    margin-left: auto;
    margin-right: auto;
    background: rgba(52,52,52,1);
}



.back {
    background: rgba(52,52,52,1);
    background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(52,52,52,1)), color-stop(0%, rgba(44,44,44,1)), color-stop(100%, rgba(3,3,3,1)));
    background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -o-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -ms-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: linear-gradient(to bottom, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#030303', GradientType=0 );
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 70px;
     position:fixed;
     z-index:999999999999999999;
}

.menu2 {
    display: none;
}




.Menu3 {
    display: none;
}

@media only screen and (max-width : 1014px), only screen and (max-device-width : 1014px) {




    .CenterImg {

margin-left:auto;
margin-right:auto;
width:90%;
}

    #back {
        width: 816px;
        margin-left: auto;
        margin-right: auto;
        background: #2b2b2b; /* Old browsers */
        background: -moz-linear-gradient(top, #2b2b2b 0%, #181818 99%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b2b2b), color-stop(99%,#181818)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #2b2b2b 0%,#181818 99%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #2b2b2b 0%,#181818 99%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #2b2b2b 0%,#181818 99%); /* IE10+ */
        background: linear-gradient(to bottom, #2b2b2b 0%,#181818 99%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#181818',GradientType=0 ); /* IE6-9 */
    }

    .back {
        background: rgba(52,52,52,1);
        background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(52,52,52,1)), color-stop(0%, rgba(44,44,44,1)), color-stop(100%, rgba(3,3,3,1)));
        background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: -o-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: -ms-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: linear-gradient(to bottom, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#030303', GradientType=0 );
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        height: 130px;
    }

    #cssmenu .tab1 {
        margin-left: auto;
        margin-right: auto;
        width: 213px;
    }

    #cssmenu ul.tab2 {
        margin-top: 0px;
    }

    .img {
        background-image: url('../images/logo.png');
        background-repeat: no-repeat;
        background-position: right;
        margin-top: 8px;
        height: 35px;
        width: 150px;
    }



    #container {
        width: 770px;
        margin-left: auto;
        margin-right: auto;
    }





    #main {
        width: 750px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        text-align: right;
        font-family: byekan;
        direction: rtl;
    }

    #head {
        width: 750px;
        height: auto;
        direction: ltr;
        float: left;
    }

    #search {
        width: 200px;
        height: 30px;
        float: left;
        margin-top: 73px;
        text-align: center;
    }

    #menu {
        margin-top: 15px;
        width: 80%;
        height: 70px;
        float: right;
        text-align: left;
        position: relative;
        z-index: 1;
        top: 0px;
        left: 0px;
    }

    #content {
        width: 770px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: rtl;
        padding-left: 5px;
    }


    #maincontent {
        width: 770px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: ltr;
        padding-left: 5px;
    }



    .zitem {
        border: 1px solid #C0C0C0;
        width: 370px;
        height: 400px;
        margin: 10px 10px 10px 0;
        /* required to hide the image after resized */
        overflow: hidden; /* for child absolute position */
        ;
        position: relative; /* display div in line */
        ;
        float: right;
        top: 0px;
        right: 0px;
        direction: ltr;
    }



    .caption {
        width: 370px;
        height: 75px;
        margin-top: -21px;
        background-color: #fff;
        color: #ff8106;
        font-family: byekan;
        /* fix it at the bottom */
        position: absolute;
        bottom: -1px; /* fix IE issue */
        left: 0px;
        /* hide it by default */
        /* opacity setting */
        filter: alpha(opacity=100); /* ie  */
        -moz-opacity: 1; /* old mozilla browser like netscape  */
        -khtml-opacity: 1; /* for really really old safari */
        opacity: 1; /* css standard, currently it works in most modern browsers like firefox,  */
        display: none;
    }



    
.Top {
    width: 70.9%;
    float: left;
    margin-top:0px;
}


.TOPhed {
    height: 70px;
    background: rgba(52,52,52,1);
    background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(52,52,52,1)), color-stop(0%, rgba(44,44,44,1)), color-stop(100%, rgba(3,3,3,1)));
    background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -o-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -ms-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: linear-gradient(to bottom, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#030303', GradientType=0 );
    color: #fff;
}

.Right {
    float: right;
    width: 26.5%;
    height:1000px;

    background-image: url('../images/back1.jpg');
}

.FixRight {
     position:fixed;
      height:500px;
      width:150px;
      margin-left:30px;



}

#detailscontent {
    width:780px;
    height: auto;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    direction: ltr;
    border: 1px solid #f7f7f7;
    background-color: White;
    display: table;
     background-image:url('../images/back1.jpg');
      background-position-x:right;
         background-repeat:repeat-y;
         background-size:26.5%;
         margin-top:50px;
}


#PageDidgah {
  
 width:780px;
    height: auto;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #f7f7f7;
    background-color: White;
    display: table;
      height:54%;
      margin-top:50px;
  

}


.service {
    margin-top:80px;
    
      width:87%;
       border: 3px solid #e7e7e7;
       background-color: White;
       height:15px;
        margin-left: auto;
    margin-right: auto;
  
    padding:20px;



}


.ImgLeft {
float:left; margin-left:3%;
 width:67.5%;
  background-color:red;
}

    .ImgLeft img {
   width:100%;
     float:left;
    }


    #footer {
        width: 800px;
        height: 300px;
        text-align: right;
        margin-left: auto;
        margin-right: auto;
        background-color: #000;
        color: #FFFFFF;
    }

    #fcontact {
        width: 225px;
        height: auto;
        float: right;
        direction: rtl;
        padding-right: 20px;
        padding-top: 15px;
        text-align: justify;
    }

    #flastnews {
        width: 240px;
        height: auto;
        float: right;
        margin-right: 5px;
        padding-right: 15px;
        padding-top: 15px;
        text-align: justify;
    }

    #fabout {
        width: 250px;
        height: auto;
        float: left;
        text-align: justify;
        padding-right: 10px;
        padding-left: 25px;
        padding-top: 15px;
    }

    #fcopyright {
        text-align: center;
        padding-top: 7px;
        background-color: #000;
        color: #FFFFFF;
        border-top-style: solid;
        border-color: #999999;
        border-top-width: 1px;
        padding-bottom: 10px;
        width: 750px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (max-width : 800px), only screen and (max-device-width : 800px) {


    .back {
        background-color: #000;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        height: 130px;
    }



    #back {
        width: 680px;
        margin-left: auto;
        margin-right: auto;
        background-color: #000;
    }

    #cssmenu .tab1 {
        margin-left: auto;
        margin-right: auto;
        width: 213px;
    }

    #cssmenu ul.tab2 {
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        font-size: 11px;
        margin-left: 10px;
    }

    #cssmenu li a {
        background: rgba(52,52,52,1);
        background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(52,52,52,1)), color-stop(0%, rgba(44,44,44,1)), color-stop(100%, rgba(3,3,3,1)));
        background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: -o-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: -ms-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: linear-gradient(to bottom, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#030303', GradientType=0 );
        display: block;
        font-weight: normal;
        line-height: 65px;
        margin: 0px;
        padding: 0px 5px;
        text-align: center;
        text-decoration: none;
        width: 70px;
        border-left: 1px inset #000;
        border-right: 1px inset #2b2b2b;
    }

    .img {
        background-image: url('../images/logo.png');
        background-repeat: no-repeat;
        background-position: right;
        margin-top: 8px;
        height: 35px;
        width: 150px;
    }



    #container {
        width: 635px;
        margin-left: auto;
        margin-right: auto;
    }

    #main {
        width: 635px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        text-align: right;
        font-family: byekan;
        direction: rtl;
    }

    #head {
        width: 635px;
        height: auto;
        direction: ltr;
        float: left;
    }

    #search {
        width: 200px;
        height: 30px;
        float: left;
        margin-top: 73px;
        text-align: center;
    }

    #menu {
        margin-top: 0px;
        width: 99%;
        height: 70px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
        text-align: left;
        position: relative;
        z-index: 1;
    }


    #content {
        width: 655px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: rtl;
        padding-left: 5px;
    }




    #maincontent {
        width: 655px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: ltr;
        padding-left: 35px;
    }



    .zitem {
        border: 1px solid #C0C0C0;
        width: 310px;
        height: 375px;
        margin: 10px 10px 10px 0;
        /* required to hide the image after resized */
        overflow: hidden; /* for child absolute position */
        ;
        position: relative; /* display div in line */
        ;
        float: left;
        top: 0px;
        right: 0px;
        direction: ltr;
    }



    .caption {
        width: 310px;
        height: 75px;
        margin-top: 14px;
        background-color: #fff;
        color: #ff8106;
        font-family: byekan;
        /* fix it at the bottom */
        position: absolute;
        bottom: -1px; /* fix IE issue */
        left: 0px;
        /* hide it by default */
        /* opacity setting */
        filter: alpha(opacity=100); /* ie  */
        -moz-opacity: 1; /* old mozilla browser like netscape  */
        -khtml-opacity: 1; /* for really really old safari */
        opacity: 1; /* css standard, currently it works in most modern browsers like firefox,  */
        display: none;
    }


    
    
.Top {
    width: 70.9%;
    float: left;
    margin-top:0px;
}


.TOPhed {
    height: 70px;
    background: rgba(52,52,52,1);
    background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(52,52,52,1)), color-stop(0%, rgba(44,44,44,1)), color-stop(100%, rgba(3,3,3,1)));
    background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -o-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -ms-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: linear-gradient(to bottom, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#030303', GradientType=0 );
    color: #fff;
}

.Right {
    float: right;
    width: 26.5%;
    height:1000px;

    background-image: url('../images/back1.jpg');
}

.FixRight {
     position:fixed;
      height:500px;
       width:128px;
      margin-left:20px;

}

#detailscontent {
    width:635px;
    height: auto;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    direction: ltr;
    border: 1px solid #f7f7f7;
    background-color: White;
    display: table;
     background-image:url('../images/back1.jpg');
      background-position-x:right;
         background-repeat:repeat-y;
         background-size:26.5%;
}



#PageDidgah {
  
 width:635px;
    height: auto;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #f7f7f7;
    background-color: White;
    display: table;
      height:54%;
      margin-top:50px;
  

}


.ImgLeft {
float:left; margin-left:3%;
 width:67.5%;
  background-color:red;
}

    .ImgLeft img {
   width:100%;
     float:left;
    }


    #footer {
        width: 635px;
        height: 250px;
        text-align: right;
        margin-left: auto;
        margin-right: auto;
        background-color: #000;
        color: #FFFFFF;
        display: table;
    }

    #fcontact {
        width: 94%;
        height: auto;
        direction: rtl;
        padding-top: 15px;
    }

    #flastnews {
        width: 94%;
        height: auto;
        padding-top: 15px;
    }

    #fabout {
        width: 94%;
        height: auto;
        text-align: justify;
        direction: rtl;
        padding-top: 15px;
        margin-top: 15px;
        float: right;
        margin-bottom: 20px;
    }

    #fcopyright {
        text-align: center;
        padding-top: 7px;
        background-color: #000;
        color: #FFFFFF;
        border-top-style: solid;
        border-color: #999999;
        border-top-width: 1px;
        padding-bottom: 10px;
        width: 635px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
}



@media only screen and (max-width : 675px), only screen and (max-device-width : 675px) {

    .back {
        background: rgba(52,52,52,1);
        background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(52,52,52,1)), color-stop(0%, rgba(44,44,44,1)), color-stop(100%, rgba(3,3,3,1)));
        background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: -o-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: -ms-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: linear-gradient(to bottom, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#030303', GradientType=0 );
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        height: 125px;
    }



    #back {
        width: 420px;
       
        margin-left: auto;
        margin-right: auto;
        background: rgba(52,52,52,1);
        background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(52,52,52,1)), color-stop(0%, rgba(44,44,44,1)), color-stop(100%, rgba(3,3,3,1)));
        background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: -o-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: -ms-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: linear-gradient(to bottom, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#030303', GradientType=0 );
        
    }

    #cssmenu .tab1 {
        margin-left: auto;
        margin-right: auto;
    }

    .Menu3 {
         
        display: block;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-left:-30px;
        background: #2b2b2b; /* Old browsers */
        background: rgba(52,52,52,1);
        background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(52,52,52,1)), color-stop(0%, rgba(44,44,44,1)), color-stop(100%, rgba(3,3,3,1)));
        background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: -o-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: -ms-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: linear-gradient(to bottom, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#030303', GradientType=0 );
    }


    .tab2 {
        display: none;
    }


    #cssmenu ul.tab2 {
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        font-size: 11px;
        margin-left: 10px;
    }

    #cssmenu li a {
        background: rgba(52,52,52,1);
        background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(52,52,52,1)), color-stop(0%, rgba(44,44,44,1)), color-stop(100%, rgba(3,3,3,1)));
        background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: -o-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: -ms-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: linear-gradient(to bottom, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#030303', GradientType=0 );
        display: block;
        font-weight: normal;
        line-height: 65px;
        margin: 0px;
        padding: 0px 5px;
        text-align: center;
        text-decoration: none;
        width: 70px;
        border-left: 1px inset #000;
        border-right: 1px inset #2b2b2b;
    }

    .img {
        background-image: url('../images/logo.png');
        background-repeat: no-repeat;
        background-position: right;
        margin-top: 8px;
        height: 35px;
        width: 150px;
    }




    #container {
        width: 510px;
        margin-left: auto;
        margin-right: auto;
    }


    #main {
        width: 505px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        text-align: right;
        font-family: byekan;
        direction: rtl;
    }

    #head {
        width: 505px;
        height: auto;
        direction: ltr;
        float: left;
    }

    #search {
        width: 200px;
        height: 30px;
        float: left;
        margin-top: 73px;
        text-align: center;
    }

    #menu {
        margin-top: 5px;
        width: 98%;
        height: 30px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px;
        float: left;
        text-align: left;
        position: relative;
        z-index: 1;
    }

    #content {
        width: 510px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: rtl;
        padding-left: 5px;
    }



    #maincontent {
        width: 525px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: ltr;
        padding-left: 35px;
    }




    .zitem {
        border: 1px solid #C0C0C0;
        width: 235px;
        height: 300px;
        margin: 10px 10px 10px 0;
        /* required to hide the image after resized */
        overflow: hidden; /* for child absolute position */
        ;
        position: relative; /* display div in line */
        ;
        float: left;
        top: 0px;
        right: 0px;
        direction: ltr;
    }



    .caption {
        width: 235px;
        height: 75px;
        margin-top: 14px;
        background-color: #fff;
        color: #ff8106;
        font-family: byekan;
        /* fix it at the bottom */
        position: absolute;
        bottom: -1px; /* fix IE issue */
        left: 0px;
        /* hide it by default */
        /* opacity setting */
        filter: alpha(opacity=100); /* ie  */
        -moz-opacity: 1; /* old mozilla browser like netscape  */
        -khtml-opacity: 1; /* for really really old safari */
        opacity: 1; /* css standard, currently it works in most modern browsers like firefox,  */
        display: none;
    }


        
.Top {
    width: 100%;
    float: left;
    margin-top:0px;
}


.TOPhed {
    
    height: 70px;
    background: rgba(52,52,52,1);
    background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(52,52,52,1)), color-stop(0%, rgba(44,44,44,1)), color-stop(100%, rgba(3,3,3,1)));
    background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -o-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: -ms-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    background: linear-gradient(to bottom, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#030303', GradientType=0 );
    color: #fff;
    text-align:center;
    
}

.Right {
    display:none;
    float: right;
    width: 26.5%;
    height:1000px;

    background-image: url('../images/back1.jpg');
}

.FixRight {
     display:none;
     position:fixed;
      height:500px;

}

#detailscontent {
   
    width:505px;
    height: auto;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    direction: ltr;
    border: 1px solid #f7f7f7;
    background-color: #fff;
      background-image:url('../images/back1.jpg');
      background-position-x:right;
         background-repeat:repeat-y;
         background-size:0%;

   

}


#PageDidgah {
  
 width:505px;
    height: auto;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #f7f7f7;
    background-color: White;
    display: table;
      height:54%;
      margin-top:50px;
  

}


.ImgLeft {
float:left; margin-left:5%;
 width:90%;
  background-color:red;
}

    .ImgLeft img {
   width:100%;
     float:left;
    }




    #footer {
        width: 505px;
        height: 250px;
        text-align: right;
        margin-left: auto;
        margin-right: auto;
        background-color: #000;
        color: #FFFFFF;
        display: table;
    }

    #fcontact {
        width: 94%;
        height: auto;
        direction: rtl;
        padding-top: 15px;
    }

    #flastnews {
        width: 94%;
        height: auto;
        padding-top: 15px;
    }

    #fabout {
        width: 94%;
        height: auto;
        text-align: justify;
        direction: rtl;
        padding-top: 15px;
        margin-top: 15px;
        float: right;
        margin-bottom: 20px;
    }

    #fcopyright {
        text-align: center;
        padding-top: 7px;
        background-color: #000;
        color: #FFFFFF;
        border-top-style: solid;
        border-color: #999999;
        border-top-width: 1px;
        padding-bottom: 10px;
        width: 505px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
}



@media only screen and (max-width : 520px), only screen and (max-device-width : 520px) {






    #container {
        width: 385px;
        margin-left: auto;
        margin-right: auto;
    }


    #main {
        width: 385px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        text-align: right;
        font-family: byekan;
        direction: rtl;
    }

    #head {
        width: 381px;
        height: auto;
        direction: ltr;
        float: left;
    }

    #search {
        width: 200px;
        height: 30px;
        float: left;
        margin-top: 73px;
        text-align: center;
    }

    #menu {
        margin-top: 5px;
        width: 99%;
        height: 30px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
        text-align: center;
        position: relative;
        z-index: 1;
    }

    #content {
        width: 385px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: rtl;
        padding-left: 5px;
    }




    #maincontent {
        width: 420px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: ltr;
        padding-left: 35px;
    }





    .zitem {
        border: 1px solid #C0C0C0;
        width: 375px;
        height: 400px;
        margin: 10px 10px 10px 0;
        /* required to hide the image after resized */
        overflow: hidden; /* for child absolute position */
        ;
        position: relative; /* display div in line */
        ;
        float: left;
        top: 0px;
        right: 0px;
        direction: ltr;
    }



    .caption {
        width: 375px;
        height: 75px;
        margin-top: -24px;
        background-color: #fff;
        color: #ff8106;
        font-family: byekan;
        /* fix it at the bottom */
        position: absolute;
        bottom: -1px; /* fix IE issue */
        left: 0px;
        /* hide it by default */
        /* opacity setting */
        filter: alpha(opacity=100); /* ie  */
        -moz-opacity: 1; /* old mozilla browser like netscape  */
        -khtml-opacity: 1; /* for really really old safari */
        opacity: 1; /* css standard, currently it works in most modern browsers like firefox,  */
        display: none;
    }



    
#detailscontent {
   
    width:385px;
    height: auto;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    direction: ltr;
    border: 1px solid #f7f7f7;
    background-color: #fff;
      background-image:url('../images/back1.jpg');
      background-position-x:right;
         background-repeat:repeat-y;
         background-size:0%;

   

}

#PageDidgah {
  
 width:385px;
    height: auto;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #f7f7f7;
    background-color: White;
    display: table;
      height:54%;
      margin-top:50px;
  

}

.ImgLeft {
float:left; margin-left:5%;
 width:90%;
  background-color:red;
}

    .ImgLeft img {
   width:100%;
     float:left;
    }









    #footer {
        width: 381px;
        height: 250px;
        text-align: right;
        margin-left: auto;
        margin-right: auto;
        background-color: #000;
        color: #FFFFFF;
        display: table;
    }

    #fcontact {
        width: 94%;
        height: auto;
        direction: rtl;
        padding-top: 15px;
    }

    #flastnews {
        width: 94%;
        height: auto;
        padding-top: 15px;
    }

    #fabout {
        width: 94%;
        height: auto;
        text-align: justify;
        direction: rtl;
        padding-top: 15px;
        margin-top: 15px;
        float: right;
        margin-bottom: 20px;
    }

    #fcopyright {
        text-align: center;
        padding-top: 7px;
        background-color: #000;
        color: #FFFFFF;
        border-top-style: solid;
        border-color: #999999;
        border-top-width: 1px;
        padding-bottom: 10px;
        width: 381px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
}



@media only screen and (max-width : 400px), only screen and (max-device-width : 400px) {


    .back {
        background: rgba(52,52,52,1);
        background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(52,52,52,1)), color-stop(0%, rgba(44,44,44,1)), color-stop(100%, rgba(3,3,3,1)));
        background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: -o-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: -ms-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: linear-gradient(to bottom, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#030303', GradientType=0 );
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        height: 125px;
    }



    #back {
        width: 230px;
        margin-left: auto;
        margin-right: auto;
        background: rgba(52,52,52,1);
        background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(52,52,52,1)), color-stop(0%, rgba(44,44,44,1)), color-stop(100%, rgba(3,3,3,1)));
        background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: -o-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: -ms-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        background: linear-gradient(to bottom, rgba(52,52,52,1) 0%, rgba(44,44,44,1) 0%, rgba(3,3,3,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#030303', GradientType=0 );
    }

    #cssmenu .tab1 {
        margin-left: auto;
        margin-right: auto;
    }




    #cssmenu ul.tab2 {
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
        font-size: 11px;
        margin-left: 10px;
    }



    .Menu3 {
        display: none;
    }

    .menu2 {
        display: block;
        margin-left: auto;
        margin-right: auto;
        background-color:red;
       
    }


    select {
        padding: 5px;
        border: solid 1px #E5E5E5;
        font-family:'B Yekan';
        width: 230px;
        background: #FFFFFF url('bg_form.png') left top repeat-x;
        /* background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;*/
        cursor: pointer;
        height: 30px;
    }

        select option {
            line-height: 20px;
        }




    #container {
        width: 320px;
        margin-left: auto;
        margin-right: auto;
    }

        #container img {
            width: 315px;
            height: 315px;
        }

    #main {
        width: 330px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        text-align: right;
        font-family: byekan;
        direction: rtl;
    }

    #head {
        width: 320px;
        height: auto;
        direction: ltr;
        float: left;
    }

    #search {
        width: 200px;
        height: 30px;
        float: left;
        margin-top: 73px;
        text-align: center;
    }

    #menu {
        margin-top: 5px;
        width: 100%;
        height: 30px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
        text-align: center;
        position: relative;
        z-index: 1;
        display: table;
    }

    #content {
        width: 320px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: rtl;
        padding-left: 5px;
    }


    #maincontent {
        width: 250px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: ltr;
        padding-left: 60px;
    }




    
#detailscontent {
   
    width:320px;
    height: auto;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    direction: ltr;
    border: 1px solid #f7f7f7;
    background-color: #fff;
      background-image:url('../images/back1.jpg');
      background-position-x:right;
         background-repeat:repeat-y;
         background-size:0%;

   

}

#PageDidgah {
  
 width:320px;
    height: auto;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #f7f7f7;
    background-color: White;
    display: table;
      height:54%;
      margin-top:50px;
  

}


.ImgLeft {
float:left; margin-left:5%;
 width:90%;
  background-color:red;
}

    .ImgLeft img {
   width:100%;
     float:left;
    }




    #footer {
        width: 320px;
        height: 250px;
        text-align: right;
        margin-left: auto;
        margin-right: auto;
        background-color: #000;
        color: #FFFFFF;
        display: table;
    }

    #fcontact {
        width: 94%;
        height: auto;
        direction: rtl;
        padding-top: 15px;
    }

    #flastnews {
        width: 94%;
        height: auto;
        padding-top: 15px;
    }

    #fabout {
        width: 94%;
        height: auto;
        text-align: justify;
        direction: rtl;
        padding-top: 15px;
        margin-top: 15px;
        float: right;
        margin-bottom: 20px;
    }

    #fcopyright {
        text-align: center;
        padding-top: 7px;
        background-color: #000;
        color: #FFFFFF;
        border-top-style: solid;
        border-color: #999999;
        border-top-width: 1px;
        padding-bottom: 10px;
        width: 320px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
}




@media only screen and (max-width : 370px), only screen and (max-device-width : 370px) {

 
        .menu2 {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .zitem {
        border: 1px solid #C0C0C0;
        width: 220px;
        height: 280px;
        top: 0px;
        margin-right: 50px;
        direction: ltr;
    }



    .caption {
        width: 220px;
        height: 78px;
        margin-top: 14px;
        background-color: #fff;
        color: #ff8106;
        font-family: byekan;
        /* fix it at the bottom */
        position: absolute;
        bottom: -1px; /* fix IE issue */
        left: 0px;
        /* hide it by default */
        /* opacity setting */
        filter: alpha(opacity=100); /* ie  */
        -moz-opacity: 1; /* old mozilla browser like netscape  */
        -khtml-opacity: 1; /* for really really old safari */
        opacity: 1; /* css standard, currently it works in most modern browsers like firefox,  */
        display: none;
    }



    #container {
        width: 250px;
        margin-left: auto;
        margin-right: auto;
    }

        #container img {
            width: 250px;
            height: 250px;
        }

    #main {
        width: 250px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        text-align: right;
        font-family: byekan;
        direction: rtl;
    }

    #head {
        width: 250px;
        height: auto;
        direction: ltr;
        float: left;
        display: table;
    }

    #search {
        width: 200px;
        height: 30px;
        float: left;
        margin-top: 73px;
        text-align: center;
    }

    #menu {
        margin-top: 5px;
        width: 100%;
        height: 30px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
        text-align: center;
        position: relative;
        z-index: 1;
    }

    #content {
        width: 250px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: rtl;
        padding-left: 5px;
    }




    #maincontent {
        width: 200px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: ltr;
        padding-left: 80px;
    }





    #detailscontent {
        width: 250px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: ltr;
        border: 1px solid #f7f7f7;
        background-color: #fff;
        background-image: url('../images/back1.jpg');
        background-position-x: right;
        background-repeat: repeat-y;
        background-size: 0%;
    }
  
    #PageDidgah {
  
 width:250px;
    height: auto;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #f7f7f7;
    background-color: White;
    display: table;
      height:54%;
      margin-top:50px;
  

}



    #footer {
        width: 250px;
        height: 250px;
        text-align: right;
        margin-left: auto;
        margin-right: auto;
        background-color: #000;
        color: #FFFFFF;
        display: table;
    }

    #fcontact {
        width: 94%;
        height: auto;
        direction: rtl;
        padding-top: 15px;
    }

    #flastnews {
        width: 94%;
        height: auto;
        padding-top: 15px;
    }

    #fabout {
        width: 94%;
        height: auto;
        text-align: justify;
        direction: rtl;
        padding-top: 15px;
        margin-top: 15px;
        float: right;
        margin-bottom: 20px;
    }

        #fabout a {
            font-size: 12px;
        }

    #fcopyright {
        text-align: center;
        padding-top: 7px;
        background-color: #000;
        color: #FFFFFF;
        border-top-style: solid;
        border-color: #999999;
        border-top-width: 1px;
        padding-bottom: 10px;
        width: 250px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
}





@media only screen and (max-width : 300px), only screen and (max-device-width : 300px) {


    #maincontent {
        width: 250px;
        height: auto;
        margin-bottom: 5px;
        direction: ltr;
    }

    .zitltr;
}

.ziteeidth: 1px; padding-bottom: 10px; width: 250px; height: auto; margin-left: auto; margin-right: auto;
}
}





@media only screen and (max-width : 300px), only screen and (max-device-width : 300px) {

    #maincontent {
        width: 250px;
        height: auto;
        margin-bottom: 5px;
        direction: ltr;
    }

    .zitem {
        border: 1px solid #C0C0C0;
        width: 220px;
        height: 280px;
        top: 0px;
        right: -45px;
        direction: ltr;
    }



    .caption {
        width: 220px;
        height: 78px;
        margin-top: 14px;
        background-color: #fff;
        color: #ff8106;
        font-family: byekan;
        /* fix it at the bottom */
        position: absolute;
        bottom: -1px; /* fix IE issue */
        left: 0px;
        /* hide it by default */
        /* opacity setting */
        filter: alpha(opacity=100); /* ie  */
        -moz-opacity: 1; /* old mozilla browser like netscape  */
        -khtml-opacity: 1; /* for really really old safari */
        opacity: 1; /* css standard, currently it works in most modern browsers like firefox,  */
        display: none;
    }



    #container {
        width: 200px;
        margin-left: auto;
        margin-right: auto;
    }

        #container img {
            width: 200px;
            height: 200px;
        }

    #main {
        width: 200px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        text-align: right;
        font-family: byekan;
        direction: rtl;
    }

    #head {
        width: 200px;
        height: auto;
        direction: ltr;
        float: left;
        display: table;
    }

    #search {
        width: 200px;
        height: 30px;
        float: left;
        margin-top: 73px;
        text-align: center;
    }

    #menu {
        margin-top: 5px;
        width: 100%;
        height: 30px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
        text-align: center;
        position: relative;
        z-index: 1;
    }

    #content {
        width: 200px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: rtl;
        padding-left: 5px;
    }





    #detailscontent {
        width: 200px;
        height: auto;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        direction: ltr;
        padding-top: 12px;
        border: 1px solid #e5e5e5;
        background-color: White;
    }





    #footer {
        width: 200px;
        height: 250px;
        text-align: right;
        margin-left: auto;
        margin-right: auto;
        background-color: #000;
        color: #FFFFFF;
        display: table;
    }

    #fcontact {
        width: 94%;
        height: auto;
        direction: rtl;
        padding-top: 15px;
    }

    #flastnews {
        width: 94%;
        height: auto;
        padding-top: 15px;
    }

    #fabout {
        width: 94%;
        height: auto;
        text-align: justify;
        direction: rtl;
        padding-top: 15px;
        margin-top: 15px;
        float: right;
        margin-bottom: 20px;
    }

    #fcopyright {
        text-align: center;
        padding-top: 7px;
        background-color: #000;
        color: #FFFFFF;
        border-top-style: solid;
        border-color: #999999;
        border-top-width: 1px;
        padding-bottom: 10px;
        margin-top: 15px;
        float: right;
        margin-bottom: 20px;
    }

    #fcopyright {
        text-align: center;
        padding-top: 7px;
        background-color: #333333;
        color: #FFFFFF;
        border-top-style: solid;
        border-color: #999999;
        border-top-width: 1px;
        padding-bottom: 10px;
        width: 200px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
}





@media only screen and (max-width : 260px), only screen and (max-device-width : 260px) {



    .zitem {
        border: 1px solid #C0C0C0;
        width: 220px;
        height: 280px;
        top: 0px;
        direction: ltr;
    }



    .caption {
        width: 220px;
        height: 78px;
        margin-top: 14px;
        background-color: #fff;
        color: #ff8106;
        font-family: byekan;
        /* fix it at the bottom */
        position: absolute;
        bottom: -1px; /* fix IE issue */
        left: 0px;
        /* hide it by default */
        /* opacity setting */
        filter: alpha(opacity=100); /* ie  */
        -moz-opacity: 1; /* old mozilla browser like netscape  */
        -khtml-opacity: 1; /* for really really old safari */
        opacity: 1; /* css standard, currently it works in most modern browsers like firefox,  */
        display: none;
    }




    #container {
        width: 150px;
        margin-left: auto;
        margin-right: auto;
    }

        #container img {
            width: 150px;
            height: 150px;
        }

    #main {
        width: 150px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        text-align: right;
        font-family: byekan;
        direction: rtl;
    }

    #head {
        width: 150px;
        height: auto;
        direction: ltr;
        float: left;
        display: table;
    }

    #search {
        width: 200px;
        height: 30px;
        float: left;
        margin-top: 73px;
        text-align: center;
    }

    #menu {
        margin-top: 5px;
        width: 100%;
        height: 30px;
        margin-left: auto;
        margin-right: auto;
        ba margin-right: auto;
        margin-left: auto;
        margin-right: auto;
        background-color: #000;
        color: #FFFFFF;
        display: table;
    }

    #fcontact {
        width: 90%;
        height: auto;
        direction: rtl;
        padding-top: 15px;
    }

    #flastnews {
        width: 100%;
        height: auto;
        padding-top: 15px;
    }

    #fabout {
        width: 94%;
        height: auto;
        text-align: justify;
        direction: rtl;
        padding-top: 15px;
        margin-top: 15px;
        float: right;
        margin-bottom: 20px;
    }

    #fcopyright {
        text-align: center;
        padding-top: 7px;
        background-color: #000;
        color: #FFFFFF;
        border-top-style: solid;
        border-color: #999999;
        border-top-width: 1px;
        padding-bottom: 10px;
        color: #FFFFFF;
        display: table;
    }

    #fcontact {
        width: 90%;
        height: auto;
        direction: rtl;
        padding-top: 15px;
    }

    #flastnews {
        width: 100%;
        height: auto;
        padding-top: 15px;
    }

    #fabout {
        width: 94%;
        height: auto;
        text-align: justify;
        direction: rtl;
        padding-top: 15px;
        margin-top: 15px;
        float: right;
        margin-bottom: 20px;
    }

    #fcopyright {
        text-align: center;
        padding-top: 7px;
        background-color: #333333;
        color: #FFFFFF;
        border-top-style: solid;
        border-color: #999999;
        border-top-width: 1px;
        padding-bottom: 10px;
        width: 155px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
}