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

	/* Check 1367px and add css here */
}

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

	/* Check 1200px and add css here */
}

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

	/* Check 1025px and add css here */
}

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

	.header-wrapper .nav-bar nav.elementor-nav-menu--dropdown {
		position: fixed !important;
		bottom: 0;
		top: initial !important;
		left: 0% !important;
		width: 100% !important;
		height: calc(100% - 90px) !important;
		padding: 0 30px;
		transition: all 0.3s;
		overflow: auto;
		margin: 0 !important;
	}

	/* Check 768px and add css here */
}

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

	.cf7-flex {
		flex-direction: column;
	}

	.cf7-flex .half {
		width: 100%;
	}

	.wpcf7 .row {
		flex-wrap: wrap;
	}

	.wpcf7 .column {
		width: 100%;
	}

	.notfound-content {
		padding: 12vw 0;
	}

	/* Check 480px and add css here */
}

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

	/* Check 375px and add css here */
}

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

	/* Check 320px and add css here */
}

/* ==========================================
GLOBAL RESPONSIVE CONTAINERS
========================================== */

/* 1920px to 1367px = 1240px */
@media only screen and (min-width: 1367px) {
	.top-bar-container, .header-container, .footer-container, .footer-bottom-container,
	.global-brands-container, .home-hero-container, .home-categories-container,
	.home-featured-products-container, .home-curated-bundles-container, .bundles-grid,
	.home-bundles-container, .home-faq-container, .brands-hero-content, .brands-section-container,
	.contact-hero-content, .contact-body-container, .faqs-hero-content, .faqs-body-container,
	.shop-page-container, .about-hero-container, .about-story-container, .about-mission-container,
	.about-why-container, .about-approach-container,
	.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout,
	.woocommerce-cart .woocommerce, .woocommerce-checkout .woocommerce,
	.woocommerce-account.logged-in .woocommerce, .woocommerce-account.logged-out .u-columns.col2-set,
	.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide ,
	.shop-banner-content,
	.pdp-container, .pdp-tabs-inner, .pdp-recommended-section, .pdp-faqs-container{
		max-width: 1240px !important;
		width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

/* 1366px to 1200px = 1121px */
@media only screen and (min-width: 1200px) and (max-width: 1366px) {
	.top-bar-container, .header-container, .footer-container, .footer-bottom-container,
	.global-brands-container, .home-hero-container, .home-categories-container,
	.home-featured-products-container, .home-curated-bundles-container, .bundles-grid,
	.home-bundles-container, .home-faq-container, .brands-hero-content, .brands-section-container,
	.contact-hero-content, .contact-body-container, .faqs-hero-content, .faqs-body-container,
	.shop-page-container, .about-hero-container, .about-story-container, .about-mission-container,
	.about-why-container, .about-approach-container,
	.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout,
	.woocommerce-cart .woocommerce, .woocommerce-checkout .woocommerce,
	.woocommerce-account.logged-in .woocommerce, .woocommerce-account.logged-out .u-columns.col2-set,
	.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide,
	.shop-banner-content,
	.pdp-container, .pdp-tabs-inner, .pdp-recommended-section, .pdp-faqs-container{
		max-width: 1121px !important;
		width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

/* 1199px to 1025px = 940px */
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
	.top-bar-container, .header-container, .footer-container, .footer-bottom-container,
	.global-brands-container, .home-hero-container, .home-categories-container,
	.home-featured-products-container, .home-curated-bundles-container, .bundles-grid,
	.home-bundles-container, .home-faq-container, .brands-hero-content, .brands-section-container,
	.contact-hero-content, .contact-body-container, .faqs-hero-content, .faqs-body-container,
	.shop-page-container, .about-hero-container, .about-story-container, .about-mission-container,
	.about-why-container, .about-approach-container,
	.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout,
	.woocommerce-cart .woocommerce, .woocommerce-checkout .woocommerce,
	.woocommerce-account.logged-in .woocommerce, .woocommerce-account.logged-out .u-columns.col2-set,
	.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide,
	.shop-banner-content,
	.pdp-container, .pdp-tabs-inner, .pdp-recommended-section,.pdp-faqs-container{
		max-width: 940px !important;
		width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

/* 1024px then both side 30px padding */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.top-bar-container, .header-container, .footer-container, .footer-bottom-container,
	.global-brands-container, .home-hero-container, .home-categories-container,
	.home-featured-products-container, .home-curated-bundles-container, .bundles-grid,
	.home-bundles-container, .home-faq-container, .brands-hero-content, .brands-section-container,
	.contact-hero-content, .contact-body-container, .faqs-hero-content, .faqs-body-container,
	.shop-page-container, .about-hero-container, .about-story-container, .about-mission-container,
	.about-why-container, .about-approach-container,
	.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout,
	.woocommerce-cart .woocommerce, .woocommerce-checkout .woocommerce,
	.woocommerce-account.logged-in .woocommerce, .woocommerce-account.logged-out .u-columns.col2-set,
	.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide ,
	.shop-banner-content,
	.pdp-container, .pdp-tabs-inner, .pdp-recommended-section, .pdp-faqs-container{
		max-width: 100% !important;
		width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 30px !important;
		padding-right: 30px !important;
		box-sizing: border-box !important;
	}
}

/* 767px padding 20px */
@media only screen and (max-width: 767px) {
	.top-bar-container, .header-container, .footer-container, .footer-bottom-container,
	.global-brands-container, .home-hero-container, .home-categories-container,
	.home-featured-products-container, .home-curated-bundles-container, .bundles-grid,
	.home-bundles-container, .home-faq-container, .brands-hero-content, .brands-section-container,
	.contact-hero-content, .contact-body-container, .faqs-hero-content, .faqs-body-container,
	.shop-page-container, .about-hero-container, .about-story-container, .about-mission-container,
	.about-why-container, .about-approach-container,
	.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout,
	.woocommerce-cart .woocommerce, .woocommerce-checkout .woocommerce,
	.woocommerce-account.logged-in .woocommerce, .woocommerce-account.logged-out .u-columns.col2-set,
	.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide,
	.shop-banner-content,
	.pdp-container, .pdp-tabs-inner, .pdp-recommended-section, .pdp-faqs-container{
		max-width: 100% !important;
		width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		box-sizing: border-box !important;
	}
}



/* GLOBAL FONT */

@media only screen and (max-width: 1366px) {
	h1{
		font-size:40px !important;
	}
}
@media only screen and (max-width: 1199px){
	h1 {
		font-size: 36px !important;
	}
	h2 {
		font-size: 28px !important;
	}
}
@media only screen and (max-width: 1024px) {
	h1 {
		font-size: 32px !important;
	}
	h2 {
		font-size: 24px !important;
	}
}
@media only screen and (max-width: 767px) {
	h1 {
		font-size: 28px !important;
		letter-spacing: 0px !important;
	}
	h2 {
		font-size: 20px !important;
			letter-spacing: 0px !important;
	}
	
	p{
		    font-size: 16px;
    line-height: 146%;
	}
}

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

	h1 {
		font-size: 24px !important;
	}

}