body{font-family: iranSansWeb}
#coverHomeText{position:absolute;width:960px;background: #ffb31c;opacity: 0.86;z-index: -1;margin-left:-480px;left:50%;top:50%;margin-top:-140px;height:280px;}
.home-text{border: 1px solid #000}
.home-text h1{font-size: 43px;font-family: iranSansWeb}
.home-text h3{margin-top: 10px;font-size: 20px;font-family: iranSansWeb}
.home-text h5{font-size: 18px;font-family: iranSansWeb}
.homeTextContent{position: relative;width: 100%;height:auto;padding-top: 60px}

#folio h1{font-size: 30px}
#folio h2{font-family: iranSansWeb;font-size: 17px;margin-top: 10px}
h1, h2, h3, h4, h5, h6, p{font-family: iranSansWeb; text-transform: none}
.container p{direction: ltr;text-align: justify;margin: 10px;}
.container b{font-weight: bold}

#about h1{font-family: iranSansWeb;font-size: 30px}
#contact h1{font-family: iranSansWeb;font-size: 30px}
#contact .sub-text p{text-align: center;direction: rtl;font-size: 14px}
#about .sub-text p{direction: rtl;text-align: justify;font-size: 12px}
#contact{direction: rtl}
#contact .container p{direction: rtl;}
#contact .container h6{direction: rtl;text-align: right}
#ajax-form label{font-family: iranSansWeb;font-size: 12px}
#ajax-form span{font-family: iranSansWeb;font-size: 10px}
#ajax-form .error{font-family: iranSansWeb;font-size: 10px}
#ajax-form button{font-family: iranSansWeb;}
#contact #ajaxsuccess span{font-family: iranSansWeb;font-size: 12px;padding-right: 10px}
.details li{text-align: justify; direction: rtl;font-size: 11px;float: right}
.details ul li::after{right: 0px;}
.panel_text_image p{ color: #4f4f4f; font-size: 11px; direction: rtl; text-align: justify; line-height: 18px; }
#downloadResumeTxt{font-family: iranSansWeb; font-size: 22px;}
#resumeDownload2{line-height: 46px}






@media only screen and (min-width: 768px) and (max-width: 959px) {
	#coverHomeText{width:760px; margin-left:-380px;}
	.homeTextContent{padding-top: 60px}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	#coverHomeText{width:460px;margin-left:-230px;margin-top:-115px;height:227px;}
	.homeTextContent{padding-top: 0px}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
	#coverHomeText{width:300px;margin-left:-150px;margin-top:-90px;height:180px;}
	.homeTextContent{padding-top: 0px}
	.home-text h1{font-size: 18px}
	.home-text h3{font-size: 18px;padding: 0px;line-height: 20px}
	.home-text h5{font-size: 15px;padding: 0px	}
}

@media only screen and (max-width: 319px) {
	#coverHomeText{width:300px;margin-left:-150px;margin-top:-90px;height:180px;}
	.homeTextContent{padding-top: 0px}
	.home-text h1{font-size: 18px}
	.home-text h3{font-size: 18px;padding: 0px;line-height: 20px}
	.home-text h5{font-size: 15px;padding: 0px	}
}