@media (max-width: 1199px) {
	/* section intro */
	.p3-intro {
		height: 650px;
	}

	.p3-intro .p3-title {
		top: 230px;
	}

	.p3-intro .p3-description {
		top: 450px;
	}
	/* section intro end*/


	/* section power bank */
	.p3-power-bank {
		height: 655px;
	}

	.p3-power-bank .p3-phone-media-figure {
		top: 85px;
	}

	.p3-power-bank .p3-cable-media-figure {
		top: 275px;
	}

	.p3-power-bank .p3-title {
		top: 155px;
	}

	.p3-power-bank .p3-description {
		top: 465px;
	}
	/* section power bank end */


	/* section presentation */
	.p3-presentation {
		height: 985px;
	}

	.p3-presentation .p3-media-figure {
		width: 844px;
		height: 1207px;
	}

	.p3-presentation .p3-title,
	.p3-presentation .p3-subtitle,
	.p3-presentation .p3-description {
		max-width: 265px;
	}

	.p3-presentation .p3-typography-left-container .p3-title {
		top: 100px;
	}

	.p3-presentation .p3-typography-left-container .p3-description {
		top: 285px;
	}

	.p3-presentation .p3-typography-right-container .p3-title {
		top: 610px;
	}

	.p3-presentation .p3-typography-right-container .p3-description {
		top: 825px;
	}
	/* section presentation end */


	/* section battery */
	.p3-battery {
		height: 650px;
	}

	.p3-battery .p3-title {
		top: 110px;
		font-size: 60px;
	}
	/* section battery end */


	/* section features */
	.p3-features {
		padding-top: 90px;
		padding-bottom: 90px;
	}
	/* section features end */
}

@media (max-width: 1024px) {
	.p3-title {
		margin: 0 0 20px;
	}
}


@media (max-width: 991px) {
	.p3-landing .container {
		padding-left: 40px;
		padding-right: 40px;
	}

	.p3-title {
		font-size: 34px;
	}

	/* section intro */
	.p3-intro {
		height: 590px;
	}

	.p3-intro .p3-media-figure {
		width: 486px;
		height: 365px;
	}

	.p3-intro .p3-media-figure .p3-media {
		transform: rotate(-65deg);
	}

	.p3-intro .p3-title {
		top: 160px;
	}

	.p3-intro .p3-description {
		top: 340px;
	}
	/* section intro end */


	/* section power bank */
	.p3-power-bank {
		height: 595px;
	}

	.p3-power-bank .p3-phone-media-figure {
		top: 30px;
	}

	.p3-power-bank .p3-cable-media-figure {
		top: 238px;
	}

	.p3-power-bank .p3-title {
		top: 100px;
	}

	.p3-power-bank .p3-description {
		top: 410px;
	}
	/* section power bank end */


	/* section presentation */
	.p3-presentation {
		height: 830px;
	}

	.p3-presentation .p3-media-figure {
		top: -60px;
		width: 644px;
		height: 920px;
		transform: translateX(-45%);
	}

	.p3-presentation .p3-media-figure[data-aos=fade-up] {
		transform: translate(-45%, 30px);
	}

	.p3-presentation .p3-media-figure.aos-animate {
		transform: translate(-45%, -30px);
	}

	.p3-presentation .p3-typography-left-container .p3-title {
		top: 40px;
	}

	.p3-presentation .p3-typography-left-container .p3-description {
		top: 185px;
	}

	.p3-presentation .p3-typography-right-container .p3-title {
		top: 480px;
	}

	.p3-presentation .p3-typography-right-container .p3-description {
		top: 660px;
	}
	/* section presentation end */


	/* section battery */
	.p3-battery {
		height: 500px;
	}

	.p3-battery .p3-title {
		top: 100px;
		font-size: 40px;
	}

	.p3-battery .p3-title .lead {
		margin: 0 0 -15px;
		line-height: 1.15;
	}
	/* section battery end */


	/* section  features */
	.p3-features {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.p3-features-grid .p3-feature-item {
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
	}
	/* section  features end */
}

@media (max-width: 767px) {
	.p3-landing .container {
		padding-left: 30px;
		padding-right: 30px;
	}

	.p3-landing .content-inner {
		margin-bottom: 40px;
	}


	.p3-title {
		margin: 0 0 15px;
		font-size: 30px !important;
		line-height: 1.35;
	}

	.p3-description {
		margin: 0 0 20px;
		font-size: 18px;
		line-height: 1.5;
	}


	.p3-intro .content-wrapper.d-flex,
	.p3-power-bank .content-wrapper.d-flex,
	.p3-presentation .content-wrapper.d-flex,
	.p3-battery .content-wrapper.d-flex {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	
	.p3-intro .p3-title,
	.p3-intro .p3-subtitle,
	.p3-intro .p3-description,
	.p3-power-bank .p3-title,
	.p3-power-bank .p3-subtitle,
	.p3-power-bank .p3-description,
	.p3-presentation .p3-title,
	.p3-presentation .p3-subtitle,
	.p3-presentation .p3-description,
	.p3-battery .p3-title,
	.p3-battery .p3-subtitle,
	.p3-battery .p3-description {
		width: 315px;
		left: 0;
		right: 0;
		text-align: left;
	}


	/* section  intro */
	.p3-intro {
		height: 820px;
	}

	.p3-intro .p3-title {
		top: 30px;
	}

	.p3-intro .p3-description {
		top: 160px;
	}

	.p3-intro .p3-media-figure {
		top: 325px;
	}
	/* section  intro end */


	/* section  power bank */
	.p3-power-bank {
		height: 595px;
	}

	.p3-power-bank .p3-phone-media-figure {
		top: 185px;
		left: 50%;
		width: 720px;
		height: 412px;
	}

	.p3-power-bank .p3-cable-media-figure {
		top: 330px;
		right: 50%;
		width: 1280px;
		height: 105px;
	}

	.p3-power-bank .p3-title {
		top: 30px;
	}

	.p3-power-bank .p3-description {
		top: 115px;
	}
	/* section  power bank end */


	/* section  presentation */
	.p3-presentation {
		height: 1015px;
	}

	.p3-presentation .p3-media-figure {
		top: 550px;
		width: 484px;
		height: 695px;
		transform: translateX(-50%);
	}

	.p3-presentation .p3-media-figure[data-aos=fade-up] {
		transform: translate(-50%, 30px);
	}

	.p3-presentation .p3-media-figure.aos-animate {
		transform: translate(-50%, -30px);
	}

	.p3-presentation .p3-typography-left-container .p3-title,
	.p3-presentation .p3-typography-left-container .p3-subtitle,
	.p3-presentation .p3-typography-left-container .p3-description,
	.p3-presentation .p3-typography-right-container .p3-title,
	.p3-presentation .p3-typography-right-container .p3-subtitle,
	.p3-presentation .p3-typography-right-container .p3-description {
		max-width: inherit;
		left: 0;
		right: 0;
		text-align: inherit;
	}
	

	.p3-presentation .p3-typography-left-container .p3-title {
		top: 30px;
	}

	.p3-presentation .p3-typography-left-container .p3-description {
		top: 165px;
	}

	.p3-presentation .p3-typography-right-container .p3-title {
		top: 310px;
	}

	.p3-presentation .p3-typography-right-container .p3-description {
		top: 440px;
	}
	/* section  presentation end */


	/* section battery */
	.p3-battery {
		height: 415px;
	}

	.p3-battery .p3-title {
		top: 80px;
	}
	/* section battery end */


	/* section features */
	.p3-features-grid .p3-feature-item {
		flex: 0 0 50%;
		max-width: 50%;
	}
	/* section  features end */
}

@media (max-width: 350px) {
	.p3-title {
		font-size: 24px !important;
	}

	.p3-intro .p3-title,
	.p3-intro .p3-subtitle,
	.p3-intro .p3-description,
	.p3-power-bank .p3-title,
	.p3-power-bank .p3-subtitle,
	.p3-power-bank .p3-description,
	.p3-presentation .p3-title,
	.p3-presentation .p3-subtitle,
	.p3-presentation .p3-description,
	.p3-battery .p3-title,
	.p3-battery .p3-subtitle,
	.p3-battery .p3-description {
		width: 280px;
	}


	/* section intro */
	.p3-intro .p3-description {
		top: 140px;
	}
	/* section intro end */


	/* section power bank */
	.p3-power-bank {
		height: 565px;
	}

	.p3-power-bank .p3-phone-media-figure {
		top: 165px;
	}

	.p3-power-bank .p3-cable-media-figure {
		top: 320px;
	}

	.p3-power-bank .p3-description {
		top: 75px;
	}
	/* section power bank end */


	/* section presentation */
	.p3-presentation .p3-media-figure {
		top: 535px;
	}

	.p3-presentation .p3-typography-left-container .p3-description {
		top: 145px;
	}

	.p3-presentation .p3-typography-right-container .p3-title {
		top: 320px;
	}

	.p3-presentation .p3-typography-right-container .p3-description {
		top: 395px;
	}
	/* section presentation end */


	/* section battery */
	.p3-battery {
		height: 365px;
	}
	/* section battery end */
	

	/* section features */
	.p3-features-grid .p3-feature-item {
		flex: 0 0 100%;
		max-width: 100%;
	}
	/* section features end */
}

@media (min-width: 1200px) {
	.p3-landing  .flex-lg-nowrap {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
}