@media (max-width: 1199px) {
	.b100-landing .container {
		max-width: 960px;
	}

	.b100-title {
		font-size: 38px;
	}

	.b100-extralarge-title {
		font-size: 60px;
	}

	.b100-subtitle {
		font-size: 34px;
	}

	/* section intro */
	.b100-intro {
		height: 680px;
	}

	.b100-intro .b100-title,
	.b100-intro .b100-title[data-aos] {
		top: 140px;
		left: 35px;
	}

	.b100-intro .b100-title[data-aos].aos-animate {
		top: 220px;
		left: 65px;
	}

	.b100-intro .b100-subtitle,
	.b100-intro .b100-subtitle[data-aos] {
		top: -30px;
		left: -20px;
	}

	.b100-intro .b100-subtitle[data-aos].aos-animate {
		top: 55px;
		left: 10px;
	}

	.b100-intro .b100-figure,
	.b100-intro .b100-figure[data-aos] {
		top: 235px;
		left: 25px;
		width: 580px;
		height: 426px;
	}

	.b100-intro .b100-figure[data-aos].aos-animate {
		top: 205px;
		left: 105px;
	}

	.b100-intro .b100-figure .b100-media {
		width: 580px;
		height: 426px;
	}
	/* section intro end */

	
	/* section sos */
	.b100-sos {
		height: 630px;
	}

	.b100-sos .b100-title {
		top: 263px;
	}

	.b100-sos .b100-subtitle {
		top: 340px;
	}

	.b100-sos .b100-figure {
		top: 68px;
		width: 472px;
		height: 1017px;
	}

	.b100-sos .b100-figure[data-aos]::after {
		top: 180px;
    	right: 290px;
		width: 74px;
		height: 74px;
	}

	.b100-sos .b100-figure[data-aos].aos-animate::after {
		width: 570px;
	}

	.b100-sos .b100-figure .b100-media {
		width: 472px;
		height: 1017px;
	}
	/* section sos end */

	
	/* section keyboard */
	.b100-keyboard {
		height: 580px;
	}

	.b100-keyboard .b100-title {
		top: 175px;
	}

	.b100-keyboard .b100-subtitle {
		top: 285px;
	}

	.b100-keyboard .b100-figure {
		top: 60px;
		right: -10px;
		width: 930px;
		height: 460px;
	}

	.b100-keyboard .b100-figure .b100-media {
		width: 930px;
		height: 460px;	
	}
	/* section keyboard end */


	/* section fm */
	.b100-fm {
		height: 605px;
	}

	.b100-fm .b100-title {
		top: 95px;
	}

	.b100-fm .b100-subtitle {
		top: 155px;
	}

	.b100-fm .b100-figure {
		top: 25px;
		left: 15px;
		right: 15px;
		width: 344px;
		height: 589px;
	}

	.b100-fm .b100-figure .b100-media {
		width: 344px;
		height: 589px;	
	}
	/* section fm end */
}

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

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

	.b100-extralarge-title {
		font-size: 40px;
	}

	.b100-subtitle {
		font-size: 26px;
	}


	/* section intro */
	.b100-intro {
		height: 545px;
		background-position: -10px -60px !important;
	}

	.b100-intro .b100-title,
	.b100-intro .b100-title[data-aos] {
		top: 115px;
		left: 25px;
	}

	.b100-intro .b100-title[data-aos].aos-animate {
		top: 165px;
		left: 40px;
	}

	.b100-intro .b100-subtitle,
	.b100-intro .b100-subtitle[data-aos] {
		top: -15px;
		left: -15px;
	}

	.b100-intro .b100-subtitle[data-aos].aos-animate {
		top: 35px;
		left: 0;
	}

	.b100-intro .b100-figure,
	.b100-intro .b100-figure[data-aos] {
		top: 170px;
		left: -50px;
		width: 520px;
		height: 382px;
	}

	.b100-intro .b100-figure[data-aos].aos-animate {
		top: 120px;
		left: 70px;
	}

	.b100-intro .b100-figure .b100-media {
		width: 520px;
		height: 382px;
	}
	/* section intro end */


	/* section sos */
	.b100-sos {
		height: 510px;
	}

	.b100-sos .b100-title, 
	.b100-sos .b100-subtitle, 
	.b100-sos .b100-description {
		left: 15px;
		right: 15px;
	}

	.b100-sos .b100-title {
		top: 214px;
	}

	.b100-sos .b100-subtitle {
		top: 280px;
	}

	.b100-sos .b100-figure {
		top: 60px;
		width: 376px;
		height: 810px;
	}

	.b100-sos .b100-figure[data-aos]::after {
		top: 142px;
    	right: 230px;
		width: 60px;
		height: 60px;
	}

	.b100-sos .b100-figure[data-aos].aos-animate::after {
		width: 464px;
	}

	.b100-sos .b100-figure .b100-media {
		width: 376px;
		height: 810px;
	}
	/* section sos end */


	/* section keyboard */
	.b100-keyboard {
		height: 490px;
	}

	.b100-keyboard .b100-title {
		top: 160px;
	}

	.b100-keyboard .b100-subtitle {
		top: 250px;
	}

	.b100-keyboard .b100-figure {
		top: 60px;
		right: -10px;
		width: 744px;
		height: 368px;
	}

	.b100-keyboard .b100-figure .b100-media {
		width: 744px;
		height: 368px;	
	}
	/* section keyboard end */


	/* section fm */
	.b100-fm {
		height: 605px;
	}

	.b100-fm .b100-title {
		top: 95px;
	}

	.b100-fm .b100-subtitle {
		top: 150px;
	}
	/* section fm end */


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

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

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


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

	.b100-extralarge-title {
		font-size: 34px !important;
		line-height: 1.15;
	}

	.b100-subtitle {
		font-size: 20px;
		line-height: 1.35;
	}

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


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

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

	.b100-intro .content-wrapper.d-flex,
	.b100-sos .content-wrapper.d-flex
	.b100-keyboard .content-wrapper.d-flex,
	.b100-fm .content-wrapper.d-flex {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}


	.b100-intro .b100-title,
	.b100-intro .b100-subtitle,
	.b100-intro .b100-description,
	.b100-sos .b100-title,
	.b100-sos .b100-subtitle,
	.b100-sos .b100-description
	.b100-keyboard .b100-title,
	.b100-keyboard .b100-subtitle,
	.b100-keyboard .b100-description,
	.b100-fm .b100-title,
	.b100-fm .b100-subtitle,
	.b100-fm .b100-description {
		max-width: 290px;
	}


	/* section intro */
	.b100-intro {
		height: 440px;
		background-position: center -70px !important;
	}

	.b100-intro .b100-title,
	.b100-intro .b100-title[data-aos],
	.b100-intro .b100-title[data-aos].aos-animate,
	.b100-intro .b100-subtitle,
	.b100-intro .b100-subtitle[data-aos],
	.b100-intro .b100-subtitle[data-aos].aos-animate {
		left: 15px;
		right: 15px;
		transition: opacity 500ms ease, transform 500ms ease;
	}

	.b100-intro .b100-title,
	.b100-intro .b100-title[data-aos],
	.b100-intro .b100-subtitle,
	.b100-intro .b100-subtitle[data-aos] {
		opacity: 0;
		transform: rotate(0) translate(0, 100px);
	}

	.b100-intro .b100-title[data-aos].aos-animate,
	.b100-intro .b100-subtitle[data-aos].aos-animate {
		opacity: 1;
		transform: rotate(0) translate(0);
	}

	.b100-intro .b100-title,
	.b100-intro .b100-title[data-aos],
	.b100-intro .b100-title[data-aos].aos-animate {
		top: 100px;
		transition-delay: 100ms;
	}

	.b100-intro .b100-subtitle,
	.b100-intro .b100-subtitle[data-aos],
	.b100-intro .b100-subtitle[data-aos].aos-animate {
		top: 40px;
	}


	.b100-intro .b100-figure,
	.b100-intro .b100-figure[data-aos],
	.b100-intro .b100-figure[data-aos].aos-animate {
		left: 0;
		right: 0;
		margin: auto;
	}

	.b100-intro .b100-figure,
	.b100-intro .b100-figure[data-aos] {
		top: 190px;
		width: 390px;
		height: 287px;
	}

	.b100-intro .b100-figure .b100-media {
		width: 390px;
		height: 287px;
	}
	/* section intro end */


	/* section sos */
	.b100-sos {
		height: 510px;
	}

	.b100-sos .b100-title {
		top: 40px;
	}

	.b100-sos .b100-subtitle {
		top: 85px;
	}

	.b100-sos .b100-figure {
		top: 195px;
		width: 280px;
		height: 604px;
		margin: auto;
	}

	.b100-sos .b100-figure[data-aos]::after {
		display: none;
	}

	.b100-sos .b100-figure .b100-media {
		width: 280px;
		height: 604px;
	}
	/* section sos end */


	/* section keyboard */
	.b100-keyboard {
		height: 500px;
	}

	.b100-keyboard .b100-title {
		top: 40px;
	}

	.b100-keyboard .b100-subtitle {
		top: 120px;
	}

	.b100-keyboard .b100-figure {
		top: 170px;
		right: -10px;
		width: 595px;
		height: 294px;
	}

	.b100-keyboard .b100-figure .b100-media {
		width: 595px;
		height: 294px;	
	}
	/* section keyboard end */


	/* section fm */
	.b100-fm {
		height: 710px;
	}

	.b100-fm .b100-title {
		top: 40px;
	}

	.b100-fm .b100-subtitle {
		top: 85px;
	}

	.b100-fm .b100-figure {
		top: 170px;
		width: 310px;
		height: 529px;
	}

	.b100-fm .b100-figure .b100-media {
		width: 310px;
		height: 529px;	
	}
	/* section fm end */


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

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