/*-------------------------------------------------------*/
		/* Base styles	 */
	/*-------------------------------------------------------*/
	html {		overflow-y:scroll;	}
	body {		background-color: #E8E8E8;		margin: 0px;		padding: 0px;		font-family:'open Sans', Arial;		font-size: 12px;	}
		/* Font face 
	@font-face { 	    font-family: 'icomoon';	    src: url('../fonts/icomoon/icomoon.eot');	    src: url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),	         url('../fonts/icomoon/icomoon.svg#icomoon') format('svg'),	         url('../fonts/icomoon/icomoon.woff') format('woff'),	         url('../fonts/icomoon/icomoon.ttf') format('truetype');	}
	*/       	/*-------------------------------------------------------*/
		/* Wrap */
	/*-------------------------------------------------------*/
	#container {		margin:0 auto;		width:860px;		margin-bottom: 20px;		margin-top: 30px;	}
	#content {		background-color:#FFF;		-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;		-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;		box-shadow: 0 1px 6px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;	}
	/*-------------------------------------------------------*/
		/* Generic Classes */
	/*-------------------------------------------------------*/
	.hidden {		display: none;	}
	/* Clearfix */
	.clear{	  clear:both;	  display:block;	  height:0;	  overflow:	  hidden;	  visibility:hidden;	  width:0	}
	.clearfix:after{	  clear:both;	  content:' ';	  display:block;	  font-size:0;	  height:0;	  line-height:0;	  visibility:hidden;	  width:0	}
	* html .clearfix,:first-child+html .clearfix{	  zoom:1	}
	.extra-text {		font-size:20px;		padding:24px 0;		border-bottom:1px solid #ededed;		color: #999;		margin-bottom:20px;		font-weight: 300;	}
    .transition {    	-webkit-transition:all .5s ease;	     -moz-transition:all .5s ease;	      -ms-transition:all .5s ease;	       -o-transition:all .5s ease;	          transition:all .5s ease;    }
    .word-wrap {		word-wrap: break-word;		-ms-word-break: break-all;		     word-break: break-all;		-webkit-hyphens: auto;		   -moz-hyphens: auto;		        hyphens: auto;    }
	/*-------------------------------------------------------*/
		/* Typography */
	/*-------------------------------------------------------*/
    h1 {font-size: 37px;}
	h2 {font-size: 30px;}
	h3 {font-size: 20px;}
	h4 {font-size: 15px;}
	h5 {font-size: 13px;}
	h6 {font-size: 12px;}
	strong {		font-weight: bold;		color: #333;	}
	h3.main-heading {		margin:0px 2px 20px 0px;		border-bottom:1px solid #ebebeb;		padding-bottom:14px;		color:#333;		line-height:16px;		font-size: 16px;		font-weight: 600;		display:block;		clear: both;		position: relative;	}
	h3.main-heading::after {		content: '';		width: 40px;		height: 1px;		position: absolute;		left: 0;		bottom: -1px;		background:/*mainColor*/
#548dd4;	}
	/*-------------------------------------------------------*/
		/* Top Section */
	/*-------------------------------------------------------*/
	header {		height:60px;		margin-bottom:20px;		overflow:hidden;	}
	/* Logo */
	#logo {		float:left;		overflow:hidden;		margin-left:10px;		display:none;	}
	#logo h2 {		font-size:30px;		font-weight:900;		color: #444;		line-height:40px;	}
	#logo h4 {		color:#666;		line-height:20px;	}
	/* Social icons */
	.langicons {		float:right;		margin-top:18px;	}
	.langicons li {		float:left;		display:inline;		margin:0;		padding:0;		margin-right:2px;	}
	.langicons li a  {		font-family: 'icomoon';		font-size: 16px;		display: block;		padding: 6px 8px;				color: #FFF;	}
	.langicons li a:hover  {		color:/*mainColor*/
#548dd4;	}
	.social-icons li:last-child {		margin-right:0	}
	.langicons .socials-text {		padding:9px;		height:10px;		background-color:#222;		color:#FFF;	}
	/*-------------------------------------------------------*/
		/* Profile Section */
	/*-------------------------------------------------------*/
    #profile {		background:#548dd4; 		background-image:url(../images/header-shadow.png);		background-position:center bottom;		background-repeat:repeat-x;		overflow:hidden;		}
	/* About */
	.about {		float:left;		margin-top:30px;		width:490px;		margin-left:20px;	}
	.about .photo-inner {		float:left;		background:url(../images/photo-inner.png) no-repeat;		width:192px;		height:212px;		padding:12px 0 0 20px;	}
	.about .photo-inner img {		background-color:#FFF;	}
	.about h1 {		font-weight:900;		color:#FFF;		line-height:34px;		margin-top:8px;	}
	.about h3 {		margin-top:5px;		font-size:18px;		color:#FFF;		line-height:18px;	}
	.about p {		font-size:14px;		margin-top:15px;		color:/*profileTextColor*/
#E8E8E8;		font-weight: 400;		line-height:20px;	}
	/* Personal info */
	.personal-info {		float:left;		margin-top:30px;		width:310px;		min-height:230px;		margin-left:10px;		background:url(../images/personal-info-sep.png) no-repeat left top;		padding:20px 0 0 20px;	}
	.personal-info li {		font-size:14px;		margin-bottom:10px;		overflow: hidden;	}
	.personal-info li label {		color:/*profileTextColor*/
#E8E8E8;		float:left;		padding:4px 7px;		font-weight:600;		border-radius: 3px;		-moz-border-radius: 3px;		-webkit-border-radius: 3px;	}
	.personal-info li span {		float:right;		width:220px;		padding-top: 4px;		font-weight: 300;		color:/*profileTextColor*/
#E8E8E8;	}
	/*-------------------------------------------------------*/
		/* Menu */
	/*-------------------------------------------------------*/
	.menu {		height:100px;		background-color:#ededed;		position:relative;		width: 600px;		padding-left: 130px;		padding-right: 130px;	}
	.tabs {		height:116px;		position: absolute;		margin-top:-14px;		z-index:100;	}
	.tabs li {		float:left;		height:116px;	}
	.tabs li > a {		padding-top:28px;		width:115px;		display:inline-block;		background-repeat:no-repeat;		font-size:16px;		color:#b9b9b9;		text-align:center;		font-weight: 300;	}
	.tabs li.active {		background:url('../images/tab-hover.png') no-repeat;	}
	.tabs li.active a {		color:/*mainColor*/
#548dd4;	}
	/*.tabs li > a > i {		font-size: 45px;		speak: none;		font-family: 'icomoon';		display: block;		margin-bottom: 5px;	}*/
	.next,.prev {		font-family: 'icomoon';		font-size: 34px;		color: #eee;		position: absolute;		top:30px;		width: 40px;		background-color: #ccc;		text-align: center;		cursor: pointer;	}
	.next {		right:0px;	}
	.prev {		left:0px;	}
	.disabled { display: none !important;  }
	/*-------------------------------------------------------*/
		/* Resume Section */
	/*-------------------------------------------------------*/
    #resume {		padding:40px 20px;		overflow:hidden;	}
	.skills-section, .timeline-section {		float:left;	}
	/* Timeline Section */
	.timeline-section {		width:490px;		padding-right:60px;	}
	.timeline {		margin-bottom: 30px;	}
	.timeline li {		margin-bottom:20px;	}
	.timeline li .timelineUnit {		line-height:17px;		margin-left:0px;		color: #444;		font-size:13px;		border-left:1px solid /*mainColor*/
#548dd4;		padding-left:15px;	}
	.timeline li .timelineUnit .timelineDate {		line-height:17px;		color:/*mainColor*/
#548dd4;		font-size:14px;		margin-left:10px;		font-weight: normal;		padding:2px 6px;		float:right;	}
	.timeline li .timelineUnit h4 {		line-height:24px;		font-size:15px;		color: #444;	}
	.timeline li .timelineUnit h5 {		line-height:18px;		font-size:13px;		color: #999;	}
	.timeline li .timelineUnit p {		color: #666;		font-size:12px;		margin-top:5px;	}
	/* Skills Section */
	.skills-section {		width:270px;	}
	.skills {		margin-bottom: 25px;		overflow:hidden;	}
	.skills li {		margin-bottom:15px;		float:left;		padding-left:0px;	}
	.skills li h4 {		width:140px;		float:left;		font-size:15px;		color: #444;	}
	.skills li .rating {		width:123px;		height:14px;		float:left;	}
		.skills li .rating > span {		opacity: 0.3;		height:12px;		width:12px;		background-color:#548dd4;		display: block;		float: left;		margin-right: 1px;		border: 2px solid #eeeeee;		  -webkit-border-radius: 20px;		     -moz-border-radius: 20px;		          border-radius: 20px;	}
	/* Download Button */
    #resume .button {    	width: 250px;    	padding: 10px;    	background-color: #8c8c8c;    	overflow: hidden;    	font-size: 14px;    	font-weight: 300;    	line-height: 20px;    	margin: 20px 0px 0px -20px;    	color: #f7f7f7;    	display: block;    	text-align: center;		  -webkit-border-radius: 0px 4px 4px 0px;		     -moz-border-radius: 0px 4px 4px 0px;		          border-radius: 0px 4px 4px 0px;	}
    #resume .button:hover {    	background-color:/*mainColor*/
#548dd4;	}
	/*-------------------------------------------------------*/
		/* Portfolio Section */
	/*-------------------------------------------------------*/
    #portfolio {		padding:20px 20px 20px 20px;	}
	/* Images list */
	#portfolio-list {		width:820px;		overflow:hidden;	}
	#portfolio-list li {		float:left;		margin-right:25px;		text-align:center;		background-color:#fbfbfb;		border-bottom:1px solid #e5e5e5;		height:185px;		margin-bottom:30px;		width:180px;	}
	#portfolio-list li:hover {		border-bottom:1px solid /*mainColor*/
#548dd4;		height:185px;	}
	#portfolio-list img {		background-color:#FFF;		height:120px; 		width:180px;	}
	#portfolio-list li:hover .title {		color:/*mainColor*/
#548dd4;	}
	#portfolio-list li .title {		font-size:14px;		margin-top:15px;		font-weight: 400;		color: #3A3A3A;	}
	#portfolio-list li .categorie {		font-size:11px;		line-height:25px;		color:#999;	}
	/* Filter menu */
		.cats-filter {		border-bottom:1px solid #ededed;		overflow:hidden;		padding:15px 0;	}
	.cats-filter li a {		float:left;		margin-right:7px;		color:#fff;		background-color: #666;		padding:6px;		margin-bottom:5px;	}
	.cats-filter li a:hover {		background-color:/*mainColor*/
#548dd4;	}
	.cats-filter li a.current {		background-color:/*mainColor*/
#548dd4;	}
	/* adipoli */
		.adipoli-wrapper {		margin:auto;		position:relative;		display: inline-block;	}
	.adipoli-wrapper>img {		position: absolute;		z-index: 1;	}
	.adipoli-before {		position: absolute;		z-index: 5;	}
	.adipoli-after {		position: absolute;		z-index: 10;	}
	.adipoli-slice {		display:block;		position:absolute;		z-index:15;		height:100%;	}
	.adipoli-box {		display:block;		position:absolute;		z-index:15;	}
	/*-------------------------------------------------------*/
		/* Blog Section */
	/*-------------------------------------------------------*/
    #blog {		padding:20px;		position: relative;		overflow: hidden;	}
	.blog-content-wrapper {		width: 530px;		float: left;		min-height: 100px;		margin-bottom: 30px;	}
    .blog-entry {    	overflow: hidden;    	width: 100%;    	margin-bottom: 30px;        background-color: #f8f8f8;        float: left;	}
    .blog-entry img {    	float: left;    	width: 530px;    	opacity: 0.8;    	filter:alpha(opacity=80);	}
    .blog-entry h3 {    	clear: both;		padding:20px 15px 15px 15px;		font-size: 17px;		line-height: 18px;		font-weight: 700;		color: #3A3A3A;	}
    .blog-entry a:hover img {    	opacity: 1;    	filter:alpha(opacity=100);	}
	    .blog-entry > a:hover h3 {    	color:/*mainColor*/
#548dd4;	}
		/* Entry Date */
    .blog-entry .entry-date {    	padding: 5px 10px;    	position: absolute;    	top: 5px;    	left: 0px;    	background-color: #666;	}
    .blog-entry .entry-date .day {    	font-size: 32px;    	font-weight:bold;    	display: block;    	float: left;    	border-right:1px solid #FFF;    	padding-right: 10px;     	color: #fff;	}
    .blog-entry .entry-date .month-year {    	padding: 0 0 0 7px ;    	font-size: 12px;    	font-weight: 600;    	display: block;    	line-height: 15px;    	text-align: center;    	float: left;    	color: #fff;    	margin: 0;	}
    .blog-entry p {		padding:0px 15px;		font-size: 12px;		color: #666;		line-height: 20px;		margin-bottom: 15px;	}
	/* Blog Sidebar */
		.blog-sidebar {		width: 260px;		float: left;		margin-left:30px;	}
	/* Blog Single */
	    .blog-single {    	position: relative;    	background-color:#fff;	}
    .blog-single h3,.blog-single p {		padding-left:0px !important;	}
	/* Comments box */
		.comments-list {		margin-bottom: 30px;	}
    .comment {    	background-color: #fbfbfb;    	padding: 12px 9px;    	overflow: hidden;    	border-left:1px solid /*mainColor*/
#548dd4;    	margin-bottom: 10px;	}
    .comment-child {    	margin-left: 20px;	}
    .comment-child .comment-meta,.comment-child .comment-body {    	width: 430px !important;	}
    .comment img {    	float: left;	}
    .comment .comment-meta,.comment .comment-body {    	float: left;    	width: 450px;    	margin-left: 10px;	}
    .comment .comment-meta h4 {    	font-weight: 400;    	display: inline-block;    	color: #333;	}
    .comment .comment-meta p {    	display: inline-block;    	font-size: 11px;    	color: #ccc;    	font-style: italic;    	margin-left: 15px;	}
    .comment .comment-meta .reply {    	float: right;    	color: #ddd;	}
    .comment .comment-meta .reply:hover {    	color:/*mainColor*/
#548dd4;	}
    .comment .comment-body p {    	margin-top: 8px;    	font-size: 11px;    	color: #909090;      	line-height: 16px;	}
	/* Load More Button */
    #page_nav {    	width: 150px;    	padding: 6px;    	background-color: #8c8c8c;    	overflow: hidden;    	font-size: 14px;    	font-weight: 300;    	line-height: 20px;    	margin: 10px 0px 0px -20px;    	color: #f7f7f7;    	display: block;    	text-align: center;		  -webkit-border-radius: 0px 4px 4px 0px;		     -moz-border-radius: 0px 4px 4px 0px;		          border-radius: 0px 4px 4px 0px;	}
    #page_nav:hover {    	background-color:/*mainColor*/
#548dd4;	}
	/* Loading Text */
    .loading-msg img {    	display: none;	}
	/*-------------------------------------------------------*/
		/* Widgets */
	/*-------------------------------------------------------*/
	/* Popular Post widget */
	.popular-posts-widget {		width: 100%;		overflow: hidden;		margin-bottom: 30px;	}
	.popular-posts-widget li {		padding: 10px ;		background-color: #fbfbfb;		margin-bottom: 4px;	}
	.popular-posts-widget li:last-child {		border-bottom:none;	}
	.popular-posts-widget li h2 {		font-size: 13px;		margin-bottom: 4px;		line-height: 20px;	}
	.popular-posts-widget li h2 a:hover {		color:/*mainColor*/
#548dd4;	}
	.popular-posts-widget li span {		font-size: 11px;		color: #999;	}
	/* Flickr Stream widget */
	.flicker-stream-widget {	  overflow: hidden;	  margin-bottom: 30px;	}
	.flicker-stream-widget li {	  float: left;	  margin-right: 5px;	  margin-bottom: 5px;	}
	.flicker-stream-widget li img {	  height: 60px;	  width: 60px;	  opacity:0.6;	}
	.flicker-stream-widget li img:hover {	  opacity:1;	}
	.loading {		padding:10px 20px;		font-size: 14px;		background-color: #ededed;		color: #333;		display: none;		border-radius: 3px;		-moz-border-radius: 3px;		-webkit-border-radius: 3px;	}
	/* Blog Single Post */
	.blog-single-close {		float: right;		color: #FFF;		font-weight: 300;		font-size: 14px;		color: #ddd;	}
	.blog-single-close i {		font-family: 'icomoon';		font-size: 18px;		vertical-align: top;	}
	.blog-single-close:hover {		color:/*mainColor*/
#548dd4;	}
	/* Text widget */
	.text-widget {		padding-bottom: 30px;		line-height: 20px;	}
	/*-------------------------------------------------------*/
		/* Contact Section */
	/*-------------------------------------------------------*/
    #contact {		padding:30px 0;		overflow:hidden;	}
	.contact-info, .contact-form {		float:left;		padding:0 20px;	}
	.contact-info {		width:250px;	}
	.contact-form {		width:530px;	}
	/* Contact info */
	.contact-info ul {		float:left;		border-left:1px solid /*mainColor*/
#548dd4;		padding-left:18px;	}
	.contact-info ul li {		font-size:13px;		line-height:20px;		color: #666;		overflow: hidden;	}
	/* Google map */
		#map {		height: 300px;		margin-bottom:25px;		width: 100%;		border-bottom:1px solid #CCC;		border-top:1px solid #CCC;	}
	/*-------------------------------------------------------*/
		/* Forms */
	/*-------------------------------------------------------*/
	form .input,form textarea {	  -moz-box-shadow: inset 0 5px 16px -13px #333;	  -webkit-box-shadow: inset 0 5px 16px -13px #333;	  box-shadow: inset 0 5px 16px -13px #333;	  background-color:#FDFDFD;	  border: 1px solid #d9d9d9;	  -webkit-border-radius:2px;	     -moz-border-radius:2px;	          border-radius:2px;	  color: #666;	  font-size: 12px;	  height: 30px;	  outline: none;	  padding: 6px 10px;	  resize: none;	  width: 100%;	}
	form textarea {	  height: 112px;	  line-height: 18px;	  margin-bottom: 0;	  padding-top: 8px;	}
	form p {		margin-bottom:15px;	}
	form p label {		display:block;		color:#999;		margin-bottom:8px;		font-size:13px;	}
	.button {		color:#fff;		background-color: #666;		padding:8px;		border:none;		border-radius: 3px;		-moz-border-radius: 3px;		-webkit-border-radius: 3px;		cursor:pointer;		font-size:13px;	}
	.button:hover {		background-color:/*mainColor*/
#548dd4;	}
	.success, .error {		padding:10px;		margin-bottom:10px;		border-radius: 3px;		-moz-border-radius: 3px;		-webkit-border-radius: 3px;	}
	.success {		background-color: #E3EBC6;		color: #8FA442;		border: 1px solid #C2D288;	}
	.error {		background-color: #f9e5e6;		color: #b3696c;		border: 1px solid #f7c7c9;	}
	/*-------------------------------------------------------*/
		/* Footer */
	/*-------------------------------------------------------*/
	footer {		margin-top:20px;		height:20px;	}
	footer .copyright {		float:left;		color:#333;		padding-left:6px;	}
	/*-------------------------------------------------------*/
		/* Footer */
	/*-------------------------------------------------------*/
	div.footer {		margin-top:20px;		height:20px;	}
	div.footer .copyright {		float:left;		color:#333;		padding-left:6px;	}
	/*-------------------------------------------------------*/
		/* Isotope filtering */
	/*-------------------------------------------------------*/
    .isotope-item {		z-index: 2;	}
	.isotope-hidden.isotope-item {		pointer-events: none;		z-index: 1;	}
	.isotope, .isotope .isotope-item {/* change duration value to whatever you like */
		-webkit-transition-duration: 0.8s;		-moz-transition-duration: 0.8s;		transition-duration: 0.8s;	}
	.isotope {		-webkit-transition-property: height, width;		-moz-transition-property: height, width;		transition-property: height, width;	}
	.isotope .isotope-item {		-webkit-transition-property: -webkit-transform, opacity;		-moz-transition-property:-moz-transform, opacity;		transition-property:transform, opacity;	}
	/*-------------------------------------------------------*/
	/* Media Queries */
/*-------------------------------------------------------*/
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {	#container {		width:750px;	}
	/*-------------------------------------------------------*/
		/* Menu */
	/*-------------------------------------------------------*/
	.menu {		height:100px;		background-color:#ededed;		position:relative;		width: 590px;		padding-left: 80px;		padding-right: 80px;	}
	/*-------------------------------------------------------*/
		/* Profile Section */
	/*-------------------------------------------------------*/
	/* About */
	.about {		width:410px;	}
	.about h1 {		line-height:38px;		font-size:30px	}
	.about h3 {		font-size:14px;		line-height:14px;	}
	/* Personal info */
	.personal-info {		width:280px;		margin-right:10px;	}
	.personal-info li span {		width:190px;	}
	/*-------------------------------------------------------*/
		/* Resume */
	/*-------------------------------------------------------*/
	.timeline-section {		width:380px;		padding-right:30px;	}
	.skills-section {		width:300px;	}
	/*-------------------------------------------------------*/
		/* Portfolio */
	/*-------------------------------------------------------*/
	#portfolio-list {		width:750px;	}
	#portfolio-list li {		margin-right:60px;	}
	/*-------------------------------------------------------*/
		/* Blog */
	/*-------------------------------------------------------*/
	.blog-content-wrapper {		width: 420px;	}
	.blog-entry img {		width: 420px;	}
    .comment .comment-meta,.comment .comment-body {    	float: left;    	width: 330px;    	margin-left: 10px;	}
    .comment-child .comment-meta,.comment-child .comment-body {    	width: 310px !important;	}
	/*-------------------------------------------------------*/
		/* Contact */
	/*-------------------------------------------------------*/
	.contact-info {		width:250px;	}
	.contact-form {		width:420px;	}
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {	#container {		width:470px;	}
	/*-------------------------------------------------------*/
		/* Top Section */
	/*-------------------------------------------------------*/
		/* Logo */
	#logo h2 {		font-size:25px;		font-weight:900;		color: #444;		line-height:30px;	}
	#logo h4 {		color:#666;		line-height:15px;	}
	/* Social icons */
	.langicons {		margin-top:9px;	}
	.socials-text {		display:none !important;	}
	/*-------------------------------------------------------*/
		/* Profile Section */
	/*-------------------------------------------------------*/
	/* About */
	.about {		width:420px;		display:block;	}
	.about h1 {		line-height:38px;		font-size:30px	}
	.about h3 {		font-size:14px;		line-height:14px;	}
	/* Personal info */
	.personal-info {		margin-top:0;		display:block;		width:420px;		background:none;		border-top:1px solid /*mainColor*/
#548dd4;	}
	.personal-info li span {		width:280px;	}
	/*-------------------------------------------------------*/
		/* Menu */
	/*-------------------------------------------------------*/
	.tabs {		padding-left:5px;	}
	.menu {		height:100px;		background-color:#ededed;		position:relative;		width: 370px;		padding-left: 50px;		padding-right: 50px;	}
	/*-------------------------------------------------------*/
		/* Resume */
	/*-------------------------------------------------------*/
	.skills-section {		width:420px;	}
	.skills li h4 {		width:260px;	}
	.timeline-section {		width:420px;		padding-right:60px;	}
	/*-------------------------------------------------------*/
		/* Portfolio */
	/*-------------------------------------------------------*/
	#portfolio-list {		width:450px;	}
	#portfolio-list li {		margin-right:40px;	}
	/*-------------------------------------------------------*/
		/* Blog */
	/*-------------------------------------------------------*/
	.blog-content-wrapper {		width: 430px;	}
	.blog-entry img {		width: 430px;	}
	.blog-sidebar {		width: 430px;		margin-left:0px;	}
    .comment .comment-meta,.comment .comment-body {    	width: 350px;	}
    .comment-child .comment-meta,.comment-child .comment-body {    	width: 320px !important;	}
	/*-------------------------------------------------------*/
		/* Contact */
	/*-------------------------------------------------------*/
	.contact-info {		width:420px;	}
	.contact-form {		margin-top:20px;		width:420px;	}
	}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {		#container {		width:300px;		margin-top:10px;	}
	.extra-text {		font-size:16px;	}
	/*-------------------------------------------------------*/
		/* Top Section */
	/*-------------------------------------------------------*/
	/* Logo */
	#logo h2 {		font-size:25px;		font-weight:900;		color: #444;		line-height:30px;	}
	#logo h4 {		color:#666;		line-height:15px;	}
	.langicons {		display:none; !important	}
	/*-------------------------------------------------------*/
		/* Profile Section */
	/*-------------------------------------------------------*/
	div.top {		height:50px;		margin-bottom:5px;	}
	/* About */
	.about {		width:280px;		display:block;		margin:10px 0 15px 10px;	}
	.about .photo-inner {		margin-left:40px;		background:url(../images/photo-inner.png) no-repeat;		width:192px;		height:212px;		padding:12px 0 0 20px;	}
	.about h1 {		line-height:38px;		font-size:30px;		text-align:center;	}
	.about h3 {		font-size:14px;		line-height:14px;		text-align:center;	}
	.about p {		text-align:center;	}
	/* Personal info */
	.personal-info {		margin-top:0;		display:block;		width:280px;		background:none;		border-top:1px solid /*mainColor*/
#548dd4;		margin-left:10px;		min-height:220px;		padding-left:0;	}
	.personal-info li {		font-size:13px;	}
	.personal-info li span {		width:200px;	}
	/*-------------------------------------------------------*/
		/* Menu */
	/*-------------------------------------------------------*/
	.tabs {		padding-left:0px;	}
	.tabs li > a {		width:75px;		font-size:14px;	}
	.tabs li.active {		background-image: none !important;	}
	.menu {		height:100px;		background-color:#ededed;		position:relative;		width: 200px;		padding-left: 50px;		padding-right: 50px;	}
	/*-------------------------------------------------------*/
		/* Resume */
	/*-------------------------------------------------------*/
	#resume {		padding:10px;	}
	.timeline-section {		width:280px;		padding-right:60px;	}
	.skills-section {		width:280px;	}
	.skills li h4 {		width:120px;	}
	/*-------------------------------------------------------*/
		/* Portfolio */
	/*-------------------------------------------------------*/
	#portfolio-list {		width:280px;	}
	#portfolio-list li {		margin-left:40px;	}
	/*-------------------------------------------------------*/
		/* Blog */
	/*-------------------------------------------------------*/
	.blog-content-wrapper {		width: 260px;	}
	.blog-entry img {		width: 260px;	}
	.blog-sidebar {		width: 260px;		margin-left:0px;	}
    .comment .comment-meta{    	width: 180px;    	margin-top: 10px;	}
    .comment .comment-meta p{    	margin-left: 0px;    	margin-top: 6px;    	clear: both;    	display: block;	}
	.comment .comment-body {    	width: 240px;    	margin-left: 0;	}
    .comment-child .comment-meta{    	width: 160px !important;    	margin-top: 10px;	}
    .comment-child .comment-meta p{    	margin-left: 0px;    	margin-top: 6px;    	clear: both;    	display: block;	}
	.comment-child .comment-body {    	width: 220px !important;    	margin-left: 0;	}
	/*-------------------------------------------------------*/
		/* Contact */
	/*-------------------------------------------------------*/
		.contact-info {		width:280px;	}
	.contact-form {		margin-top:20px;		width:280px;	}
	.contact-info, .contact-form {		padding:0 10px;	}
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max-moz-device-pixel-ratio: 2) {	.tabs li.active {		background:url('../images/tab-hover@2x.png') no-repeat;		background-size: 116px 114px;	}
}