/*
Author: XpeedStudio
Author URI: http://themeforest.net/user/XpeedStudio/portfolio
*/

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	body {
		font-size: 15px;
	}

	.home-content h1 {
		font-size: 55px;
		line-height: 50px;
	}

}

/* Portrait tablets and small desktops */
@media (max-width: 991px) {
	html {
		font-size: 90%;
	}

	.home-content h1 {
		font-size: 40px;
		line-height: 50px;
	}



}

/* Portrait tablets and small desktops */
@media (max-width: 1024px) {
	html {
		font-size: 90%;
	}

	.home-content h1 {
		font-size: 40px;
		line-height: 60px;
	}



}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	html {
		font-size: 80%;
	}

	.home-content h1 {
		font-size: 42px;
	}

	.main-team {
		margin-bottom: 30px;
	}

	.team-details img {
		width: 100%;
	}

	.project-item img {
		width: 100%;
	}

	.navbar-toggle {
		background: #fff;
		border: 0;
		color: #7b6c63;
	}

	.navbar-default .navbar-nav>.active>a,
	.navbar-default .navbar-nav>.active>a:hover,
	.navbar-default .navbar-nav>.active>a:focus {
		border-bottom: 0;
	}

	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		border: 0;
		border-top: 0;
		background: #222222;
	}

	.navbar {
		min-height: 50px;
	}

	.main-skill {
		margin-bottom: 30px;
	}

	.project-item:hover .project-content {
		bottom: 200px;
	}

	.project-content {
		left: 42%;
	}

	.social {
		left: 255px;
	}

}



/* Landscape phones and smaller */
@media (max-width: 480px) {


	.home-content h1 {
		font-size: 25px;
	}

	.heading-content h3 {
		font-size: 30px;
	}

	.heading-content p {
		width: 60%;
	}

	#footer p {
		margin-bottom: 15px;
	}

	.social {
		left: 125px;
	}

	.project-item:hover .project-content {
		bottom: 110px;
	}

}



@media (max-width: 320px) {


	.heading-content h3 {
		font-size: 15px;
	}

	.home-content h5 {
		font-size: 15px;
	}

	.heading-content h3 {
		font-size: 20px;
	}

	.heading-content p {
		width: 40%;
	}

	#footer p {
		margin-bottom: 15px;
	}

	.social {
		left: 70px;
	}

	.social a i {
		border: 2px solid #fff;
		border-radius: 100%;
		height: 30px;
		width: 30px;
		font-size: 15px;
		line-height: 27px;
		text-align: center;
		color: #fff;
		transition: .5s;
		-webkit-transition: .5s;
		-moz-transition: .5s;
	}

	.project-item:hover .project-content {
		bottom: 110px;
	}

	.home-content h1 {
		font-size: 16px;
	}

	.home-content h5 {
		font-size: 13px;
	}

	.heading-content p {
		width: 95%;
	}

	.about-content h3 {
		font-size: 13px;
	}

	.project-content {
		left: 32%;
	}

	.project-item:hover .project-content {
		bottom: 60px;
	}

	.twitter-content h5 {
		font-size: 20px;
	}

	.client-content h3 {
		font-size: 15px;
	}

	.copyright-footer .copyright p {
		font-size: 12px;
	}


}