/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	#container {
		width:300px;
				margin-top:10px;
	}
	/*-------------------------------------------------------*/
		/* Top Section */
	/*-------------------------------------------------------*/
	/* Logo */
	#logo h2 {
		font-size:25px;
		font-weight:900;
		color: #444;
		line-height:30px;
	}
	#logo h4 {
		color:#666;
		line-height:15px;
	}
	.socialicons {
		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 #fdc62a;
		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: none;
	}
	/*-------------------------------------------------------*/
		/* cv */
	/*-------------------------------------------------------*/
	#cv {
		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;
	}
	/*-------------------------------------------------------*/
		/* Contact */
	/*-------------------------------------------------------*/
	
	.contact-info {
		width:280px;
	}
	.contact-form {
		margin-top:20px;
		width:280px;
	}
	.contact-info, .contact-form {
		padding:0 10px;
	}
}