@charset "utf-8";
@font-face {
  font-family: 'Ham3D';
  src: url("fonts/web_Yekan.woff") format("woff"), 
  url("../fonts/web_Yekan.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*@font-face {
  font-family: 'Ham3D_Bold';
  src: url("fonts/IRANSans-Bold-web.woff") format("woff"), 
  url("../fonts/IRANSans-Bold-web.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}*/
@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}

html,body {
  margin:0;
  height:100%;
  zoom: 1;
}
body{
  font-family: "Ham3D";  
  overflow-x: hidden;
  color: #666;
  font-size: 13px;
  background: #FFFFFF;
  direction:ltr;
  padding-top: 0 !important;
}
a{
    color: #666;
    text-decoration: none;
}
a:focus{-moz-outline-style: none;}
a:active{outline: none;}
a:focus { outline:none }
a {outline: none}
img{
  max-width: 100%;
}
.clear{
  clear: both;
}
ul{
  padding: 0;
  margin: 0;
  list-style: none;
}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=tel]:focus{
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  border-color: #666666!important;
}
textarea:focus{
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  border-color: #666666!important; 
}
h1,h2,h3,h4,h5,h6{
	font-size: 17px;
	color: #8BC645;
	margin: 5px 0 30px 0;
	font-weight: normal;
}
.hidden {
	zoom: 1;
    opacity:0;
	-moz-opacity:0;
	-webkit-opacity:0;
	filter:Alpha(opacity=0);
}
.displayNone {
	display:none;
}
.clearBoth {
	clear:both;
}
.main-top{
	margin-top: 40px;
}
#pageWrapper {
	/*height:200px;*/
	background: #fff;
	width: 100%;
	z-index: 999999;	
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;	
}
#pageWrapper.home {
	position:absolute;
	overflow:hidden;
	height: auto !important;
}
#pageWrapper #container {
	width:100%;	
	height:100%;
	padding-top:20px;
	border-bottom: solid 1px rgba(0,0,0,0.1);
}
#pageWrapper.home #container{
	height: auto;
	/*padding: 0;*/
}
#pageWrapper #container.home {
	position:absolute;
	overflow:hidden;
}
#pageWrapper #container .slideshow {
	min-height:200px;
}
#pageWrapper #container nav {
	/*text-align:center;*/
	margin: 0 0 10px;
	position:relative;
	/*margin-bottom:70px;*/
	clear: both;
	width: 100%;
}
#pageWrapper #container nav .main_nav {
	display:inline-block;
	position:relative;
}
#pageWrapper #container nav .main_nav ul {
	margin:0;
	margin-top: 20px;
	padding:0;
	list-style:none;
	display:inline-block;
	float:right;
}
#pageWrapper #container nav .main_nav ul li {
	float:right;
	margin-left:20px;
	/*padding-bottom:2px;*/
	border-bottom:solid 2px transparent;
		-webkit-transition: border-bottom 0.3s;
	   -moz-transition: border-bottom 0.3s;
		-ms-transition: border-bottom 0.3s;
		 -o-transition: border-bottom 0.3s;
			transition: border-bottom 0.3s;
}
#pageWrapper #container nav .main_nav ul li a{
	color: #333;
	font-size: 12px;
}
#pageWrapper #container nav .main_nav ul li:hover {
	border-bottom:solid 2px #8BC645;
	color: #8BC645;
}
#pageWrapper #container nav .logo {
	float:right;
	margin-top:-17px;
}
#pageWrapper #container nav .logo img{
	width: 100%;	
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;		
}
#pageWrapper #container nav .mobile_nav {
	width:100%;
	position:absolute;
	top:0;
	right:0;
	text-align:center;
	display:none;
	margin-bottom:20px;
	z-index:101;
}
#pageWrapper #container nav .mobile_nav .btn {
	width:20px;
	height:9px;
	padding: 0;
	border: none;
	border-radius:0;
	background-image:url("img/menu_btn.png");
	background-position:top right;
	margin:20px auto;
	-webkit-transition: background-position 0.3s;
	   -moz-transition: background-position 0.3s;
		-ms-transition: background-position 0.3s;
		 -o-transition: background-position 0.3s;
			transition: background-position 0.3s;
	cursor:pointer;
}
#pageWrapper #container nav .mobile_nav .btn:hover {
	background-position:top left;
}
#pageWrapper #container nav .mobile_nav .menu_holder {
	width:100%;
	position:absolute;
	background-color:#FFF;
	top:35px;
	height:0;
	overflow:hidden;
}
#pageWrapper #container nav .mobile_nav .menu_holder ul {
	margin:auto;
	padding:0;
	list-style:none;
	padding:50px 0;
}
#pageWrapper #container nav .mobile_nav .menu_holder ul li {
	margin-bottom:15px;
	border-bottom:solid 2px transparent;
}

#pageWrapper #container .slideshow {
	position:relative;
	overflow:hidden;
}
#pageWrapper #container .slideshow .slide {
	position:absolute;
	opacity:0;
	-moz-opacity:0;
	-webkit-opacity:0;
	filter:Alpha(opacity=0);
}
#pageWrapper #container .slideshow .slide img {
	width:100%;
	height:auto;
}
#pageWrapper #container .slideshow .titles_holder {
	position:absolute;
	z-index:100;
	top:50px;
	right: 0;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:50px;
	color:#FFF;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
}
#pageWrapper #container .slideshow .titles_holder .title {
	display:inline-block;
	overflow:hidden;
	position:absolute;
	top:0;
	right:0!important;
	left:0!important;
	margin-left:0!important;
	display:none;
	width: 100% !important;
	text-align: center !important;
}
#pageWrapper #container .slideshow .titles_holder .title.style1 {
	opacity:0.8;
	-moz-opacity:0.8;
	-webkit-opacity:0.8;
	filter:Alpha(opacity=80);
	color:#FFF;
}
#pageWrapper #container .slideshow .titles_holder .title.style2 {
	opacity:0.8;
	-moz-opacity:0.8;
	-webkit-opacity:0.8;
	filter:Alpha(opacity=70);
	color:#454a49;
}
#pageWrapper #container nav ul.options {
	display:inline-block;
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	z-index:3;
	top:5px;
	left:-60px;
	display:none;
}
#pageWrapper #container nav ul.options li {
	font-size:11px;
	color:#4d4d4d;
	margin-right:5px;
	padding-bottom:0px;
	float:left;
	border-bottom:solid 2px transparent;
	cursor:pointer;
	-webkit-transition: border-color 0.3s, color 0.3s;
	   -moz-transition: border-color 0.3s, color 0.3s;
		-ms-transition: border-color 0.3s, color 0.3s;
		 -o-transition: border-color 0.3s, color 0.3s;
			transition: border-color 0.3s, color 0.3s;
}
#pageWrapper #container nav ul.options li:last-child {
	margin:0;
}
#pageWrapper #container nav ul.options li:hover,
#pageWrapper #container nav ul.options li.active {
	color:#0071bc;
	border-bottom:solid 2px #0071bc;
}
#pageWrapper #container footer {
	width:90%;
	max-width:910px;
	margin:auto;
	border-top:solid 3px #000;
	margin-top:100px;
	padding-bottom:50px;
}
#pageWrapper #container footer .text {
	padding-top:20px;
	font-size:10px;
	float:right;
}
#pageWrapper #container footer .social {
	float:left;
	margin-top:15px;
}
#pageWrapper #container footer .bottom_gap {
	width:100%;
	height:30px;
}
.main_nav_fa{
    border-right: 1px solid  #969696;
    height: 13px;
    display: block;
}
.full_pic img{
	width: 100%;
	display: block;
	height: auto;
}
.about_page{
	text-align: center;
	padding-top: 90px;
}
.about_page p{
	line-height: 24px;
	padding-bottom: 105px;
	margin-bottom: 0;
	text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
}
.factory_box{
	padding: 38px 17px;
	border: 1px solid  #E5E5E5;
	overflow: hidden;
}
.factory_box h2{
	margin-bottom: 22px;
}
.factory_box img{
	float: left;
	margin-right: 18px;
}
.factory_box p{
	text-align: justify;
	line-height: 24px;
}
.footer{
	margin-top: 70px;
	background: #F2F2F2;
	padding-top: 25px;
}
.footer_top{
	padding-bottom: 12px;
	border-bottom: 1px solid  #DFDFDF;
}
.footer_bottom{
	padding-top: 15px;
	font-size: 12px;
}
.social_icons ul li{
	float: left;
	margin-right: 5px;
}
.social_icons ul li a{
	width: 16px;
	height: 16px;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
}
.footer .social_icons ul li a{
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
		
}

/*.social_icons ul li a.social_icon_1{
	background-image: url("img/facebook.svg");
}
.social_icons ul li a.social_icon_2{
	background-image: url("img/twitter.svg");
}
.social_icons ul li a.social_icon_3{
	background-image: url("img/instagram.svg");
}
.social_icons ul li a.social_icon_4{
	background-image: url("img/google-plus.svg");
}*/
.social_icon_1:hover svg path,
.social_icon_2:hover svg path,
.social_icon_3:hover svg path,
.social_icon_4:hover svg path{
	fill: #000;
}
.mnu{
	overflow: hidden;
}
.mnu ul li{
	float: right;
}
.mnu ul li a{
	color: #888;
}
.mnu ul li::after{
	content: "|";
	margin-left: 13px;
	margin-right: 13px;
	color: #DADCDD;
}
.mnu ul li:last-child::after{
	display: none;
}
.copyleft a{
	color: #8BC645;
}
.ham3d{
	color: #888;
	text-align: right;
	line-height: 14px;
	direction:ltr;
}
.ham3d a{
	color: #888;
}
.ham3d img{
	margin-left: 5px;
}
.service_box{
	padding: 19px 14px;
	border: 1px solid  #E5E5E5;
	overflow: hidden;
	margin-bottom: 30px;
}
.service_box img{
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 22px;
	border: 1px solid  #E5E5E5;
}
.service_box .service_title{
	display: block;
	font-size: 17px;
	color: #8BC645;
	margin-bottom: 15px;
	text-align:right;
}
.service_box p{
	text-align: justify;
	line-height: 24px;
	margin-bottom: 0;
	height:50px;
	overflow:hidden;
}
.service_page{
	padding-top: 70px;
}
.service_page h1{
	text-align: center;
	margin-bottom: 65px;
}
.grid-item { 
	width: 25%; 
	padding: 3px;
	position: relative;
	overflow: hidden;
}
.grid-item img{
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
 	-webkit-filter: grayscale(100%); filter: grayscale(100%);	
}
.grid-item:hover img{
 	-webkit-filter: grayscale(0%); filter: grayscale(0%);	
}
.portfolio_links{
	padding-right: 20px;
	margin-bottom: 30px;
}
.portfolio_links a{
	margin-left: 11px;
	padding-bottom: 6px;
	border-bottom: 2px solid  #fff;
	padding-left: 2px;
	padding-right: 2px;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.portfolio_links a:hover{
	border-color: #8BC645;
	color: #8BC645;
}
.grid a span{
	width: 94%;
	left: 3%;
	bottom: -50%;
	position: absolute;
	padding-top: 16px;
	padding-bottom: 14px;
	text-align: center;
	color: #fff;
	font-size: 15px;
	background-color: rgba(0,0,0,0.7);
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.grid a:hover span{
	bottom: 3%;
}
.news_page ul li{
	padding-bottom: 30px;
	overflow: hidden;
	margin-bottom: 40px;
	border-bottom: 2px solid  #333;
	padding-left: 145px;
	padding-right: 145px;
}
.news_page ul li:last-child{
	border-bottom: none;
}
.news_page ul li img{
	width: 100%;
	display: block;
}
.news_page ul li .news_date{
	font-size: 12px;
	display: block;
	margin-bottom: 10px;
	color: #666;
}
.news_page ul li h3{
	font-size: 24px;
	color: #333333;
	display: block;
	margin-bottom: 8px;
}
.news_page ul li h3 a{
	color: #333333;	
}
.news_page ul li p{
	margin-bottom: 13px;
	text-align: justify;
	color: #333;
	line-height: 24px;
	font-size: 12px;
}
.news_inner_page{
	overflow: hidden;
	margin-bottom: 15px;
	padding-left: 50px;
	padding-right: 50px;

}
.news_inner_page img{
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 15px;
}
.news_inner_page .news_date{
	font-size: 12px;
	display: block;
	margin-bottom: 7px;
	color: #666;
}
.news_inner_page h3{
	font-size: 24px;
	color: #333333;
	display: block;
	margin-bottom: 15px;
	text-align: center;
}
.news_inner_page h3 a{
	color: #333333;	
}
.news_inner_page p{
	margin-bottom: 60px;
	color: #333;
	line-height: 24px;
	font-size: 12px;
	text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
}
.news_share{
	float: left;
}
.news_share a{
	float: left;
	margin-right: 10px;
}
.news_share img{
	margin-bottom: 0;
}
.news_option{
	border-top: 2px solid  #333;
	border-bottom: 1px solid  #333;
	padding-top: 11px;
	padding-bottom: 10px;
	padding-left: 9px;
	padding-right: 9px;
	overflow: hidden;
}
.news_print{
	float: right;
	padding-right: 20px;
	color: #333;
	margin-left: 30px;
	background: url("images/print.png") right center no-repeat;
}
.news_mail{
	float: right;
	padding-right: 20px;
	color: #333;
	background: url("images/mail.png") right center no-repeat;
}
.articles_page ul li{
	padding-bottom: 18px;
	margin-bottom: 20px;
	overflow: hidden;
	border-bottom: 2px solid  #333;
}
.articles_page ul li:last-child{
	border: none;
}
.articles_page ul li img.right{
	float: right;
	margin-left: 13px;
}
.articles_page ul li img.left{
	float: right;
	margin-left: 13px;
}
.articles_page ul li h3{
	margin-bottom: 10px;
	font-size: 24px;
	margin-top: 10px;
}
.articles_page ul li h3 a{
	color: #333;
}
.articles_page ul li p{
	text-align: justify;
	line-height: 22px;
	color: #333;
	font-size: 12px;
}
#contact1{
	float: left;
}
.contact2 h5{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 14px;
    margin-top: 14px;	
}
.contact2 ul li{
	padding-right: 54px;
	color: #333;
	display: block;
	width: 100%;
	background-repeat: no-repeat;
	background-position: right center;
}
.contact2 ul li.contact2_row1{
	background-image: url("images/icon1.png");
	padding-top: 0px;
	margin-top: 5px;
}
.contact2 ul li.contact2_row2{
	background-image: url("images/icon2.png");
	line-height: 33px;
}
.contact2 ul li.contact2_row3{
	background-image: url("images/icon3.png");
	line-height: 33px;
}
.contact3{
	margin-top: 20px;
}
#contact4{
	padding: 0 35px 0 5px;
}
.contact4{
	padding: 20px;
	background: #fff;
	margin-top: 20px;
	margin-left: auto;
	color: #333;
	margin-right: auto;	
	font-size: 22px;
}
.contact_form{
	padding-top: 40px;
}
.form_inp{
	height: 45px;
	font-size: 14px;
	margin-bottom: 5px;
	width: 100%;
	background: #EEE;
	border: none;
	padding: 0 10px;
	color: #666;
}
.form_txt{
	height: 120px;
	font-size: 14px;
	margin-bottom: 5px;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	background: #EEE;
	border: none;
	padding: 10px;
	color: #666;
}
.form_btn{
	float: right;
	height: 30px;
	padding: 0 30px;
	font-size: 14px;
	cursor: pointer;
	border: none;
	color: #B6B6B6;
	background: #333;
}
.follow_us{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	padding-top: 30px;
	text-align: center;
	margin-top: -50px;
	overflow: hidden;
	position: relative;
	z-index: 2;	
}
.follow_us strong{
	font-size: 11px;
	color: #333;
	font-weight: normal;
	display: block;
	margin-bottom: 20px;
}
.follow_us .social_icons {
    width: 120px;
    margin-left: auto;
    margin-right: auto;
}
.follow_us .social_icons ul{
	overflow: hidden;
	margin-left: 20px;
}
.follow_us .social_icons ul li{
	margin-right: 9px;
}
.contact_page{
	padding-bottom: 45px;
}
#pageWrapper.fix_top{
 	height: 85px;
}
#pageWrapper.fix_top #container{
	padding-top: 25px;
}
#pageWrapper.fix_top #container nav{
	margin-bottom: 0;
}
#pageWrapper.fix_top #container nav .main_nav ul{
	margin-top: 25px;
}
#pageWrapper.fix_top #container nav .logo  img{
	width: 60%;
}
.inner_project_picture{
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 115px;
}
.inner_project h1{
	color: #8BC645;
	font-size: 17px;
	margin-bottom: 25px;
	margin-top: 0;
	display: block;
	text-align: center;
}
.inner_project p{
	line-height: 24px;
	font-size: 13px;
	color: #666;
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
    margin-bottom: 130px;
}
.inner_project_sep{
	text-align: center;
	padding-top: 27px;
	padding-bottom: 25px;
	font-size: 17px;
	color: #333;
	width: 100%;
	background: #EDEDED;
}
.about_slideshow{
  direction: rtl;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
  padding-top: 31px;
  cursor: move;
  padding-bottom: 27px;
  margin-bottom: -65px;
}
.about_slideshow .slick-slide{
  padding: 0 10px;
}
.about_slideshow .project_pic{
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.about_slideshow  .project_pic.slick-center{
  opacity: 1;
  filter: alpha(opacity=100);
}
.project_pic{
	position: relative;
}
.project_pic a{
	position: absolute;
	width: 30px;
	height: 30px;
	right: 10px;
	bottom: 0;
	display: block;
	background: rgba(0,0,0,0.5) url("images/zoom.png") center center no-repeat;
}
.modal{
	z-index: 9999999;
}
.modal-backdrop{
	z-index: 9999998;
}
.my_modal_content strong{
	display: block;
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 10px;
}
.modal_close {
    color: #000;
    cursor: pointer;
    height: 18px;
    left: 2px;
    line-height: 16px;
    position: absolute;
    text-align: center;
    top: 3px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 18px;
    text-align: center;
    font-family: Tahoma    
}
.my_modal_content {
    overflow: hidden;
}
.modal_close:before{
    font-family: Tahoma;
    content: "";
}
.modal_close:hover {
    color: #f00;
}
.pagination_container .pagination{
  float: right;
  margin-right: 12px;
}
.modal-content{
	border-radius: 0;
}
.pagination > li{
  float: left;
}
.pagination_container .pagination > li:first-child{
  margin-right: 11px;
  line-height: 14px;
  color: #333;
  font-size: 12px;
}
.pagination_container .pagination > li.active > a, .pagination_container .pagination > li:hover > a{
  background: #8BC645;
  -webkit-box-shadow: none;
  box-shadow: none;   
  color: #fff;  
}
.pagination_container .pagination > li > a{
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  width: 16px;
  height: 16px;
  border: none;
  background: #fff;
  color: #888888;
  padding: 0;
  text-align: center;
  line-height: 18px;
  font-size: 12px;  
}
.pagination_container .pagination > li.pag_nav_next{
   margin-right: 7px; 
}
.pagination_container .pagination > li.pag_nav_prev{
  margin-left: 7px;
}
.pagination_container .pagination > li.pag_nav_next a{
  border: none;
  background:  url("images/left.png") center 3px no-repeat;
}
.pagination_container .pagination > li.pag_nav_prev a{
  border: none;
  background:  url("images/right.png") center 3px no-repeat;
}
.pagination_container .pagination > li.pag_nav_next:hover a, .pagination_container .pagination > li.pag_nav_prev:hover a{
  background-position: center -37px;
}

/*******my style******/
.copyright{
	float:left;
	direction:ltr;
}
.copyright a{
	color:#8BC645;
}
#copy_right{
	float:left;
}
#contact4{
	padding:0 5px 0 35px;
}
.logo{
	display: block;
	float: left;
	width: 242px;
	height: 66px;
}
.resume-pic{
	margin-bottom: 50px;
}
.resume-pic .row>div{
	padding-left: 5px;
	padding-right: 5px;
}
.r-detail{
	margin-bottom: 10px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}
.r-detail img{
	-webkit-filter:grayscale(100%);
	-moz-filter :grayscale(100%);
	-o-filter :grayscale(100%);
	filter:grayscale(100%);
}
.r-detail img:hover{
	-webkit-transition:all ease-in-out .3s;
	-moz-transition:all ease-in-out .3s;
	-o-transition:all ease-in-out .3s;
	transition:all ease-in-out .3s;
	-webkit-filter:grayscale(0%);
	-moz-filter :grayscale(0%);
	-o-filter :grayscale(0%);
	filter:grayscale(0%);
}
.r-detail span{
	position: absolute;
	bottom: -70px;
	left: 5px;
	z-index: 10;
	display: block;
	width: 95%;
	background-color: rgba(0,0,0,.7);
	color: #fff;
	padding: 5px 5px;
	-webkit-transition:all ease-in-out .3s;
	-moz-transition:all ease-in-out .3s;
	-o-transition:all ease-in-out .3s;
	transition:all ease-in-out .3s;
}
.r-detail:hover span{
	-webkit-transition:all ease-in-out .3s;
	-moz-transition:all ease-in-out .3s;
	-o-transition:all ease-in-out .3s;
	transition:all ease-in-out .3s;
	bottom: 5px;
}
#pageWrapper #container nav .mobile_nav .menu_holder ul li a:hover{
	color: #8bc645;
}
/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */

@media all and (max-width: 550px) {
	
}

@media only screen and (max-width : 1200px){
	.factory_box img{
		width: 60%;
	}
	/*.contact3 {
	    margin-top: -185px;
	}*/	
	.news_page ul li{
		padding-left: 50px;
		padding-right: 50px;
	}
}


/* For 1024 Size */
@media only screen and (max-width : 1024px){

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px){
	.inner_project p{
		padding-left: 15px;
		padding-right: 15px;
	}
	/*.contact3 {
	    margin-top: -85px;
	}*/
	.service_page .service_box{
		margin-bottom: 30px;
	}

	/*#pageWrapper #container {
		padding-top:40px;
	}*/
	#pageWrapper #container nav {
		margin-bottom:40px;
	}
	#pageWrapper #container nav .main_nav ul {
		display:none;
	}
	#pageWrapper #container nav .logo_text {
		width:150px;
	}
	
	#pageWrapper #container nav .mobile_nav {
		display:block;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px){
	.logo{
		float: none;
		margin-right: auto;
		margin-left: auto;
	}
	.contact2 {
	    margin-top: 15px;
	}	
	.contact3 {
	    margin-top: 15px;
	}
	.contact4{
		margin-top: 25px;
		padding: 0;
	}
	.contact2 ul li.contact2_row1{
		margin-bottom: 10px;
		line-height: 43px;
	}		
	.map{
		width: 100%;
	}
	.map img{
		width: 100%;
	}	
	#contact4{
		padding-left: 15px;
		padding-right: 15px;
	}
	.copyright{
		float: none;
		text-align: center;
	}
	#copy_right{
		float: none;
	}
	.ham3d{
		text-align: center;
		margin-bottom: 10px;
	}
}


/* iPhone 6+ landscape*/
@media only screen and (max-width : 736px){
	.about-table{
		direction: ltr;
		overflow-x: auto;
	}
	.about-table table{
        width: 750px;
        direction: ltr;
	}
}


/* iPhone 6 landscape*/
@media only screen and (max-width : 667px){
	.contact2 ul li.contact2_row1{
		line-height: 22px;
	}	
}

@media only screen and (max-width:568px){
	.mnu{
		margin-bottom: 10px;
	}
	.mnu ul li::after{
		margin-left: 5px;
		margin-right: 5px;
	}
	.atn-table{
		overflow-x: auto;
		direction: ltr;
	}
	.atn-table table{
		width: 750px;
		direction: ltr;
	}
}


/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px){
	body{
		padding-top: 0!important;
	}
	#pageWrapper{
		position: relative;
	}
	#pageWrapper.fix_top{
	 	height: 225px;
	}
	#pageWrapper.fix_top #container nav .logo  img{
		width: 100%;
	}	
	.factory_box img{
		width: 100%;
		display: block;
		margin-bottom: 30px;
	}
	.service_page .row > div{
		width: 100%;
	}
	#pageWrapper #container nav .main_nav {
	    margin-left: 0;
	}
	#pageWrapper #container .slideshow .titles_holder{
		font-size: 40px;
	}
	.articles_page ul li img.right, .articles_page ul li img.left{ 
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
		margin-bottom: 25px;
	}
	.news_inner_page{
		padding-right: 0;
		padding-left: 0;
	}
	.news_page ul li{
		padding-left: 0px;
		padding-right: 0px;
	}	
	.grid-item {
		width: 50%;
	}
	.resume-pic .row>div{
		width: 50%;
	}
}


/* iPhone 6+ Portrait*/
@media only screen and (max-width : 414px){

}


/* iPhone 6 Portrait*/
@media only screen and (max-width : 375px){
	#pageWrapper #container .slideshow .titles_holder{
		font-size: 30px;
	}
	.contact4{
		font-size: 15px;
	}
	.portfolio_links a{
		font-size: 12px;
		margin-left: 5px;
	}
	.resume-pic .row>div{
		width: 100%;
	}
	.r-detail img{
		width: 100%;
	}
}


/* Size For 360*/
@media only screen and (max-width : 360px){
	.grid-item {
		width: 100%;
	}
	.resp{
		width: 100%;
	}
	.grid a span{
		width: 90%;
		left: 8%;
	}
}


/* Custom, iPhone Retina */
@media only screen and (max-width : 320px){
	#pageWrapper #container .slideshow .titles_holder{
		font-size: 21px;
	}
	.news_print{
		margin-left: 15px;
	}
	.portfolio_links{
		padding-right: 5px;
	}
	.portfolio_links a{
		width: 100%;
		display: block;
		margin: 0;
		padding: 0;
		margin-bottom: 5px;
		font-size: 13px;
	}
	.grid a span{
		width: 94%;
		left: 3%;
	}
}


/*For All Table*/
table { 
  width: 100%; 
  border-collapse: collapse; 
  overflow: hidden;
}
tr:nth-of-type(even) { 
  background: #E7ECF2; 
}
tr td:first-child {
  width: 25%;
}
th { 
  background: #F5F5F5; 
  color: #EE3217; 
  font-weight: normal; 
  border: 1px solid #EBEBEB; 
}
td, th { 
  padding: 8px; 
  border: 2px solid #FFF; 
  text-align: left; 
}
/*For All Table*/

@media only screen and (max-height: 550px) {
	#pageWrapper #container nav .mobile_nav .menu_holder ul li{
		margin-bottom: 5px;
	}
	/*#pageWrapper #container nav .main_nav {
		margin-left:-150px;;
	}*/
}