@media (max-width: 1199px) {
	.b8-display,
	.b8-design,
	.b8-speakers  {
		background: #79328e;
	}
}

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


@media (max-width: 991px) {
	.b8-display::before,
	.b8-design::before,
	.b8-speakers::before {
		width: 991px;
	}


	/* section display */
	.b8-display::before {
	    -webkit-clip-path: polygon(53% 0%, 100% 0%, 100% 100%, 3.5% 100%);
	    clip-path: polygon(53% 0%, 100% 0%, 100% 100%, 3.5% 100%);
	}


	.b8-display .b8-media-figure {
		height: 460px;
	}

	.b8-display .b8-media-figure .b8-media {
	    height: 480px;
	}
	/* section display end */
	

    
	/* section  design */
    .b8-design::before {
    	-webkit-clip-path: polygon(3.5% 0%, 100% 0%, 100% 100%, 100% 100%);
    	clip-path: polygon(3.5% 0%, 100% 0%, 100% 100%, 100% 100%);
    }


	.b8-design .b8-media-figure {
	    height: 925px;
	}

	.b8-design .b8-media-figure .b8-media {
		height: 690px;
		margin: 120px 0;
	    transform: translateX(-48%) rotate(-40deg);
	}
	
	.b8-design .b8-typography-container:first-child {
		padding-top: 560px;
	}

	.b8-design .b8-typography-container:last-child {
		padding-top: 60px;
	}
	/* section  design end */

	
	/* section speakers */
	.b8-speakers::before {
	    -webkit-clip-path: polygon(90% 0%, 100% 0%, 100% 100%, -30% 100%);
	    clip-path: polygon(90% 0%, 100% 0%, 100% 100%, -30% 100%);
	}

	.b8-speakers .b8-typography-container {
	    padding-top: 400px;
    	padding-bottom: 40px;
	}

	.b8-speakers .b8-media-figure {
		height: 500px;
		margin: 0;
	}

	.b8-speakers .b8-media-figure .b8-media {
		max-width: 600px;
	}
	/* section speakers end */


	/* section emergency */
	.b8-emergency .b8-media-container {
		padding-bottom: 60px;
	}

	.b8-emergency .b8-typography-container {
		padding-top: 60px;
	}

	.b8-emergency .b8-media-figure {
		height: 415px;
		margin: 0;
	}
	/* section emergency end */


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

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

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


	.b8-title {
		font-size: 30px !important;
		line-height: 1.35;
	}

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

	
	/* section display */
	.b8-display::before {
		width: 768px;
		-webkit-clip-path: polygon(71% 0%, 100% 0%, 100% 100%, 9.5% 100%);
		clip-path: polygon(71% 0%, 100% 0%, 100% 100%, 9.5% 100%);
	}

	.b8-display .content-wrapper {
		-webkit-flex-direction: column-reverse;
		-moz-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		-o-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}


	.b8-display .b8-media-container {
		padding-top: 0;
		padding-bottom: 20px;
	}

	.b8-display .b8-typography-container {
		padding-top: 40px;
		padding-bottom: 0;
	}

	.b8-display .b8-media-figure {
		opacity: 1 !important;
		position: relative;
	    left: 50%;
	    width: 768px;
	    height: 450px;
	    margin: 0;
	    transform: translateX(-85%);
	}

	.b8-display .b8-media-figure.aos-animate {
		transform: translateX(-83%);
	}

	.b8-display .b8-media-figure .b8-media {
		width: 760px;
		height: 400px;
	}


	.b8-display .b8-title,
	.b8-display .b8-description {
		color: #fff;
	}
	/* section display end */

	
	/* section design */
	.b8-design::before {
		width: 768px;
	    -webkit-clip-path: polygon(9.5% 0%, 100% 0%, 100% 100%, 95% 100%);
	    clip-path: polygon(9.5% 0%, 100% 0%, 100% 100%, 95% 100%);
	}

	.b8-design .b8-media-figure {
	    width: 325px;
    	height: 500px;
		margin: 15px auto;
	}

	.b8-design .b8-media-figure .b8-media {
		height: 500px;
		max-width: 100%;
		max-height: 100%;
		margin: 0 180px;
	    transform: translateX(-50%) rotate(-35deg);
	}


	.b8-design .b8-typography-container .b8-title,
	.b8-design .b8-typography-container .b8-description {
		color: #fff;
	}

	.b8-design .b8-typography-container .b8-title br {
		display: none;
	}


	.b8-design .b8-typography-container:first-child,
	.b8-design .b8-typography-container:last-child {
		padding-top: 0;
	}
	
	.b8-design .b8-typography-container:first-child {
		order: 1;
		margin-top: -155px;
		padding-right: 40%;
	}

	.b8-design .b8-typography-container:first-child .b8-title,
	.b8-design .b8-typography-container:first-child .b8-description {
		color: #fff;
	}

	.b8-design .b8-typography-container:last-child  {
		order: -1;
		margin-top: -60px;
		padding-left: 40%;
	}

	.b8-design .b8-typography-container:last-child .b8-title,
	.b8-design .b8-typography-container:last-child .b8-description {
		color: #000;
	}
	/* section design end */
	
	
	/* section speakers */
	.b8-speakers::before {
		width: 768px;
	    -webkit-clip-path: polygon(95% 0%, 100% 0%, 100% 100%, -80% 100%);
	    clip-path: polygon(95% 0%, 100% 0%, 100% 100%, -80% 100%);
	}

	.b8-speakers .b8-typography-container {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	
	.b8-speakers .b8-media-figure {
		overflow: hidden;
		height: 400px;
	}

	.b8-speakers .b8-media-figure .b8-media {
		width: 85%;
		max-width: 480px;
	}


	.b8-speakers .b8-title {
		text-align: center;
	}
	/* section speakers end */


	/* section  emergency */
	.b8-emergency .b8-media-container {
		padding-bottom: 40px;
	}

	.b8-emergency .b8-typography-container {
		padding-top: 0;
		padding-bottom: 40px;
		text-align: center;
	}

	.b8-emergency .b8-media-figure {
		opacity: 1 !important;
		width: 320px;
		height: 440px;
		margin: 0 auto;
	}
	/* section  emergency end */
	

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


@media (max-width: 576px) {
	/* section design */
	.b8-design::before {
		-webkit-clip-path: polygon(1.5% 0%, 100% 0%, 100% 100%, 120% 100%);
		clip-path: polygon(1.5% 0%, 100% 0%, 100% 100%, 120% 100%);
	}

	.b8-design .b8-media-figure .b8-media {
        margin: -30px 110px;
    	transform: translateX(0) rotate(-45deg);
	}
	

	.b8-design .b8-typography-container:first-child {
		margin-top: -60px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.b8-design .b8-typography-container:last-child {
		margin-top: -20px;
		padding-left: 15px;
		padding-right: 15px;
	}
	/* section design end */

	
	/* section speakers */
	.b8-speakers::before {
	    -webkit-clip-path: polygon(120% 0%, 100% 0%, 100% 100%, -115% 100%);
	    clip-path: polygon(120% 0%, 100% 0%, 100% 100%, -115% 100%);
	}

	.b8-speakers .b8-media-figure {
		height: 350px;
	}
	/* section speakers end */
}


@media (max-width: 480px) {
	/* section display */
	.b8-display::before {
	    -webkit-clip-path: polygon(76% 0%, 100% 0%, 100% 100%, 15.5% 100%); 
	    clip-path: polygon(76% 0%, 100% 0%, 100% 100%, 15.5% 100%); 
	}

	.b8-display .b8-typography-container {
		padding-left: 15px;
		padding-right: 25%;
	}
	
	.b8-display .b8-media-figure {
	    height: 400px;
	}

	.b8-display .b8-media-figure .b8-media {
	    width: 645px;
	    height: 340px;
	}
	/* section display end */


	/* section design */
	.b8-design::before {
		-webkit-clip-path: polygon(10.5% 0%, 100% 0%, 100% 100%, 95% 100%);
		clip-path: polygon(10.5% 0%, 100% 0%, 100% 100%, 95% 100%);
	}
	
	.b8-design .b8-media-figure {
		margin: 15px auto 15px;
	}

	.b8-design .b8-media-figure .b8-media {
	    margin: 0 100px;
		transform: translateX(0) rotate(-29deg);
	}

	.b8-design .b8-typography-container:first-child {
		margin-top: 0;
		padding-left: 15px;
		padding-right: 15px;
	}

	.b8-design .b8-typography-container:last-child {
		margin-top: 20px;
	}
	/* section design end */

	
	/* section speakers */
	.b8-speakers::before {
	    -webkit-clip-path: polygon(80% 0%, 100% 0%, 100% 100%, -65% 100%);
	    clip-path: polygon(80% 0%, 100% 0%, 100% 100%, -65% 100%);
	}
	
	
	.b8-speakers .b8-typography-container {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.b8-speakers .b8-media-figure {
		height: 340px;
		margin: 0;
	}
	.b8-speakers .b8-media-figure .b8-media {
		max-width: 100%;
	}


	.b8-speakers .b8-description {
		text-align: left;
	}
	/* section speakers end */
}

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

	/* section  design */
	.b8-design::before {
	    -webkit-clip-path: polygon(12.5% 0%, 100% 0%, 100% 100%, 100% 100%);
    	clip-path: polygon(12.5% 0%, 100% 0%, 100% 100%, 100% 100%);
	}
	/* section  design end */

	

	/* section  speakers end */
	.b8-speakers::before {
	    -webkit-clip-path: polygon(80% 0%, 100% 0%, 100% 100%, -95% 100%);
    	clip-path: polygon(80% 0%, 100% 0%, 100% 100%, -95% 100%);
	}

	.b8-speakers .b8-media-figure {
		height: 280px;
	}
	/* section  speakers end */


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


@media (max-width: 350px) {
	/* section design */
	.b8-design::before {
	    -webkit-clip-path: polygon(13.5% 0%, 100% 0%, 100% 100%, 105% 100%);
    	clip-path: polygon(13.5% 0%, 100% 0%, 100% 100%, 105% 100%);
	}

	.b8-design .b8-media-figure .b8-media {
	    margin: 0 80px;
	}
	/* section design end */


	/* section speakers */
	.b8-speakers::before {
	    -webkit-clip-path: polygon(75% 0%, 100% 0%, 100% 100%, -85% 100%);
	    clip-path: polygon(75% 0%, 100% 0%, 100% 100%, -85% 100%);
	}

	.b8-speakers .b8-media-figure .b8-media {
		width: 100%;
	}
	/* section speakers end */
	

	/* section emergency end */
	.b8-emergency .b8-media-figure {
		width: 260px;
		height: 350px;
	}
	/* section emergency end */
}


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

	.b8-display {
		background: linear-gradient(to right,
	      #79328e 0%,
	      #79328e 50%,
	      #fece00 50%);
	}

	.b8-design {
		background: linear-gradient(to right,
	      #79328e 0%,
	      #79328e 90%,
	      #fece00 10%);
	}


	.b8-speakers {
		background: linear-gradient(to right,
	      #79328e 0%,
	      #79328e 90%,
	      #fece00 10%);
	}
}

@media (min-width: 1366px) {
	.b8-display {
		background: linear-gradient(to right,
	      #79328e 0%,
	      #79328e 50%,
	      #fece00 50%);
	}

	.b8-design {
		background: linear-gradient(to right,
	      #79328e 0%,
	      #79328e 80%,
	      #fece00 20%);
	}


	.b8-speakers {
		background: linear-gradient(to right,
	      #79328e 0%,
	      #79328e 80%,
	      #fece00 20%);
	}
}


@media (min-width: 1980px) {
	.b8-display {
		background: linear-gradient(to right,
	      #79328e 0%,
	      #79328e 50%,
	      #fece00 50%);
	}

	.b8-design {
		background: linear-gradient(to right,
	      #79328e 0%,
	      #79328e 75%,
	      #fece00 25%);
	}


	.b8-speakers {
		background: linear-gradient(to right,
	      #79328e 0%,
	      #79328e 75%,
	      #fece00 25%);
	}
}