@media only screen and (max-width : 479px) {
    .main{width:300px}
    /*Header*/
    #fakorSanat img{width:100%}
    .menuBtn{display:block}
    #navMenu{display:none;position:absolute;top:123px;background:#fff;bottom:auto;padding:15px}
    #navigation > li{background:0;width:100%}
    #navigation > li > a{color:#1a3254}
    .tLink{top:-1px;bottom:auto}
    /*Page 2*/
    .aboutMain{width:300px}
    .rightA{width:100%;float:none;background:0}
    .itemA{display:none}
    .TitleA{line-height:60px;margin-bottom:34px}
    .TitleA:before{border:55px solid transparent;border-top:25px solid red;bottom:-80px;right:30%}
    .leftA{width:100%;float:none}
    .tabA{display:block !important}
    .chartPic img{width:100%;max-width:100% !important;height:auto !important}
    #backHomePane{padding:8px 2px}
    /*Page 4*/
    .vChainRight{float:none;width:100%}
    .value-chain-of-activities{float:none;-moz-transform:scale(.65);-webkit-transform:scale(.65);-o-transform:scale(.65);-ms-transform:scale(.65);transform:scale(.65);
                               -moz-transform-origin:108px;-webkit-transform-origin:108px;-o-transform-origin:108px;-ms-transform-origin:414px 0;transform-origin:108px;}
    .chainLevel { top: 142px; right: auto; left: -70px; }
    /*Page 5*/
    #section4 .main{padding-bottom:50px}
    #section4 .activityChain{margin-top:0;font-size:23px;padding:36px 0 0 65px}
    .activityChain:before{border:40px solid transparent;border-left:40px solid #FF0000;top:28px}
    .serviceLst{width:100%}
    .serviceLst >li{width:100%}
    /*Page 6*/
    .projectLst{text-align:center}
    .prjPic{width:210px;height:210px;float:none}
    .prjTxt{min-height:10px;padding:15px 0 0}
    /*Page 7*/
    #section6 .rdTit{line-height:60px;margin-bottom:10px}
    .rdList > li{width:100%;margin-bottom:30px}
    .rdList h4{margin:10px 10px 30px}
    .rdList > li > ul:before{height:30px}
    /*Page 8*/
    .hrPic{margin:0;float:none}
    .hrPic img{width:100%}
    /*Page 9*/
    #videoLst > .item,#catLst > .item{width:100%}
    /*Page 10*/
    #section9 .main .rdTit{position:static;margin-bottom:0;font-size:20px}
    .fCoWorker img{width:100%}
    /*Page 12*/
    .newsTit{float:none;margin:0 0 20px}
    .newsLeft{padding:0}
    .newsPic{float:none;width:100%}
    .newsPic img{width:100%}
    .newsTxt{padding:0}
    .nDate{top:115px}
    .fSection{width:100%}
    .fSection > div{padding:10px 10px 20px}
    /*MAnager*/
    .mRight{width:100%}
    .mLeft{width:100%}
    /*Certificate*/
    #sync1 .item{width:auto}
    .certificate-pic{float:none;width:100%;text-align:center}
    .certificate-txt{float:none;padding:15px;min-height:50px}
    /*Pic Gallery*/
    .grid li{width:100%}
    .gAlbum > li{width:100%}
    /*News*/
    .inPic{float:none;width:98%;margin:0 auto 15px}
    .inPic img{width:100%}
     /*Project*/
     #Projects.Animation >li{width:100%}
    #Projects1{padding:0}
    #Projects1 > li{width:100%}
    #Projects1 .pPic{width:250px;height:250px}
    .dLeft,.dRight{float:none;width:100%}
    /*Gallery*/
    #videosLst > li .videoPane{width:100%}
    .videoDetail{padding-right:0;padding-top:10px}
    /*Catalouge*/
    #catLisLst > li{width:100%}
    #catLisLst > li .catPane{width:100%}
    .catDetail{padding-right:0;padding-top:10px}
	/*Career*/
    .form_bg .form_tbl td{display:block}
}
@media only screen and (min-width : 480px) and (max-width : 719px){
    .main{width:460px}
    /*Header*/
    .menuBtn{display:block}
    #navMenu{display:none;position:absolute;top:123px;background:#fff;bottom:auto;padding:15px}
    #navigation > li{background:0;width:49%}
    #navigation > li > a{color:#1a3254}
    .tLink{top:-1px;bottom:auto}
    /*Page 2*/
    .aboutMain{width:460px}
    .rightA{width:100%;float:none;background:0}
    .itemA{display:none}
    .TitleA{line-height:60px;margin-bottom:34px}
    .TitleA:before{border:55px solid transparent;border-top:25px solid red;bottom:-80px;right:37%}
    .leftA{width:100%;float:none}
    .tabA{display:block !important}
    .chartPic img{width:100%}
    /*Page 4*/
    .vChainRight{float:none;width:100%}
    .value-chain-of-activities{float:none}
    .chainLevel{top:30px;right:0}
    /*Page 5*/
    #section4 .activityChain{margin-top:0;font-size:26px}
    .activityChain:before{border:40px solid transparent;border-left:40px solid #FF0000;top:28px}
    .serviceLst{width:100%}
    .serviceLst >li{width:49%}
    .srvPic{width:200px;height:200px}
    /*Page 6*/
    .prjPic{width:210px;height:210px}
    .prjTxt{min-height:123px;padding:65px 0 0 222px}
    /*Page 7*/
    .rdList > li{width:49%}
    /*Page 8*/
    .hrPic{margin:0;float:none}
    .hrPic img{width:100%}
    /*Page 9*/
    #videoLst > .item,#catLst > .item{width:100%}
    /*Page 10*/
    #section9 .main .rdTit{position:static;margin-bottom:0}
    .fCoWorker img{width:100%}
    /*Page 12*/
    .newsTit{float:none;margin:0 0 20px}
    .newsLeft{padding:0}
    .newsPic{float:none;width:100%}
    .newsPic img{width:100%}
    .newsTxt{padding:0}
    .nDate{top:250px}
    .fSection{width:100%}
    .fSection > div{padding:10px 10px 20px}
    /*Certificate*/
    #sync1 .item{width:auto}
    .certificate-pic{float:none;width:100%;text-align:center}
    .certificate-txt{float:none;padding:15px;min-height:50px}
    /*Pic Gallery*/
    .grid li{width:50%}
    .gAlbum > li{width:100%}
    /*News*/
    .inPic{float:none;width:98%;margin:0 auto 15px}
    .inPic img{width:100%}
    /*Project*/
    #Projects.Animation >li{width:100%}
    #Projects1{padding:0}
    #Projects1 > li{width:49%}
    #Projects1 .pPic{width:200px;height:200px}
    .dLeft,.dRight{float:none;width:100%}
    /*Gallery*/
    #videosLst > li .videoPane{width:100%}
    .videoDetail{padding-right:0;padding-top:10px}
    /*Catalouge*/
    #catLisLst > li{width:100%}
    /*MAnagers*/
    .mRight{width:67%}
    .mLeft{width:29%}
	/*Career*/
    .form_bg .form_tbl td{display:block}
}
@media only screen and (min-width : 720px) and (max-width : 1000px) {
    .main{width:700px}
    /*Header*/
    .menuBtn{display:block}
    #navMenu{display:none;position:absolute;top:123px;background:#fff;bottom:auto;padding:15px}
    #navigation > li{background:0;width:33%}
    #navigation > li > a{color:#1a3254}
    .tLink{top:-1px;bottom:auto}
    /*Page 2*/
    .rightA{width:26%}
    .itemA > li > span,.itemA > li > a{padding:18px 20px}
    .leftA{width:74%}
    .TitleA:before{right:20%}
    .tabA{display:none}
    .chartPic img{width:100%}
    /*Page 4*/
    .vChainRight{float:none;width:100%}
    .value-chain-of-activities{float:none}
    /*Page 5*/
    #section4 .activityChain{margin-top:0}
    .activityChain:before{border:40px solid transparent;border-left:40px solid #FF0000;top:28px}
		.serviceLst{width:100%}
	.serviceLst >li{width:32%}
    /*Page 6*/
    .prjPic{width:210px;height:210px}
    .prjTxt{min-height:123px;padding:65px 0 0 222px}
    /*Page 7*/
    .rdList > li{width:33%}
    /*Page 9*/
    #videoLst > .item,#catLst > .item{width:33%}
    /*Page 10*/
    #section9 .main .rdTit{position:static;margin-bottom:0}
    /*Certificate*/
    #sync1 .item{width:auto}
    /*Pic Gallery*/
    .grid li{width:33%}
    .gAlbum > li{width:49%}
    /*Project*/
    #Projects.Animation >li{width:49%}
    #Projects1{padding:0}
    #Projects1 > li{width:49%}
    .dLeft,.dRight{float:none;width:100%}
    /*Gallery*/
    #videosLst > li .videoPane{width:40%}
    .videoDetail{padding-right:44%}
    /*Catalouge*/
    #catLisLst > li{width:100%}
    /*MAnagers*/
    .mRight{width:77%}
    .mLeft{width:20%}
	/*Career*/
    .formTbl2 td .txt{width:137px}
}
@media only screen and (min-width : 1001px) and (max-width : 1249px) {
    .main{width:980px}
    /*Header*/
     #navMenu{display:block !important}
     #navigation > li > a{font-size:12px}
    #fakorSanat{top:5px;width:200px}
    #fakorSanat img{width:100%}
    /*Page 2*/
    .rightA{width:23%}
    .leftA{width:77%}
    .itemA > li > span, .itemA > li > a{padding:18px 23px}
    .TitleA:before{right:24%}
    .tabA{display:none}
    .chartPic img{width:100%}
    /*Page 4*/
    .vChainRight{width:537px}
    /*Page 7*/
    .rdList > li > ul{margin:0 5px}
	/*Section 10*/
	#section9 .main .rdTit{position:static;margin-bottom:0}
    /*Project*/
    #Projects1{padding:0}
    #Projects1 .pPic{width:220px;height:220px}
    /*Gallery*/
    #videosLst > li .videoPane{width:40%}
    .videoDetail{padding-right:44%}
    /*MAnagers*/
    .mRight{width:85%}
    .mLeft{width:13%}
	/*Career*/
    .formTbl2 td .txt{width:137px}
}
@media only screen and (min-width : 1250px){
    .main{width:1290px}
    #navMenu{display:block !important}
    /*Page 2*/
    .tabA{display:none}
}