/* Screens Resolution : 992px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 1200px) {
	/* ---------------------------------
	9. COUNTER SECTION
	--------------------------------- */

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

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

/* Screens Resolution : 992px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 992px) {
	
	/* ---------------------------------
	4. INTRO SECTION
	--------------------------------- */

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

	.intro-section{ padding-top: 50px; position: relative; 
		z-index: 1; background-color: #ffab00;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg stroke='%23000' stroke-width='77.9' stroke-opacity='0.05' %3E%3Ccircle fill='%23ffab00' cx='0' cy='0' r='1800'/%3E%3Ccircle fill='%23faa823' cx='0' cy='0' r='1700'/%3E%3Ccircle fill='%23f4a532' cx='0' cy='0' r='1600'/%3E%3Ccircle fill='%23eea33d' cx='0' cy='0' r='1500'/%3E%3Ccircle fill='%23e9a047' cx='0' cy='0' r='1400'/%3E%3Ccircle fill='%23e39d4f' cx='0' cy='0' r='1300'/%3E%3Ccircle fill='%23dc9a57' cx='0' cy='0' r='1200'/%3E%3Ccircle fill='%23d6965e' cx='0' cy='0' r='1100'/%3E%3Ccircle fill='%23d09364' cx='0' cy='0' r='1000'/%3E%3Ccircle fill='%23c9906a' cx='0' cy='0' r='900'/%3E%3Ccircle fill='%23c28d70' cx='0' cy='0' r='800'/%3E%3Ccircle fill='%23bb8975' cx='0' cy='0' r='700'/%3E%3Ccircle fill='%23b3867b' cx='0' cy='0' r='600'/%3E%3Ccircle fill='%23ac8280' cx='0' cy='0' r='500'/%3E%3Ccircle fill='%23a37f84' cx='0' cy='0' r='400'/%3E%3Ccircle fill='%239b7b89' cx='0' cy='0' r='300'/%3E%3Ccircle fill='%2392778e' cx='0' cy='0' r='200'/%3E%3Ccircle fill='%23887392' cx='0' cy='0' r='100'/%3E%3C/g%3E%3C/svg%3E");
		background-attachment: fixed;
		background-size: cover;}



	/* ---------------------------------
	5. PORFOLIO SECTION
	--------------------------------- */

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

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

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

/* Screens Resolution : 767px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
	
	/* ---------------------------------
	1. PRIMARY STYLES
	--------------------------------- */

	p{ line-height: 1.4; }

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


	
	/* ---------------------------------
	2. COMMONS FOR PAGE DESIGN
	--------------------------------- */

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

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

	
	/* ---------------------------------
	4. INTRO SECTION
	--------------------------------- */

	.radial-progress{ position: relative; max-width: 150px; margin: 0 auto; }

	.radial-progress .progress-title{ position: absolute; top: 20%; left: 50%; width: 100%;
		letter-spacing: 0; text-align: center; transform: translate(-50%, 15px); color: #777; }

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

	.intro-section{ padding-top: 50px; position: relative; 
		z-index: 1; background-color: #ffab00;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg stroke='%23000' stroke-width='77.9' stroke-opacity='0.05' %3E%3Ccircle fill='%23ffab00' cx='0' cy='0' r='1800'/%3E%3Ccircle fill='%23faa823' cx='0' cy='0' r='1700'/%3E%3Ccircle fill='%23f4a532' cx='0' cy='0' r='1600'/%3E%3Ccircle fill='%23eea33d' cx='0' cy='0' r='1500'/%3E%3Ccircle fill='%23e9a047' cx='0' cy='0' r='1400'/%3E%3Ccircle fill='%23e39d4f' cx='0' cy='0' r='1300'/%3E%3Ccircle fill='%23dc9a57' cx='0' cy='0' r='1200'/%3E%3Ccircle fill='%23d6965e' cx='0' cy='0' r='1100'/%3E%3Ccircle fill='%23d09364' cx='0' cy='0' r='1000'/%3E%3Ccircle fill='%23c9906a' cx='0' cy='0' r='900'/%3E%3Ccircle fill='%23c28d70' cx='0' cy='0' r='800'/%3E%3Ccircle fill='%23bb8975' cx='0' cy='0' r='700'/%3E%3Ccircle fill='%23b3867b' cx='0' cy='0' r='600'/%3E%3Ccircle fill='%23ac8280' cx='0' cy='0' r='500'/%3E%3Ccircle fill='%23a37f84' cx='0' cy='0' r='400'/%3E%3Ccircle fill='%239b7b89' cx='0' cy='0' r='300'/%3E%3Ccircle fill='%2392778e' cx='0' cy='0' r='200'/%3E%3Ccircle fill='%23887392' cx='0' cy='0' r='100'/%3E%3C/g%3E%3C/svg%3E");
		background-attachment: fixed;
		background-size: cover;}


	/* ---------------------------------
	5. PORFOLIO SECTION
	--------------------------------- */

	.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 20% 0px; }

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

	
	/* ---------------------------------
	8. EDUCATION SECTION
	--------------------------------- */
	
	.education-wrapper:after,
	.education-wrapper .education:after{ display: none; }

}

/* Screens Resolution : 575px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 575px) {
	
	/* ---------------------------------
	1. PRIMARY STYLES
	--------------------------------- */

	body{ font-size: 14px;  }
	

	/* ---------------------------------
	5. PORFOLIO SECTION
	--------------------------------- */
	
	.portfolio-section .p-item{ width: 100%; }
	
}

/* Screens Resolution : 479px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {


}

/* Screens Resolution : 359px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 359px) {
	
	/* ---------------------------------
	3. HEADER
	--------------------------------- */

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

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

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

}

/* Screens Resolution : 290px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 290px) {

	
}

/* Screens Resolution : 290px
-------------------------------------------------------------------------- */
@media only screen and (max-width: 260px) {
	
	/* ---------------------------------
	3. HEADER
	--------------------------------- */

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

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

	header .info .right-area{ margin-left: 20px; }
	
	/* ---------------------------------
	4. INTRO SECTION
	--------------------------------- */

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

	.intro-section{ padding-top: 50px; position: relative; 
		z-index: 1; background-color: #ffab00;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg stroke='%23000' stroke-width='77.9' stroke-opacity='0.05' %3E%3Ccircle fill='%23ffab00' cx='0' cy='0' r='1800'/%3E%3Ccircle fill='%23faa823' cx='0' cy='0' r='1700'/%3E%3Ccircle fill='%23f4a532' cx='0' cy='0' r='1600'/%3E%3Ccircle fill='%23eea33d' cx='0' cy='0' r='1500'/%3E%3Ccircle fill='%23e9a047' cx='0' cy='0' r='1400'/%3E%3Ccircle fill='%23e39d4f' cx='0' cy='0' r='1300'/%3E%3Ccircle fill='%23dc9a57' cx='0' cy='0' r='1200'/%3E%3Ccircle fill='%23d6965e' cx='0' cy='0' r='1100'/%3E%3Ccircle fill='%23d09364' cx='0' cy='0' r='1000'/%3E%3Ccircle fill='%23c9906a' cx='0' cy='0' r='900'/%3E%3Ccircle fill='%23c28d70' cx='0' cy='0' r='800'/%3E%3Ccircle fill='%23bb8975' cx='0' cy='0' r='700'/%3E%3Ccircle fill='%23b3867b' cx='0' cy='0' r='600'/%3E%3Ccircle fill='%23ac8280' cx='0' cy='0' r='500'/%3E%3Ccircle fill='%23a37f84' cx='0' cy='0' r='400'/%3E%3Ccircle fill='%239b7b89' cx='0' cy='0' r='300'/%3E%3Ccircle fill='%2392778e' cx='0' cy='0' r='200'/%3E%3Ccircle fill='%23887392' cx='0' cy='0' r='100'/%3E%3C/g%3E%3C/svg%3E");
		background-attachment: fixed;
		background-size: cover;}
	
}