@media all and (max-width: 991px){
	/* CAROUSEL *************************************************** */
	#carouselContainer .carousel-item .carousel-img{
		height: auto;
	}
	#carouselContainer .carousel-text{
		left: 20px;
	}
	#carouselContainer .carousel-indicators{
		top: initial;
		margin-left: 15%;
		justify-content: center;
	}

	/* SERVICES **************************************** */
	#services{
		padding-left: 10px;
		padding-right: 10px;
		position: static;
		z-index: 0;
	}

	/* CATEGORIES ********************************************* */
	#categories{
		padding: 50px 20px;
		padding-bottom: 0;
	}
	#categories .category{
		padding: 0;
		margin-bottom: 50px;
	}	
	#categories .category:not(.category:last-child){
		border-right: none;
	}
	#categories .category .text{
		padding-bottom: 20px;
	}

	/* ABOUT US ********************************************* */
	#about{
		padding: 50px 10px;
		padding-bottom: 0;
	}
	#about h2{
		font-size: 1.5rem;
	}

	/* TESTIMONIALS ************************************* */
	#testimonials{
		padding: 80px 10px;
	}
	#testimonials .testimonial{
		margin-right: 15px;
	}

	/* BLOG ************************************************** */
	#blog h2{
		font-size: 1.5rem;
	}
	#blog{
		padding-left: 30px;
		padding-right: 30px;
	}
	#blog .blog-post{
		margin-bottom: 20px;
	}

	/* PARTNERS *********************************************** */
	#partners{
		padding: 50px 3%;
	}
}

@media all and (max-width: 767px){
	/* HEADER STYLES ******************************************* */
	
	#carouselContainer .carousel-text{
		width: 100%;
		position: static;
		padding: 0 15px;
		margin-top: 15px;
	}
	#carouselContainer .carousel-text h4{
		color: #00a859;
		font-size: 1.3rem;
		font-weight: 600;
	}
	#carouselContainer .carousel-text p{
		font-size: 1rem;
		color:#222;
	}

	.carousel-indicators{
		margin-bottom: 0;
		bottom: -1.2rem;
	}
	.carousel-indicators [data-bs-target]{
		background-color: #555;
	}

	/* SERVICES **************************************** */
	#services{
		flex-direction: column;
		padding: 20px 10px;
		position: static;
		margin-top: 50px;
	}
	#services .service{
		width: 100%;
		margin-bottom: 15px;
		border-right: none !important;
	}

	/* BLOG ********************************************** */
	#blog .blog-post{
		margin-bottom: 20px;
	}
}

@media all and (max-width: 425px){
	#carouselContainer .carousel-text h4{
		font-size: 1.1rem;
	}
	#carouselContainer .carousel-text p{
		font-size: 0.9rem;
	}

	#about h2{
		font-size: 1.2rem;
	}
	#about p{
		font-size: 0.9rem;
	}

	#testimonials .testimonial blockquote{
		font-size: 0.9rem;
	}

	#blog h2{
		font-size: 1.2rem;
	}

	#blog .blog-post .title{
		font-size: 0.95rem;
	}
	#blog .blog-post .preview{
		font-size: 0.9rem;
	}
}