@media (min-width: 1500px) and (max-width: 1900px) {
.product-slider { margin-left: 6%; }
}
 @media (min-width: 1200px) and (max-width: 1399px) {
.container { width: 1200px; }
.rod-title { font-size: 4em; }
.header { top: 8%; }
.banner-content { width: 70%; }
.banner-content .rod-title { font-size: 3em; }
.categories-slider .slick-slide { height: 170px; }
.featured-brands .slick-slide img { width: 140px; }
.product-slider { margin-left: 5%; }
.cat { font-size: 1em; }
}
 @media (min-width: 993px) and (max-width: 1199px) {
html { font-size: 90%; }
.container { width: 86%; }
.header .container-flex { align-items: center; justify-content: space-between; width: 100%; }
.rod-title { font-size: 3em; }
.logo img { width: 170px; }
.header { width: 90%; top: 60px; }
.rod-menu ul li a { margin: 0 9px; }
.login-cart ul li { padding: 0 8px; }
.banner .slick-slide img { height: 560px; object-fit: cover; }
.banner-content { width: 80%; }
.banner-content .rod-title { font-size: 2.6em; line-height: 46px; }
.deals { padding: 5em 0 5em 0; }
.deals .container { width: 80%; }
.deals-slider { margin-top: 2em; padding: 0 4em; }
.categories p,
 .featured-brands p { width: 80%; }
.categories p:after,
 .categories p:before,
 .featured-brands p:after,
 .featured-brands p:before { width: 120px; }
.categories-slider .slick-slide img { width: 70px; height: auto; }
.categories-slider .slick-slide { margin: 3.5em 0.8em 5em 0.8em; height: 114px; }
.categories-slider .slick-slide h3 { font-size: 1.5em; margin-top: 30px; }
.featured-brands .slick-slide img { width: 140px; }
.product-slider { margin-left: 5%; }
.cat { font-size: 1em; }
.cta .rod-title { font-size: 3em; }
.cta p { width: 100%; margin: 20px auto 20px auto; }
.rod-btn { padding: 10px 19px; font-size: 1em; }
.banner-content p { font-size: 1em; line-height: 26px; }
.featured-brands .slick-slide { margin: 0em 1em 0em 1em; }
.featured-brands span { width: 100%; font-size: 1em; }
.product-slider .slick-next { right: 14%; }
.accordion-title { font-size: 1.3em; line-height: 27px; }
.footer-menu { margin: 3em 0 3em 0; }
}
 @media (min-width: 768px) and (max-width: 992px) {
html { font-size: 90%; }
.container,
 .deals .container { width: 90%; }
.rod-title { font-size: 2.5em; }
.logo img { width: 170px; }
.header { width: 90%; top: 6%; }
.banner-content { width: 90%; }
.banner .slick-slide img { height: 520px; object-fit: cover; }
.banner-content .rod-title { font-size: 2.3em; }
.banner-content p { font-size: 1.1em; line-height: 26px; }
.featured-brands .slick-slide img { width: 140px; }
.product-slider { margin-left: 5%; }
.cat { font-size: 1em; }
.categories p:after,
 .categories p:before,
 .featured-brands p:after,
 .featured-brands p:before { width: 100px; }
.categories p,
 .featured-brands p { width: 80%; }
.featured-brands span { width: 100%; font-size: 1em; line-height: 25px; }
.product-slider .slick-next { right: 13%; }
.product-card p { margin-bottom: 0px; }
.add-btn { width: 40px; height: 40px; }
.rod-btn { padding: 10px 15px; letter-spacing: 0px; font-size: 1em; }
.deals { padding: 4em 0 4em 0; }
.slick-prev,
 .slick-next { width: 40px; height: 40px; }
.categories { padding: 4em 0; }
.categories-slider .slick-slide figure { padding: 20px; }
.categories-slider .slick-slide h3 { font-size: 1.5em; }
.accordion-title { font-size: 1.2em; line-height: 22px; }
.email-content { flex-wrap: wrap; }
.footer img { width: 180px; }
.footer-menu { margin: 2em 0 3em 0; }
.address h3 { font-size: 2em; }
.address p { font-size: 1.2em; }
.hamburger-menu { margin-right: 10px; }
.age-gate__heading img { width: 280px; }
h3.age-gate__subheadline { font-size: 3em; margin-top: 20px; }
h2.age-gate__headline { font-size: 6em; }
.age-gate__submit { padding: 14px 56px !important; font-size: 1.5em !important; }
}
 @media (max-width: 767px) {
html { font-size: 90%; }
p { line-height: 24px; }
.rod-btn { padding: 9px 15px 7px 15px; box-shadow: 0 7px 0px #EC4935; font-size: 1em; }
.rod-title { font-size: 2.3em; }
.container-flex { display: block; }
.container,
 .deals .container,
 .footer .container { width: 90%; }
.login-cart ul li a img { width: 20px; }
.top-discount { font-size: 0.7em; letter-spacing: normal; }
.login-cart ul li { padding: 0 6px; }
.logo img { width: 130px; }
.header { position: relative; width: 100%; top: 0; left: 0; transform: none; }
.banner-content { width: 90%; }
.banner .slick-slide img { height: 400px; object-fit: cover; }
.banner-content .rod-title { font-size: 2em; line-height: 36px; }
.banner-content p { font-size: 1.2em; letter-spacing: normal; display: none; }
.deals { padding: 2.5em 0 2.5em 0; }
.deals-slider { padding: 0; margin-top: 2em; }
.slick-dots { position: relative; bottom: 0; left: 0; margin-top: 20px; }
.categories { padding: 3.5em 0; }
.categories p,
 .featured-brands p { width: 100%; margin: 0 auto; padding: 0; }
.categories p:after,
 .categories p:before,
 .featured-brands p:after,
 .featured-brands p:before { display: none; }
.categories-slider .slick-slide h3 a { font-size: 1.1em; margin-top: 20px; }
.featured-brands { padding: 4em 0; }
.featured-brands .slick-slide img { width: 100%; }
.featured-brands .slick-slide { margin: 0em 1.5em 0em 1.5em; }
.brands-slider { margin-top: 3em; }
.featured-products { padding: 3.5em 0; }
.product-slider { margin-left: 3%; }
.product-details { padding: 10px 10px 18px 10px; }
.product-details h3 { font-size: 1.1em; padding: 6px 0 20px 0; white-space: normal; letter-spacing: normal; /* min-height: 73px; */
line-height: 1.2; }
.cat { font-size: 0.9em; white-space: normal; line-height: 1.2; }
.product-slider .slick-next { right: 6%; top: -12%; }
.product-slider .slick-prev { top: -12%; right: 18%; }
.slick-next:before,
 .slick-prev:before { width: 9px; height: 9px; top: 34%; }
.slick-prev,
 .slick-next { width: 36px; height: 36px; }
.slick-prev:before { left: 42%; }
.product-card { margin: 20px 8px; box-shadow: -4px 2px 0 #F4A140; }
.add-btn { right: 6px; bottom: 12px; width: 32px; height: 32px; font-size: 1.5em; }
.price .new { font-size: 1.1em; }
.price .old { margin-left: 2px; font-size: 0.9em; }
.featured-edibles { padding: 3em 0; }
.cta { padding: 4em 0; }
.cta .rod-title { font-size: 2.4em; }
.cta p { width: 100%; margin: 24px auto 20px auto; }
.faq { padding: 3em 0; }
.faq-left { background: no-repeat; }
.accordion-title { font-size: 1.3em; letter-spacing: 0; }
.email-content { align-items: flex-start; }
.email-content { gap: 1em; }
.email-content img { width: 60px; }
.email-form { margin-top: 30px; }
.footer { padding: 3em 0; }
.footer img { width: 200px; }
.address { flex: 1 1 calc((100% / 2) - 2em); margin: 30px 0; }
.address:last-child { margin-bottom: 0px; }
.address h3 { font-size: 2em; }
.address p { font-size: 1.1em; }
.featured-brands span { display: none; }
.featured-brands .slick-dots { margin-top: 2em; }
.footer-menu { display: none; }
.copyright ul { margin-top: 20px; }
.banner-content ul li a { padding: 8px 18px; box-shadow: 0 6px 0px #EC4935; font-size: 1em; }
.age-gate__heading img { width: 250px; }
h3.age-gate__subheadline { font-size: 3em; margin-top: 10px; }
h2.age-gate__headline { font-size: 2.5em; }
.age-gate__submit { padding: 14px 56px !important; font-size: 1.5em !important; }
}
 @media (max-width: 992px) {
.header .container-flex { display: flex; width: 100%; }
.rod-menu { position: fixed; top: 0; left: -100%; width: 100%; height: 100%; background: #FFF1E0; padding-top: 4em; transition: 0.5s; }
.hamburger-menu { display: block; width: 24px; height: 16px; border: solid; border-width: 2px 0px; position: relative; order: 3; }
.hamburger-menu:before { content: ""; width: 100%; height: 2px; background: #000; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.open-menu .rod-menu { display: block; }
.open-menu .hamburger-menu { position: fixed; top: 20px; right: 20px; border: none; animation: move 20s ease; animation-delay: 20s; /* 2 second delay */ }
 @keyframes move { from {
transform: translateX(0);
}
to { transform: translateX(200px); }
}
.open-menu .rod-menu { left: 0%; transition: 0.5s; }
.rod-menu ul li { display: inline-block; width: 100%; }
.rod-menu ul li a { display: inline-block; width: 100%; margin: 0; padding: 15px 20px; border-bottom: solid 1px #999999; }
.rod-menu ul li:last-child a { border: none; margin-top: 0; padding: 15px 20px; border-radius: 0; }
.rod-menu ul li a:hover { background: #ED4A35; color: #fff; }
.open-menu .hamburger-menu:before { transform: translateY(-50%) rotate(45deg); }
.open-menu .hamburger-menu:after { content: ""; background: #000; position: absolute; left: 0; transform: translateY(-50%) rotate(-45deg); width: 100%; height: 2px; top: 50%; }
}
 @media (max-width: 320px) {
p { line-height: 20px; }
.login-cart ul li a img { width: 18px; }
.logo img { width: 120px; }
.banner-content .rod-title { font-size: 1.8em; }
.rod-btn { padding: 9px 11px; font-size: 0.9em; letter-spacing: normal; }
.banner-content .leak-pack-title { color: #fff; font-size: 1.8em; }
.banner-content { width: 94%; }
.product-details h3 { font-size: 1.1em; }
.cat { font-size: 0.8em; line-height: 1; }
.cta .rod-title { font-size: 2em; }
.rod-title { font-size: 2em; }
.categories-slider .slick-slide { margin: 2.5em 0.5em 4em 0.5em; height: 130px; }
.categories-slider .slick-slide h3 { font-size: 1.5em; }
}