@media only screen and (max-width: 1920px) and (min-width: 1500px) {
	.container {
		max-width: 1445px;
	}
}

@media only screen and (max-width: 1600px) {
	.menuWrap .menu {
		width: 70%;
		gap: 1rem;
	}

	.form-inline {
		gap: 1rem;
	}

	.flavorBox {
		max-width: 100%;
	}

	.secHeading {
		font-size: 3rem;
	}

	.reviewWraps h3 {
		width: 100%;
	}

	.footFlex ul {
		gap: 8px;
	}

	.footFlex {
		gap: 8px;
	}

	.footFlex ul li a {
		font-size: 14px;
	}

	.footFlex img {
		width: 200px;
	}

	.tabsPack2 a {
		padding: 6px 1em;
	}

	.shopHeadings h2 {
		margin: 2rem 0;
	}

	.shopInner .productBox {
		margin-bottom: 1rem;
	}

	.detailOneContent {
		margin: 0;
	}

	.contactinnerContent p br {
		display: none;
	}
	
	.defpage {
    padding: 0 0 !important;
}
}

@media only screen and (max-width: 1445px) {}

@media only screen and (max-width: 1366px) {
	html {
		font-size: 15px;
	}

}

@media (max-width: 1199.98px) {
	html {
		font-size: 14px;
	}

	.bannerContent h1 {
		font-size: 2.2rem;
	}

	.flavorBox {
		padding: 1rem 1rem;
	}

	.flavorBox h2 {
		font-size: 2.5rem;
	}

	.marqueSec {
		padding: 2rem 0;
	}

	.findSec {
		padding: 5rem 0;
	}

	.tabsPack {
		gap: 1rem;
	}

	.productContent {
		padding: 1rem 1rem;
	}

	.ingredientWraps img {
		width: 180px;
	}

	.ingredientWraps {
		margin-top: 2rem;
	}

	.ingredientSec,
	.shopSec {
		padding: 5rem 0;
	}

	.shopContent h2 {
		font-size: 2rem;
	}

	.shopContent p {
		width: 90%;
	}

	.shopContent {
		padding: 2rem 0;
	}

	.reviewSec {
		padding: 3rem 0 2.5rem 0;
	}

	.footFlex {
		flex-direction: column;
		align-items: end;
	}

	.socialLinks {
        margin-top: 0;
    }

	.footerLogo h2 {
		width: 100%;
		margin: 1rem 0;
	}

	.footerLogo input {
		width: 100%;
	}

	footer {
		padding-top: 3rem;
	}

	.detailfiveSec {
		height: 500px;
	}

	.detailfiveContent {
		height: 380px;
	}

	.detailsixLines {
		padding: 1.5rem 0;
	}

	.detailsevenWraps figure img {
		width: 100px;
	}

	.detailsevenWraps p {
		width: 100%;
	}

	.detailsevenSec {
		padding: 3rem 0;
	}

	.detailsevenWraps {
		margin-top: 1rem;
	}

	.detailseveLines {
		top: 2.5rem;
	}

	.aboutInnerTwo {
		height: 500px;
	}
}

@media (max-width: 991.98px) {
	html {
		font-size: 13px;
	}

	.main-header {
		padding: 0;
	}

	.menuWrap .menu a {
		padding: 10px 10px;
	}

	.main-header {
		position: relative;
	}

	.menu-Bar {
		display: block;
		top: 50%;
		bottom: initial;
		transform: translateY(-50%);
		right: 3rem;
	}

	.menuWrap.open {
		display: flex;
		left: 0px
	}

	.menuWrap {
		position: fixed;
		left: -210%;
		right: 0;
		top: 0;
		margin: auto;
		background: var(--primary);
		height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center !important;
		flex-flow: column;
		transition: all 0.4s ease;
		z-index: 3;
		width: 100vw
	}

	ul.menu li {
		display: block
	}

	ul.menu li a {
		padding: 0;
		display: block;
		text-align: center;
		color: #fff;
	}

	.menuWrap .menu {
		display: block;
		width: unset;
	}

	.menu>li.dropitem:hover>.dropdownHover {
		z-index: 1;
		left: -4rem;
	}

	.form-inline {
		flex-direction: column;
		gap: 0;
	}

	.form-inline a {
		color: var(--white);
		font-size: 1rem;
		padding: 10px 10px;
	}

	.banImg {
		margin: 0;
	}

	.bannerContent h1 {
		font-size: 2rem;
	}

	.bannerContent span {
		font-size: 1.125rem;
	}

	.bannerContent p {
		font-size: 1.125rem;
	}

	.banDiscription {
		max-width: 100%;
		padding: 1rem 1rem;
	}

	.tabsPack {
		margin: 1rem 0;
	}

	.productBox {
		margin-top: 1rem;
	}

	.secHeading {
		font-size: 2.5rem;
	}

	.findSec {
		padding: 4rem 0;
	}

	.ingredientWraps img {
		width: 150px;
	}

	.reviewWraps h3 {
		font-size: 1.125rem;
	}

	.blogContent h3 {
		font-size: 1.125rem;
	}

	.blogContent p {
		margin: 1rem 0;
	}

	.dropdownHover>li a {
		font-size: 1rem;
	}

	.shopHeadings p br {
		display: none;
	}

	.tabsPack2 a {
		padding: 6px 0.5em;
		font-size: 12px;
	}

	.catWraps input {
		width: 15px;
		height: 15px;
	}

	.shopLeftBar {
		position: unset;
		top: 0;
	}

	.shoptwoContent h2 {
		font-size: 1.75rem;
	}

	.shopinnerTwo {
		padding: 4rem 0;
	}

	.shopinnerFour {
		padding: 3rem 0px;
	}

	.shopfourWraps {
		margin-top: 2rem;
	}

	.shopfourWraps p {
		width: 100%;
	}

	.productSize ul li a {
		width: 150px;
		height: 40px;
	}

	#flavorSelect {
		padding: 12px 30px 12px 1.5625rem;
	}

	.radioFlex {
		height: 45px;
	}

	a.cardsBtns {
		width: 55%;
	}

	.detailOneContent p {
		width: 100%;
	}

	.productSize span,
	.productFlavor span,
	.shippingMethond span {
		margin: 1rem 0 0.75rem 0;
	}

	.detailtwoImages img {
		width: 80px;
	}

	.detailtwoBox .detailtwoImages {
		padding-top: 1rem;
	}

	.detailtwoBox p {
		margin-bottom: 1.5rem;
	}

	.detailtwoAccordian {
		margin: 0;
	}

	.detailtwoSec {
		padding-bottom: 3rem;
	}

	.detailthreeHeading h2 {
		font-size: 1.75rem;
	}

	.detailthreeHeading p {
		width: 100%;
	}

	.detailthreeWraps+.detailthreeWraps {
		margin-top: 1rem;
	}

	.detailthreeSec {
		padding: 3rem 0;
	}

	.detailfourProducts {
		margin-bottom: 1rem;
	}

	.detailfourHeading {
		margin-bottom: 1rem;
	}

	.detailfourSec,
	.detailsixSec {
		padding: 3rem 0;
	}

	.detailfiveSec {
		height: 400px;
	}

	.detailfiveContent {
		height: 300px;
	}

	.detailsixHeading h2 {
		margin-bottom: 1.5rem;
	}

	.detailsixStars a {
		width: 240px;
	}

	.detailsevenWraps figure img {
		width: 80px;
	}

	.offcanvas {
		width: 300px;
	}

	.contactInfo {
		margin: 1rem 0;
	}

	.contactBox {
		margin: 1rem 0;
	}

	.contactinnerContent h2 {
		font-size: 2.5rem;
		margin-bottom: 1rem;
	}

	.marqueWraps h5 img {
		width: 70px;
	}

	.abtContent h2 {
		font-size: 2rem;
	}

	.aboutInnerTwo {
		height: 400px;
	}

	.teamContent h3 {
		font-size: 18px;
	}

	.teamWrap {
		margin-top: 1rem;
	}
	
	footer h3 {
    white-space: nowrap;
    font-size: 1.125rem;
    }
    
    .menu>li.dropitem:hover>.dropdownHover {
    left: -5.5rem;
}

ul.dropdownHover li a {
    color: var(--black);
}

}

@media (max-width: 767.98px) {
	html {
		font-size: 12px;
	}

	.bannerContent {
		margin: 0;
	}

	.flavorBox {
		margin: 0;
	}

	.secHeading {
		font-size: 2rem;
	}

	.ingredientSec,
	.shopSec {
		padding: 4rem 0;
	}

	.ingredientWraps img {
		width: 130px;
	}

	.shopBox {
		margin-bottom: 1rem;
	}

	.reviewWraps figure img {
		width: 60px;
	}

	.reviewWraps figure {
		margin-bottom: 1rem;
	}

	.reviewWraps h3 {
		margin: 1rem 0;
	}

	.blogWraps figure img {
		width: 100%;
	}

	.blogWraps {
		margin-bottom: 1rem;
	}

	.footerLogo a img {
		width: 200px;
	}

	footer h3 {
		font-size: 1.3rem;
		margin: 1.5rem 0 1rem 0;
	}

	.links li a {
		font-size: 1rem;
	}

	.socialLinks {
		justify-content: left;
		margin: 1.5rem 0 0 0;
	}

	.footFlex {
		align-items: baseline;
		margin-top: 8px;
	}

	.copyRight {
		margin-top: 1rem;
	}

	.copyRight p,
	.copyRight ul li a {
		font-size: 1.125rem;
	}

	.footerLogo input {
		height: 40px;
	}

	.tabsPack2 {
		flex-flow: wrap;
	}

	.tabsPack2 a {
		padding: 6px 1em;
	}

	.shopHeadings h2 {
		margin: 1rem 0;
	}

	.shopsSliderss {
		margin: 1rem 0 0 0;
	}

	.detailOneContent {
		margin-top: 1rem;
	}

	.detailoneSec {
		padding: 2rem 0 2rem 0;
	}

	.detailtwoBox {
		margin-bottom: 1rem;
	}

	.detailthreeWraps {
		margin-top: 1rem !important;
	}

	.detailthreeWraps+.detailthreeWraps {
		margin: 0;
	}

	.detailfourHeading h2 {
		font-size: 2rem;
	}

	.detailfourProducts figure {
		margin: 10px 0;
	}

	.detailfiveSec {
		height: 350px;
	}

	.detailfiveContent {
		height: 250px;
	}

	.detailsixRight {
		margin-top: 1rem;
	}

	.detailsixRight p {
		margin: 0;
	}

	.detailseveLines {
		display: none;
	}

	.contactSec {
		padding: 3rem 0 3rem 0;
	}

	.contactinnerContent h2 {
		font-size: 2rem;
	}

	.contactinnerContent input {
		height: 40px;
		margin-bottom: 1rem;
	}

	.contactBox textarea {
		height: 150px;
	}

	.contactBox input,
	.contactBox select {
		height: 40px;
	}

	.contactInfo {
		height: auto;
	}

	.googleMap iframe {
		height: 350px;
	}

	.contactHeading p br {
		display: none;
	}

	.abtContent {
		margin-top: 1rem;
	}

	.abtContent ul {
		margin: 1rem 0;
	}
	
	.detailWrp img {
    margin-bottom: 1rem !important;
}
}

@media (max-width: 575.98px) {

	.banDiscription {
		margin-top: 1rem;
	}

	.banImg {
		margin-bottom: 1rem;
	}

	.tabsPack {
		flex-flow: wrap;
	}

	.findSec {
		padding: 3rem 0;
	}

	.secHeading br {
		display: none;
	}

	.ingredientSec,
	.shopSec {
		padding: 3rem 0;
	}

	.blogSec .secHeading {
		margin-bottom: 1rem;
	}

	.shopinnerTwo {
		padding: 3rem 0;
	}

	.shopfourWraps {
		margin-top: 1rem;
	}

	.detailfiveContent h2 {
		font-size: 2rem;
	}

	.detailsixStars a {
		width: 190px;
	}

	.detailsixStars {
		flex-direction: column;
		align-items: baseline;
		margin-bottom: 12px;
	}

	.detailsixHeading h2 {
		margin-bottom: 1rem;
	}

	.detailfourSec,
	.detailsixSec {
		padding: 2rem 0;
	}

	.detailsevenSec h2 {
		font-size: 2rem;
	}

	.detailsevenWraps span {
		width: 30px;
	}

	.detailsevenPara p {
		font-size: 1rem;
		margin: 1rem 0;
	}

	.contactHeading h2 {
		font-size: 2rem;
	}

	.contactHeading p {
		font-size: 1rem;
	}

	.contactBox {
		padding: 2rem 1rem;
	}

	.contactBox p {
		font-size: 1rem;
	}

	.contactBox p br {
		display: none;
	}

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

	.marqueWraps h5 img {
		width: 50px;
	}

	.abttwoContent h2 {
		font-size: 2rem;
	}

	section.termSect {
		padding: 3rem 0;
	}

	.fatCalculator table th {
		padding: 1rem 1rem;
	}

	.fatCalculator {
		margin: 1rem 0 2rem 0;
	}
	
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
    width: 100%;
    margin-bottom: 0rem;
}
}

@media (max-width: 320.98px) {}