@media (max-width: 1199px) {
	/* hack for speaker section */
	.t12-landing::before {
		height: 605px;
	}

	.t12-title {
		font-size: 36px;
	}

	.t12-description {
		font-size: 24px;
		line-height: 1.3;
	}


	/* section design */
	.t12-design {
		height: 600px;
	}

	.t12-design .t12-title {
		top: 155px;
		max-width: 380px;
	}

	#t12-design-parallax .t12-design-parallax-layer.layer-1 .t12-design-parallax-media {
		top: -75px;
		left: 15px;
		width: 304px;
		height: 487px;
	}
	
	#t12-design-parallax .t12-design-parallax-layer.layer-2 .t12-design-parallax-media {
		top: 55px;
		right: 15px;
		width: 296px;
		height: 524px;
	}


	.t12-design-block {
		height: 490px;
	}
	/* section design end */


	/* section flashlight */
	.t12-flashlight {
		height: 650px;
	}


	.t12-flashlight .t12-title {
		top: 20px;
		left: 30px;
		right: 30px;
		max-width: 450px;
		padding-left: 85px;
	}

	.t12-flashlight .t12-media-figure {
		top: 340px;
		width: 884px;
		height: 219px;
	}

	.t12-flashlight .t12-media-figure .t12-media {
		width: 884px;
		height: 219px;
	}


	.t12-flashlight-block {
		height: 520px;
	}

	/* section flashlight end */


	/* section screen */
	.t12-screen {
		height: 570px;
	}

	.t12-screen .t12-title {
		top: 120px;
	}

	.t12-screen .t12-description {
		top: 220px;
	}


	.t12-screen .t12-media-figure {
		top: 60px;
		right: -15px;
		width: 830px;
		height: 425px;
	}

	.t12-screen .t12-media-figure .t12-media {
		width: 830px;
		height: 425px;
	}


	.t12-screen-block {
		height: 490px;
	}

	.t12-screen-block::before,
	.t12-screen-block::after {
		width: 215px;
		height: 84px;
		background-size: 215px 84px;
	}
	/* section screen end */


	/* section battery */
	.t12-battery {
		height: 615px;
	}

	.t12-battery .t12-title {
		top: 130px;
	}

	.t12-battery .t12-media-figure {
		top: 135px;
		width: 288px;
		height: 406px;
	}

	.t12-battery .t12-media-figure .t12-media {
		width: 288px;
		height: 406px;
	}


	.t12-battery-block {
		top: 80px;
		left: 30px;
		right: 30px;
		width: 400px;
		height: 450px;
	}
	/* section battery end */


	/* section powerbank */
	.t12-powerbank {
		height: 590px;
	}


	.t12-powerbank .t12-title {
		top: 35px;
		left: 50px;
		right: 50px;
		margin-left: 0;
		margin-right: 0;
	}

	.t12-powerbank .t12-title .t12-title-media {
		display: block;
		width: 126px;
		height: 80px;
		margin-bottom: 20px;
	}


	.t12-powerbank .t12-media-figure {
		top: 385px;
		width: 450px;
		height: 233px;
	}

	.t12-powerbank .t12-media-figure .t12-media {
		width: 450px;
		height: 233px;
	}


	.t12-powerbank-block {
		top: 80px;
		height: 430px;
	}
	/* section powerbank end */


	/* section speaker */
	.t12-speaker {
		height: 605px;
	}

	.t12-speaker .t12-title,
	.t12-speaker .t12-subtitle,
	.t12-speaker .t12-description {
		left: 15px;
		right: calc(41.6666% + 15px);
	}

	.t12-speaker .t12-title {
		top: 150px;
	}


	.t12-speaker .t12-media-figure {
		top: 50px;
		left: calc(56% - 15px);
		right: 15px;
		width: 768px;
		height: 401px;
		margin: auto;
	}

	.t12-speaker .t12-media-figure .t12-media {
		width: 768px;
		height: 401px;
	}


	.t12-speaker-block {
		position: absolute;
		top: 80px;
		height: 445px;
	}
	/* section speaker end */
}

@media (max-width: 991px) {
	/* hack for speaker section */
	.t12-landing::before {
		height: 505px;
	}

	.t12-landing .container {
		padding-left: 40px;
		padding-right: 40px;
	}

	.t12-title {
		font-size: 30px;
	}

	.t12-description {
		font-size: 20px;
	}


	/* section design */
	.t12-design {
		height: 550px;
	}

	.t12-design .t12-title {
		top: 145px;
	}


	#t12-design-parallax .t12-design-parallax-layer.layer-1 .t12-design-parallax-media {
		top: -30px;
		left: 0;
		width: 273px;
		height: 437px;
	}
	
	#t12-design-parallax .t12-design-parallax-layer.layer-2 .t12-design-parallax-media {
		top: 80px;
		right: -15px;
		width: 266px;
		height: 471px;
	}

	
	.t12-design-block {
		top: 60px;
		height: 430px;
	}
	/* section design end */


	/* section flashlight */
	.t12-flashlight {
		height: 580px;
	}

	.t12-flashlight .t12-title {
		top: 35px;
		left: 35px;
		right: 35px;
		max-width: 450px;
		padding-left: 85px;
	}

	.t12-flashlight .t12-media-figure {
		top: 345px;
		width: 707px;
		height: 175px;
	}

	.t12-flashlight .t12-media-figure .t12-media {
		width: 707px;
		height: 175px;
	}


	.t12-flashlight-block {
		top: 80px;
		height: 440px;
	}
	/* section flashlight end */


	/* section screen */
	.t12-screen {
		height: 460px;
	}

	.t12-screen .t12-title {
		top: 110px;
	}

	.t12-screen .t12-description {
		top: 195px;
	}

	.t12-screen .t12-media-figure {
		top: 50px;
		right: -15px;
		width: 664px;
		height: 340px;
	}

	.t12-screen .t12-media-figure .t12-media {
		width: 664px;
		height: 340px;
	}


	.t12-screen-block {
		height: 400px;
	}

	.t12-screen-block::before,
	.t12-screen-block::after {
		width: 150px;
		height: 58px;
		background-size: 150px 58px;
	}
	/* section screen end */


	/* section battery */
	.t12-battery {
		height: 520px;
	}

	.t12-battery .t12-title {
		top: 120px;
	}

	.t12-battery .t12-media-figure {
		top: 110px;
		width: 244px;
		height: 344px;
	}

	.t12-battery .t12-media-figure .t12-media {
		width: 244px;
		height: 344px;
	}


	.t12-battery-block {
		top: 60px;
		left: 15px;
		right: 15px;
		width: 350px;
		height: 385px;
	}
	/* section battery end */


	/* section powerbank */
	.t12-powerbank {
		height: 475px;
	}

	.t12-powerbank .t12-title {
		top: 35px;
		left: 50px;
		right: 50px;
		width: 250px;
		margin-left: 0;
		margin-right: 0;
	}

	.t12-powerbank .t12-title .t12-title-media {
		display: block;
		width: 88px;
		height: 55px;
		margin-bottom: 15px;
	}

	.t12-powerbank .t12-media-figure {
		top: 310px;
		width: 360px;
		height: 186px;
	}

	.t12-powerbank .t12-media-figure .t12-media {
		width: 360px;
		height: 186px;
	}


	.t12-powerbank-block {
		top: 60px;
		height: 355px;
	}
	/* section powerbank end */


	/* section speaker */
	.t12-speaker {
		height: 505px;
	}

	.t12-speaker .t12-title,
	.t12-speaker .t12-subtitle,
	.t12-speaker .t12-description {
		left: 15px;
		right: calc(50% + 15px);
	}

	.t12-speaker .t12-title {
		top: 115px;
	}


	.t12-speaker .t12-media-figure {
		position: absolute;
		top: 50px;
		left: calc(50% - 15px);
		right: 15px;
		width: 614px;
		height: 321px;
		margin: auto;
	}

	.t12-speaker .t12-media-figure .t12-media {
		width: 614px;
		height: 321px;
	}


	.t12-speaker-block {
		position: absolute;
		top: 60px;
		height: 385px;
	}
	/* section speaker end */


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

@media (max-width: 767px) {
	/* hack for speaker section */
	.t12-landing::before {
		height: 405px;
	}

	.t12-landing .container {
		padding-left: 20px;
		padding-right: 20px;
	}

	.t12-landing .content-inner {
		margin-bottom: 40px;
		text-align: center;
	}


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

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


	.t12-title[data-aos],
	.t12-subtitle[data-aos],
	.t12-description[data-aos] {
		transform: translate(0, 100px);
	}

	.t12-title[data-aos].aos-animate,
	.t12-subtitle[data-aos].aos-animate,
	.t12-description[data-aos].aos-animate {
		transform: translate(0);
	}

	.t12-design .content-wrapper.d-flex,
	.t12-flashlight .content-wrapper.d-flex,
	.t12-screen .content-wrapper.d-flex,
	.t12-battery .content-wrapper.d-flex,
	.t12-powerbank .content-wrapper.d-flex,
	.t12-speaker .content-wrapper.d-flex {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.t12-design .t12-title,
	.t12-design .t12-subtitle,
	.t12-design .t12-description,
	.t12-flashlight .t12-title,
	.t12-flashlight .t12-subtitle,
	.t12-flashlight .t12-description,
	.t12-screen .t12-title,
	.t12-screen .t12-subtitle,
	.t12-screen .t12-description,
	.t12-battery .t12-title,
	.t12-battery .t12-subtitle,
	.t12-battery .t12-description,
	.t12-powerbank .t12-title,
	.t12-powerbank .t12-subtitle,
	.t12-powerbank .t12-description,
	.t12-speaker .t12-title,
	.t12-speaker .t12-subtitle,
	.t12-speaker .t12-description {
		max-width: 290px;
	}


	.t12-design-block,
	.t12-flashlight-block,
	.t12-screen-block,
	.t12-powerbank-block,
	.t12-speaker-block {
		max-width: 375px;
		margin: auto;
	}


	/* section design */
	.t12-design {
		height: 815px;
	}

	.t12-design .t12-title {
		top: 25px;
	}


	#t12-design-parallax {
		top: 220px;
		left: 15px;
		right: 15px;
		width: 330px;
		margin: auto;
	}
	

	.t12-design-block {
		top: 40px;
		height: 350px;
	}
	/* section design end */


	/* section flashlight */
	.t12-flashlight {
		height: 400px;
	}

	.t12-flashlight .t12-title {
		top: 25px;
		left: 15px;
		right: 15px;
		max-width: 290px;
		padding-left: 55px;
		margin: auto;
	}

	.t12-flashlight .t12-title .t12-title-media {
		width: 34px;
		height: 102px;
		margin: 5px 0;
	}


	.t12-flashlight .t12-media-figure {
		top: 260px;
		width: 360px;
		height: 89px;
	}

	.t12-flashlight .t12-media-figure .t12-media {
		width: 360px;
		height: 89px;
	}


	.t12-flashlight-block {
		top: 40px;
		left: 15px;
		right: 15px;
		height: 320px;
	}
	/* section flashlight end */


	/* section screen */
	.t12-screen {
		height: 690px;
	}

	.t12-screen .t12-title {
		top: 75px;
	}

	.t12-screen .t12-description {
		top: 150px;
	}

	.t12-screen .t12-media-figure {
		top: 380px;
		right: -15px;
		width: 600px;
		height: 307px;
	}

	.t12-screen .t12-media-figure .t12-media {
		width: 600px;
		height: 307px;
	}


	.t12-screen-block {
		top: 40px;
		height: 310px;
	}

	.t12-screen-block::before,
	.t12-screen-block::after {
		width: 105px;
		height: 40px;
		background-size: 105px 40px;
	}
	/* section screen end */


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

	.t12-battery .t12-title {
		top: 45px;
		left: 15px;
		right: 15px;
	}

	.t12-battery .t12-media-figure {
		top: 55px;
		left: calc(50% + 15px);
		width: 195px;
		height: 275px;
	}

	.t12-battery .t12-media-figure .t12-media {
		width: 195px;
		height: 275px;
	}


	.t12-battery-block {
		top: 40px;
		left: 15px;
		right: calc(50% + 15px);
		width: 190px;
		height: 265px;
		margin: auto;
	}
	/* section battery end */


	/* section powerbank */
	.t12-powerbank {
		height: 380px;
	}

	.t12-powerbank .t12-title {
		top: 25px;
		left: 15px;
		right: 15px;
		width: 290px;
		margin: auto;
	}

	.t12-powerbank .t12-title .t12-title-media {
		width: 60px;
		height: 38px;
		margin-bottom: 15px;
	}

	.t12-powerbank .t12-media-figure {
		top: 255px;
		width: 288px;
		height: 149px;
	}

	.t12-powerbank .t12-media-figure .t12-media {
		width: 288px;
		height: 149px;
	}


	.t12-powerbank-block {
		top: 40px;
		height: 300px;
	}
	/* section powerbank end */


	/* section speaker */
	.t12-speaker {
		height: 405px;
	}

	.t12-speaker .t12-title,
	.t12-speaker .t12-subtitle,
	.t12-speaker .t12-description {
		left: 15px;
		right: calc(50% + 15px);
	}

	.t12-speaker .t12-title {
		top: 60px;
	}


	.t12-speaker .t12-media-figure {
		position: absolute;
		top: 35px;
		left: calc(50% - 15px);
		right: 15px;
		width: 490px;
		height: 256px;
		margin: auto;
	}

	.t12-speaker .t12-media-figure .t12-media {
		width: 490px;
		height: 256px;
	}


	.t12-speaker-block {
		position: absolute;
		top: 60px;
		height: 305px;
	}
	/* section speaker end */


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

@media (max-width: 375px) {
	/* section  features */
	.t12-features-grid .t12-feature-item {
		flex: 0 0 100%;
		max-width: 100%;
	}
	/* section  features end */
}