@media only screen and (max-width: 991px) {
	.carouselHead1, .carouselHead2, .carouselHead3 {
		font-size: 2.5rem;
	}
}


@media only screen and (max-width: 767px) {
	.carouselHead1, .carouselHead2, .carouselHead3 {
		font-size: 2rem;
	}
	.why-box {
		margin-bottom: 3rem;
	}
	.why-wrapper {
		-webkit-clip-path: polygon(0 0, 100% 0%, 100% 91%, 0% 100%);
    	clip-path: polygon(0 0, 100% 0%, 100% 91%, 0% 100%);
	}
	.cargo-wrapper {
		background: #248bd4;
	}
	.cargo-head {
		font-size: 1.5rem;
	}
	.cargo-box {
		margin-bottom: 3rem;
	}
	.complaince-box {
		margin-bottom: 3rem;
	}
}


@media only screen and (max-width: 575px) {
	.mainCarousel-caption1, .mainCarousel-caption2, .mainCarousel-caption3 {
		width: 100%;
		left: 0;
		right: 0;
	}
	.carouselHead1, .carouselHead2, .carouselHead3 {
		font-size: 1.5rem;
	}
	.mainCarousel-caption3 {
		bottom: 15%;
		transform: translateX(0);
	}
	.why-wrapper {
		-webkit-clip-path: none;
		clip-path: none;
	}
	.counter-wrap {
		margin-bottom: 2rem;
	}
}


@media only screen and (max-width: 425px) {
	.carouselHead1, .carouselHead2, .carouselHead3 {
		font-size: 1.15rem;
	}
	.mainCarousel-caption2 {
		left: 50%;
		transform: translateX(-50%);
	}
}