/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {
	
}
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
	body{
		font-size:15px;
	}
	#header .navbar-nav li a{
		padding-left:5px;
		padding-right:5px;
	}
}

 
/* small mobile :320px. */
@media (max-width: 767px) {
	h4{
		font-size:16px;
	}
	.pt100{
		padding-top:50px;
	}
	.pb100{
		padding-bottom:50px;
	}
	body{
		font-size:14px;
	}
	#header .navbar-toggle{
		margin-top:12px;
	}
	#header .navbar-nav{
		margin-top:0px;
		padding-left:0px;
	}
	#header .navbar-nav li:hover:after, #header .navbar-nav li.active:after{
		bottom:-4px;
	}
	#header .navbar-nav li{
		margin-left:15px;
		padding-top:0px;
		padding-bottom:0px;
	}
	.intro-text h4{
		margin-bottom:25px;
	}
	#projects .padding-none{
		padding-left:15px;
		padding-right:15px;
		margin-bottom:15px;
	}
	.grid-caption h2{
		margin-bottom:0px;
	}
	#about-area .pl30{
		padding-left:0px;
		padding-top:30px;
	}
	#about-area h3{
		margin-bottom:15px;
	}
	.social-icons a{
		margin-left:8px;
		margin-right:8px;
	}
}
 
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}