/* For extra small devices (portrait phones, less than 576px) */
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl {
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
    max-width: 1200px;

}
.table-container-top {
      min-height: 675px;
    }

    .title {
      color: #5CA62D;
      font-size: 24px;
    }

/* Small devices (≥576px) */
@media (min-width: 576px) {

	.container,
	.container-sm {
		max-width: 540px;
	}
}

/* Medium devices (≥768px) */
@media (min-width: 768px) {

	.container,
	.container-sm,
	.container-md {
		max-width: 720px;
	}
}

/* Large devices (≥992px) */
@media (min-width: 992px) {

	.container,
	.container-sm,
	.container-md,
	.container-lg {
		max-width: 960px;
	}
}

/* Extra large devices (≥1200px) */
@media (min-width: 1200px) {

	.container,
	.container-sm,
	.container-md,
	.container-lg,
	.container-xl {
		max-width: 1400px;
	}
}

/* Custom large screens between 1200px and 100px */
@media (min-width: 1200px) and (max-width: 1400px) {

	.container,
	.container-sm,
	.container-md,
	.container-lg,
	.container-xl {
		max-width: 1302px !important;
	}
}

/* Ultra-wide screens (≥1701px) */
@media (min-width: 1701px) {

	.container,
	.container-sm,
	.container-md,
	.container-lg,
	.container-xl {
		max-width: 1720px !important;
	}
}


@media(max-width:1899px) {

	/* .main-logo {
	    top: 39.5%;
	} */
	.main-logo img {
		width: 95px;
	}

	.deliver-to .loction-pin .pin-data p {
		font-size: clamp(14px, 1vw, 16px);
	}

	.deliver-to .loction-pin .pin-data {
		margin-left: 3px;
	}

	.search-detail .form-box input {
		padding: 10px 10px;
	}

	.search-detail .form-box input::placeholder {
		font-size: clamp(12px, 0.8vw, 16px);
	}

	.search-detail .form-box {
		width: 65%;
	}
	
	.account p {
		font-size: clamp(14px, 1vw, 18px);
	}

	.category-menu-outer .category-menu-btn p {
		font-size: clamp(14px, 1vw, 18px);
	}

	.main-navbar .navbar-nav li.nav-item {
		margin: 0 15px;
	}

	header .navbar-nav .nav-item .nav-link,
	header .right-nav .nav-item .nav-link {
		font-size: clamp(13px, 1vw, 15px);
	}

	.request-qout a {
		font-size: clamp(13px, 0.95vw, 14px);
	}

	.right-qoutaion:after {
		height: 40px;
	}

	.category-menu-outer ul.dropdown-menu {
		top: 58px;
	}

	.mega-menu-outer .sub-menu .sub-menu-data {
		grid-template-columns: auto auto auto auto auto;
		gap: 15px 15px;
	}

	.mega-menu-outer {
		top: 58px;
	}

	.mega-menu-outer .sub-menu .sub-menu-data .inner-sab-menu p {
		font-size: clamp(16px, 1.2vw, 18px);
		margin-top: 5px;
	}

	.mega-menu-outer .sub-menu h5 {
		font-size: clamp(18px, 1.4vw, 20px);
		margin-bottom: 15px;
	}

	.mega-menu-outer .sub-menu .sub-menu-data .inner-sab-menu {
		width: 130px;
		text-align: center;
	}

	.left-content-hero {
		padding-right: 0;
	}

	.left-content-hero h6 {
		font-size: clamp(16px, 1.2vw, 18px);
		line-height: 25px;
	}

	.left-content-hero p {
		font-size: clamp(14px, 1.05vw, 16px);
		margin-bottom: 30px;
	}

	.hero-btn .common-btn {
		font-size: clamp(16px, 1.2vw, 18px);
		padding: 13px 40px;
	}

	.title h2 {
		font-size: clamp(20px, 1.8vw, 24px);
	}

	.country h4 {
		font-size: clamp(14px, 1.05vw, 16px);
	}

	.btn-smore {
		font-size: clamp(13px, 0.95vw, 14px);
	}

	.btn-smore img {
		width: 20px;
	}

	.Grocery h4 {
		font-size: clamp(14px, 1.05vw, 16px);
	}

	.point-part3 div p {
		padding-right: 0;
		font-size: clamp(13px, 0.95vw, 14px);
	}

	.point-part3 {
		grid-gap: 10px;
	}

	.Grocery figure {
		width: 120px;
		min-height: 120px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.Grocery figure img {
		max-width: 100px;
	}

	.tb-equal {
		padding: 25px 0px;
	}

	.Products .item h4 {
		font-size: 16px !important;
		margin-bottom: 10px;
	}

	.price span {
		font-size: clamp(14px, 1.05vw, 16px);
	}
	.years{
		font-size: clamp(13px, 0.95vw, 14px);
	}
	.pt-none {
		padding-top: 0px !important;
	}

	.grid-col-3 {
		row-gap: 20px;
	}

	.ads-organic {
		padding: 15px;
	}

	.ads-organic h2 {
		margin-bottom: 28px;
		font-size: clamp(22px, 2vw, 26px);
		margin-top: 16px;
	}

	.shop-add-sec {
		padding-top: 0;
		padding-bottom: 20px;
	}

	.section-heading h2 {
		font-size: clamp(28px, 2.8vw, 34px);
	}

	.work-data-center:after {
		width: 120px;
		left: 365px;
	}

	.work-data-center:before {
		top: 30%;
		width: 120px;
		right: 365px;
	}

	.inner-how-it-work .it-work-data {
		text-align: center;
		padding: 0 20px;
	}

	.inner-how-it-work .it-work-data h3 {
		font-size: clamp(18px, 1.4vw, 20px);
		margin: 25px 0 10px 0;
	}

	.inner-how-it-work .it-work-data p {
		font-size: 16px;
		line-height: 23px;
	}

	.inner-choose .choose-data {
		padding: 18px 11px;
		border-top-left-radius: 50px;
	}

	.inner-choose .choose-data h6 {
		font-size: clamp(13px, 0.95vw, 14px);
		margin-bottom: 5px;
	}

	.inner-choose .choose-data img {
		margin-bottom: 10px;
		width: 80px;
	}

	.app-inner .app-text h2 {
		font-size: 40px;
		margin-bottom: 32px;
	}

	.app-inner .app-text .app-pay {
		margin-top: 45px;
	}

	.py-100 {
		padding: 70px 0;
	}

	.inner-delivery .delivery-content {
		padding-right: 0px;
	}

	.inner-delivery .delivery-content .deli-data p {
		font-size: clamp(14px, 1.05vw, 16px);
	}

	.inner-delivery .delivery-content .deli-data h6 {
		font-size: clamp(16px, 1.2vw, 18px);
		margin-bottom: 10px;
	}

	.footer-discrtiption p {
		font-size: clamp(14px, 1.05vw, 16px);
	}

	.footer-input .Subscribe-btn {
		font-size: clamp(11px, 0.8vw, 12px);
		padding: 10px 10px;
	}

	.footer-input .form-control {
		padding: 11px 15px;
	}

	.footer-input input::placeholder {
		font-size: clamp(13px, 0.95vw, 14px);
	}

	.footer-links h4 {
		font-size: clamp(20px, 1.8vw, 24px);
	}

	.footer-links ul li a {
		font-size: clamp(14px, 1.05vw, 16px);
		line-height: 40px;
	}

	.footer-links {
		padding-left: 10px;
	}

	.footer-store-badges {
		margin-top: 20px;
	}

	.footer-links p {
		font-size: clamp(14px, 1.05vw, 16px);
		line-height: 28px;
	}

	.footer-store-badges img {
		width: 110px;
	}

	.footer-store-badges img:last-child {
		margin-left: 5px;
	}

	.top-footer {
		padding-bottom: 40px;
	}

	.copy-right-text p {
		font-size: clamp(13px, 0.95vw, 14px);
		line-height: 28px;
	}

}

@media(max-width:991px) {
	.main-logo {
		position: relative;
		top: unset;
		transform: unset;
		z-index: 9;
		margin: 0;
	}

}

@media (min-width: 768px) and (max-width: 991px) {}

@media screen and (max-width:991px) {
	.title.grid {
		grid-template-columns: auto !important;
		grid-gap: 15px;
		justify-items: center;
	}
	.title.green{
		grid-template-columns: auto !important;
	} 

	.title.green h2 {
		display: grid;
		text-align: center;
	}

	.title.green h2:after {
		margin: auto;
		margin-top: 15px;
	}

	.smart-row {
		display: grid !important;
		grid-gap: 25px;
	}

	.point-part3 div p {
		padding-right: 0px;
	}

	.grid-auto {
		grid-template-columns: auto !important;
		grid-gap: 5px;
		justify-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.grid-col-3 {
		grid-template-columns: repeat(1, 1fr);
		padding: 0px 1px;
	}

	.rated {
		margin-top: 22px;
		margin-bottom: 10px;
		
	}

	.title.grid {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.owl-one.arrow .owl-nav button.owl-prev {
		left: 20px;
	}

	.owl-one.arrow .owl-nav button.owl-next {
		right: 20px;
	}

	.smart-row-center {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.cart-box.arrow-top .owl-nav {
		position: static;
		transform: none;
		margin-top: 20px;
		justify-content: center;
		width: auto;
	}

	.point-part3:after {
		display: none;
	}

	.grid-col-3 {
		row-gap: 20px;
	}

}

@media (min-width: 320px) and (max-width: 480px) {
	.Grocery figure {
		min-height: 140px;
		width: auto;
	}
}









@media (max-width: 575.98px) {
	.top-bar-social ul {
		justify-content: center;
		/* Already centered, can adjust spacing if needed */
		margin-top: 10px;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
	.top-bar-social ul {
		justify-content: center;
		margin-top: 10px;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
	.top-bar-social ul {
		justify-content: center;
		/* Optional: align left for wider view */
		margin-top: 10px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	.top-bar-social ul {
		justify-content: center;
		/* Right-align on large screens */
		margin-top: 10px;
	}
}



/* Product layout style one css end */

@media (min-width: 992px) and (max-width: 1199px) {
	.col-grid-3 {
		grid-template-columns: repeat(3, 1fr);
	}

	.category-list .category-item {
		font-size: 15px;
	}

	.box-filter h3 {
		font-size: 16px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.col-grid-3 {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 991px) {
	.row-md-gap {
		display: grid !important;
		row-gap: 40px !important;
	}

	.row-sm-gap {
		display: grid !important;
		row-gap: 20px !important;
	}
}

@media (max-width: 767px) {
	.col-grid-3 {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 320px) and (max-width: 480px) {
	.col-grid-3 {
		grid-template-columns: repeat(1, 1fr);
	}

	.category-banner {
		height: 320px;
	}

	.category-banner h2 {
		font-size: 38px;
	}

}