@media only screen and (max-width: 1200px) {


	.counter-section{ text-align: center; padding: 50px 0 20px; }

	.counter{ display: inline-block; }
	
	.counter .desc{ text-align: left; }
}


@media only screen and (max-width: 992px) {
	
	

	.intro-section{ padding-top: 250px; }
	
}


@media only screen and (max-width: 767px) {
	

	p{ line-height: 1.4; }

	h1{ font-size: 3em; }
	h2{ font-size: 2em; }
	h3{ font-size: 1.8em; }


	


	.section{ padding: 50px 0 0px; }

	.section .heading{ margin-bottom: 30px; }

	
	

	.intro-section{ padding-top: 350px; }


	

	.portfolio-section{ padding-bottom: 0; }
	
	.portfolio-section .portfolioFilter{ margin: 0px 0 10px; }
	
	.portfolio-section .portfolioContainer{ margin-left: 0; margin-right: 0; }

	.portfolio-section .p-item{ width: 50%; padding: 0 15px 0px; }

	.portfolio-section .p-item{ max-width: 400px; }

	
	
	.education-wrapper:after,
	.education-wrapper .education:after{ display: none; }

}


@media only screen and (max-width: 575px) {
	
	

	body{ font-size: 14px;  }
	

	
	
	.portfolio-section .p-item{ width: 100%; }
	
}



@media only screen and (max-width: 479px) {


}


@media only screen and (max-width: 359px) {
	
	

	header .heading-wrapper{  padding: 30px 20px 20px; }

	header .info .icon{ font-size: 25px; }

	header .info .right-area{ margin-left: 35px; }

}


@media only screen and (max-width: 290px) {

	
}


@media only screen and (max-width: 260px) {
	
	

	header .heading-wrapper{  padding: 10px 15px 0px; }

	header .info .icon{ font-size: 15px; }

	header .info .right-area{ margin-left: 20px; }
	
	

	.intro .profile-img{ width: 80%; height: auto; top: 0; margin-bottom: 10px; }
	
	.intro{ padding: 20px 10px 0; margin-right: -15px; margin-left: -15px; }
	
}