@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;}
}