/* Tablet Devices (min-width: 541px and max-width: 1024px) */
@media only screen and (min-width: 541px) and (max-width: 1024px) {
	.tab_pad_left{
		    padding-left: calc(var(--bs-gutter-x) * .5) !important;
	} 
	section{
		padding:0px 25px;
	}
	.tab_pad_0{
		padding:0px 10px;
	}
	.resp_center{
		text-align:center !important;
	}
	.homebanner {
		background-attachment: scroll;
		background-position: center;
		min-height: 50vh !important; 
		margin-top: 87px !important; 
		background-size: cover !important; 
	}
	.homebanner, .about, .services, .ourproducts, .ourservices, .contact, .whychoosespecialtypowders, .suppliers {
		min-height: 50vh !important; 
	}
	h1 {
		font-size: 42px;
	}

	h2 {
		font-size: 32px;
	}

	.para {
		width: 80%;
		margin: 0 auto;
		text-align: center;
	}

	.navbar .navbar-nav {
		text-align: center;
	}

	.card-style {
		padding: 1.5rem;
	}

	.btn,
	.btn-secondary,
	.btn-tertiary {
		padding: 8px 24px;
	}

	.slider-1 {
		padding-top: 6rem;
		padding-bottom: 6rem;
	}
}


/* Mobile Devices (max-width: 540px) */
@media only screen and (max-width: 540px) {
	
	.homebanner {
		background-image: url('../assets/images/mobile_banner/home.jpg');
	}
	.about-hero {
		background-image: url('../assets/images/mobile_banner/aboutus-banner.jpeg');
	}
	.products-hero {
		background-image: url('../assets/images/mobile_banner/products-header.jpg');
	}
	.services-hero {
		background-image: url('../assets/images/mobile_banner/services-header.png');
	}
	.Certificates-hero {
		background-image: url('../assets/images/mobile_banner/Certificate Banner.jpg');
	}
	.Resource-hero {
		background-image: url('../assets/images/mobile_banner/resourcehub-header.png');
	}
	.Contact-hero {
		background: url('../assets/images/mobile_banner/contactus-header.jpeg');
	}
	.Privacy-hero {
		background: url('../assets/images/mobile_banner/Privacy Policy Banner.jpg');
	}
	.Terms-hero {
		background: url('../assets/images/mobile_banner/Terms and Conditions Banner.jpg');
	}
	.toast-container-top-center{
		width: 90% !important;
		transform: unset !important;
		left: 5% !important;
	}
	.mob_pad_left{
		    padding-left: calc(var(--bs-gutter-x) * .5) !important;
	} 
	section{
		padding:0px 10px;
	}
	.resp_center{
		text-align:center !important;
	}

	.mobile-text_left{
		text-align:left !important;
	}
	.mob_pad_0{
		padding:0px !important;
	}
	main {
		margin-top: 85px !important;
	}

	h1 {
		font-size: 25px;
		line-height: 1.3;
	}

	h2 {
		font-size: 24px;
		line-height: 1.3;
	}

	h3 {
		font-size: 20px;
	}

	p,
	.lead {
		font-size: 0.95rem;
		line-height: 1.6;
	}

	.para {
		width: 100%;
		padding: 0 1rem;
		text-align: center;
	}

	.navbar .navbar-toggler {
		font-size: 1.1rem;
	}

	.navbar .nav-link {
		padding: 0.5rem 0;
		font-size: 1rem;
	}

	.card-style {
		padding: 1rem;
		font-size: 0.95rem;
	}

	.services .card,
	.ourproducts .card {
		margin-bottom: 1.5rem;
	}

	.btn,
	.btn-secondary,
	.btn-tertiary {
		padding: 8px 20px;
		font-size: 0.875rem;
	}

	.homebanner {
		background-attachment: scroll;
		background-position: center;
		min-height: 60vh !important; 
		margin-top: 87px !important; 
		background-size: cover !important; 
	}

	.swiper-button-prev,
	.swiper-button-next {
		display: none;
	}

	.slider-1 {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}

	.testimonial-card {
		margin: 1rem auto;
	}

	#myBtn {
		width: 44px;
		height: 44px;
	}

	#myBtn img {
		width: 16px;
	}

	.footer,
	.contactblock {
		padding: 1rem;
		font-size: 0.9rem;
	}

	.navbar .dropdown-menu {
		font-size: 0.875rem;
	}

	.ex-header h1 {
		font-size: 26px;
		text-align: center;
	}

	.form-control-input,
	.form-control-textarea {
		padding-left: 1rem;
		padding-top: 0.65rem;
		padding-bottom: 0.65rem;
		font-size: 0.875rem;
	}

	.w-70 {
		width: 100% !important;
	}
}


/* Base Style for All Images */
img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* Image containers for product/service cards */
.card img,
.card-style img {
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: 0.5rem;
}

/* Prevent background-attachment on mobile (performance & compatibility) */
@media only screen and (max-width: 540px) {
	.home {
		background-attachment: scroll;
	}
}

/* Responsive tweaks for tablet devices */
@media only screen and (min-width: 541px) and (max-width: 1024px) {

	.card img,
	.card-style img {
		border-radius: 0.5rem;
	}

	.plantlocations .card-img-top {
		height: 180px;
		object-fit: cover;
	}
}

/* Responsive tweaks for mobile devices */
@media only screen and (max-width: 540px) {

	.card img,
	.card-style img {
		border-radius: 0.5rem;
	}

	.plantlocations .card-img-top {
		height: 150px;
		object-fit: cover;
	}

	.testimonial-card img,
	.slider-1 .card-image,
	.slider-1 .avatar {
		width: 60px !important;
		height: 60px !important;
	}
}


/* Tablet responsiveness */
@media only screen and (min-width: 541px) and (max-width: 1024px) {
	.headeroverlay {
		padding: 80px 40px;
	}

	.headeroverlay h2 {
		font-size: 1.5rem;
	}
}

/* Mobile responsiveness */
@media only screen and (max-width: 540px) {
	.headeroverlay {
		padding: 60px 20px;
		position: absolute;
		height: 100%;
		top: 0;
		left: 0;
		text-align: center;
	}

	.headeroverlay h2 {
		font-size: 1.2rem;
		line-height: 1.6;
	}
}


.splogo {
	height: 100px;
	transition: height 0.3s ease;
}

@media only screen and (max-width: 1024px) {
	.splogo {
		height: 80px;
	}
}

@media only screen and (max-width: 540px) {
	.splogo {
		height: 60px;
	}
}

.opencloseicon {
	font-size: 1.5rem !important;
}
.offcanvas .nav-link{
	text-align:left !important;
}