@media (min-width: 768px) and (max-width: 979px)
{
.page{margin-left:0;}
.menu-area
{
	width:700px ;	
	left:102px;
}
.menu
{
	width:700px;
}
.menu-button-minus
{
	left:657px;
}
}
@media (max-width: 768px) {
  
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }

 .hidden-tablet
   {
	display:none !important;
  }
  .visible-tablet
    {
	display:block !important;
  }

html,body
{
	max-height:none;
}
header{height:67px;}
footer{height:30px;}
.mainpart
{
	width:100%;
	margin:auto;
	height:auto;
	white-space:normal;
	max-height:100% ;
}
.page
{
	height:100%;
	display:block;
	margin-left:0;
	max-height:none;
}
[class*="span"]
{
	display:block;
	float:none;
	margin-left:0;
}
.span12 
{
	width:100%;
}
.mypic
{
	width:100%;
	float:none;
}
#portfolio{text-align:center;}
.portfolio
{	
	height:100%;
	padding:0 10px;
	width:80%;
	display:inline-block;
}
.two-column
{
	margin:auto;
}
.wrap
{
	width:100%;
}
#home
{
	background-image:none;
}
#home>img
{
	margin:auto;
}
.offset6
{
	margin:0;
}
.span6
{
	width:100%;
}
.row
{
	margin-left:0;
}
.about-text
{
	margin:0 40px;
}
.page-title
{
	position:static;
	text-align:center;
}
.page-title h2
{
	margin:25px 0 0;
}
.portfolio-header
{
	padding:0;
	text-align:center;
}
.subnavigation
{
	display:inline-block;
	top:5px;
}
.about-title h3
{
	font-size:50px;
	font-weight:700;
	text-align:center;
}
.about-title h6
{
	font-size:24px;
	font-weight:300;
	text-align:center;
	margin-top:15px;
}
.about-paragraph
{
	text-align:center;
	margin:35px auto;
	height:160px !important;
}
.about-text
{
	padding-top:40px;
}
.signiture
{
	margin:0 0 30px;
	text-align:center;
}
.mCSB_container
{
	margin-right:30px;
}
.chart-title
{
	width:100%;
	text-align:center;
	margin-top:60px;
	margin-bottom:60px;
}
.chart-title h4
{
	font-size:60px;
	line-height:70px;
}
#resume-exp-next,#resume-exp-prev{
    top:220px;
}
#resume-exp-prev
{
	left:45%;
}
#resume-exp-next
{
	left:50%;
}
.skills
{
	margin-top:60px;
}
.chartbox
{
	margin-top:60px;
}
.charts
{
	margin-top:0;
}
.loadmore
{
	margin-bottom:14px;
}
.hideme
{
	width:400px;
	margin:auto;
}
#resume
{
	padding-bottom:60px;
}
.resume-seperator
{width:100%;}
#map
{
	width:100%;
}
.contact-info
{
	padding-bottom:30px;
}
.contact-add
{border-left:none;}
.contact-info div{
	text-align:center;
}
.experiences
{
	width:450px;
	display:block;
	margin:auto;
}
.exp
{
	margin-left:40px;
}
.contact-title,.socials{
	float:none;
	text-align:center;
	margin:10px auto;
}
.socials{
	display:inline-block;
}
.contact-content
{
	text-align:center;
}

.contact-add
{
	margin-top:20px;
	text-align:center;
	margin-left: 20px;
	padding:0;
}
.contact-form
{
	margin-top:35px;
	display:inline-block;
}
.input
{
	display:block;
}
.i-email
{
	display:inline-block;
	margin-left: 7px;
}
.i-name
{
	float:left;
}
.btn
{
	float:none;
	margin:25px auto 0;
}
.span5
{
	width:auto;
}
.menu-area
{
	width:90% !important;	
	left:30px;
}
.menu
{
	width:93%;
}
.menu-button-minus
{
	left:94%;
}
.header-titles
{
	left:10px;
}
.name-title
{
	font-size:30px;
	font-weight:400;
}
.job-title
{
	font-size:14px;
}
.resume-skill-next
{
	left:53%;
	top:220px;
}
.resume-skill-prev
{
	left:48%;
	top:220px;
}
.search input[type="submit"] 
{
	width:21%;
}
#contact #respond_wrap fieldset
{
	float:none;
}	
#resume-definition{
    width: 100%;
}
.experiences{
    width: inherit;
}
}

@media (max-width: 650px) {
.job-title
{
	font-size:13px;
	font-weight:400;
	letter-spacing:0;
}
.name-title
{
	font-size:17px;
	font-weight:700;
}
.sidebar
{
	border-left:none;
	padding-left:0;
}
}
@media (max-width:480px){
.hidden-phone 
{
	display: none !important;
}
.visible-phone 
{
	display: inherit !important;
}
.footer-center
{
	width:300px;
}
.footer-border
{
	display:none;
}
.header-titles
{
	bottom:14px;
	letter-spacing:0;
	left:10px;
	width:auto;
}
.name-title
{
	font-size:25px;
}
#title-seperator
{
	visibility:hidden;
}
.job-title
{
	font-size:12px;
	float:none;
}
.hideme
{
	width:auto;
}
.chart-title
{
	margin-bottom:35px;
}
.chart-title h4
{
	font-size:30px;
	line-height:40px;
}
.resume-skill-next
{
	left:55%;
}
.resume-skill-prev
{
	left:46%;
}
.chartbox
{
	float:none;
}
.chart
{
	margin:auto;
}
.experiences
{
	width:auto;
}
.exp
{
	float:none;
	margin:45px auto auto;
	width:220px;
}
.work-title
{
	font-size:21px;
	line-height:24px;
}
.period
{
	font-size:19px;
}
.about-title h3
{
	font-size:30px;
}
.about-title h6
{
	font-size:17px;
	margin-top:10px;
}
#resume-exp-prev
{
	left:39%;
}
#resume-exp-next
{
    left:50%;
}
#resume-exp-prev, #resume-exp-next
{
    top: 150px;
}
.resume-skill-prev, .resume-skill-next{
    top: 150px;
}
#contact #respond_wrap fieldset
{
	width:auto;
}

}
@media (max-width:345px)
{
.name-title
{
	font-size:17px;
	font-weight:700;
}
.job-title
{
	font-size:9px;
}
.header-titles
{
	bottom:14px;
	letter-spacing:0;
}

#email
{
	margin-left:22px;
}

}