@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 768px){
	#main-container{
		margin-top: 70px;
	}
	.logo{
		float:left!important;
	}
	
	nav{
		width: 45%!important;
		float: right!important;
		vertical-align: top;
		margin-top: 60px;
	}
	nav ul li{
	padding-left: 10px!important;
	padding-right: 10px!important;
	}
	nav ul li a {
	padding: 4px 10px 4px 10px;
	}
	.desc{
		width: 65%;
	}
	.about-desc ul li{
	display: inline-block;
	width: 32%;
	vertical-align: top;
	}
	.skillbar{
		width: 70%;
	}
	.head_text{
	font-size: 90px;
	margin-top: 140px;
	}
	section{
		padding-left: 15px;
	}
	.work ul li{
		display: inline-block;
		width: 30%;
		margin-bottom: 20px;
	}
	.contact a{
	text-decoration: none;
	color: #171717;
	font-size: 24px;
	font-weight: 500;
}

	/*portfolio pages*/

	.work_leftSection{
		width: 40%;
		display: block;
		float: left;
	}

	.work_rightSection{
		width: 50%;
		display: block;
		float: right;
	}
	
	/*workpages*/
	.dashboard .profiles{
		display: inline-block;
		width:45%;
		vertical-align: middle;
		margin-top: 40px;
	}
	
	.profile-rightspace{
		margin-right: 3%;
	}

}

@media screen and (min-width: 768px) and (max-width:900px){
	nav{
		width:62%!important;
	}
}

@media screen and (min-width: 900px) and (max-width:1024px){
	nav{
		width:48%!important;
	}
}