#brands-hero { margin: 0 0 190px 0; }
#brands-hero .slide-inner { max-width: 1500px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center;}

#brands-hero .slide-left { width: 50%; padding-right: 20px; }
#brands-hero .slide-right { width: 50%; -webkit-align-self: stretch; align-self: stretch; }

#brands-hero .slide .slide-logo { margin: 0 0 25px 5px; }
#brands-hero .slide h2 { font-size: 4.8em; font-weight: 700; letter-spacing: 0.01em; margin: 0 0 30px 0; position: relative; padding: 0 0 30px 0; }
#brands-hero .slide h2 span { display: block; }
#brands-hero .slide h2:after { position: absolute; bottom: 0; left: 0; width: 60px; height: 3px; display: block; content: ''; }
#brands-hero .slide p { font-size: 2.1em; margin: 0 0 20px 0; max-width: 630px; line-height: 1.5; }
#brands-hero .slide ul { margin: 0 0 10px 0; }
#brands-hero .slide ul li { font-size: 1.9em; padding: 0 0 10px 10px; }
#brands-hero .slide .hero-buttons { padding: 30px 0 0 0; }
#brands-hero .slide .hero-buttons a { display: inline-block; color: #fff; text-align: center; text-transform: uppercase; font-size: 1.5em; letter-spacing: 0.04em; padding: 16px 13px 14px 13px; background: #ccc; border-radius: 30px; width: 200px; }
#brands-hero ul.mob { display: none; }
#brands-hero .slide .hero-buttons a.login-button { margin-right: 15px; }

#brands-hero .slide.wholesale { background: #40474E; }
#brands-hero .slide.wholesale h2 { color: #fff; }
#brands-hero .slide.wholesale h2:after { background: #00A76B; }
#brands-hero .slide.wholesale p { color: #fff; }
#brands-hero .slide.wholesale ul li { color: #fff; }
#brands-hero .slide.wholesale .hero-buttons a.login-button { background: #00A76B; }
#brands-hero .slide.wholesale .hero-buttons a.hero-button { background: #0094CA; }

#brands-hero .slide.best-one { background: #00387B; }
#brands-hero .slide.best-one h2 { color: #fff; }
#brands-hero .slide.best-one h2:after { background: #FFD00A; }
#brands-hero .slide.best-one p { color: #fff; }
#brands-hero .slide.best-one ul li { color: #fff; }
#brands-hero .slide.best-one .hero-buttons a.login-button { background: #62C546; }
#brands-hero .slide.best-one .hero-buttons a.hero-button { background: #F3931B; }

#brands-hero .slide.bbfs { background: #F2F0ED; }
#brands-hero .slide.bbfs h2 { color: #40474E; }
#brands-hero .slide.bbfs h2:after { background: #DC2A1B; }
#brands-hero .slide.bbfs p { color: #40474E; }
#brands-hero .slide.bbfs ul li { color: #40474E; }
#brands-hero .slide.bbfs .hero-buttons a.login-button { background: #77B52E; }
#brands-hero .slide.bbfs .hero-buttons a.hero-button { background: #478BBD; }

.slick-slide img { display: block; max-height: 100%;}
.slick-vertical .slick-slide { display: block; height: auto; border: none;}

/* Slick (user) */
#brands-hero ul.slick-dots { position: absolute; left: 0; right: 0; margin: auto; padding: 0; width: 720px; height: 87px; bottom: -120px; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; }
#brands-hero ul.slick-dots li { list-style: none; margin: 0;}

#brands-hero ul.slick-dots li button { border-radius: 4px; width: 210px; height: 87px; margin: 0 15px; text-indent: -9999px; display: block; cursor: pointer; border: 1px solid #C1C1C1;  outline: 3px solid transparent; outline-offset: -3px; }
#brands-hero ul.slick-dots li.slick-active button { border: 1px solid transparent; outline: 3px solid #0094CA; }

#brands-hero .slick-dots li:first-child button { background: url(../assets/guest/wholesale-logo-full-blue.png) center center no-repeat; background-size: 160px 45px; }
#brands-hero .slick-dots li:nth-child(2) button { background: url(../assets/guest/best-one-logo-blue0cc1.png?a) center center no-repeat; background-size: 150px 55px; }
#brands-hero .slick-dots li:last-child button { background: url(../assets/guest/bbfs-logo.png) center center no-repeat; background-size: 160px 49px; }

.slick-prev, .slick-next { display: block; width: 75px; height: 75px; top: 0; bottom: 0; margin: auto; cursor: pointer; text-indent: -9999px; position: absolute; z-index: 10; border-radius: 50%; border: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }

.slick-prev { left: -1800px; right: 0; background: #0094CA url(../assets/guest/slider-previous.png) 21px center no-repeat; background-size: 30px 45px; }
.slick-next { left: 0; right: -1800px; background: #0094CA url(../assets/guest/slider-next.png) 26px center no-repeat; background-size: 30px 45px; }
.slick-prev:hover, .slick-next:hover { outline: none; transform: scale(1.05); }

#brands-hero .pag-temp { max-width: 700px; margin: 30px auto 60px auto; }
#brands-hero .pag-temp ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#brands-hero .pag-temp ul li { width: 30%; list-style: none; border: 1px solid #c1c1c1; border-radius: 4px; padding: 20px 30px; }
#brands-hero .pag-temp ul li.active { border: 3px solid #0094CA; }
#brands-hero .pag-temp ul li.active img { margin: 10px 0 0 0; }
#brands-hero .pag-temp ul li.bbfs img { margin: 8px 0 0 0; }

#main { overflow: hidden; }
#main .scale { display: inline-block; transition: all .3s; }
#main .scale:hover, #main .scale:focus { transform: scale(1.05); }

#main .app { margin: 0 0 100px 0; }
#main .app-inner { background: #04284a url(../assets/guest/qr-bg.jpg) center bottom no-repeat; background-size: cover; max-width: 1140px; margin: 0 auto; padding: 30px 230px 25px 0; position: relative; }
#main .app-inner:after { position: absolute; top: 0; bottom: 0; right: 80px; margin: auto; width: 140px; height: 255px; display: inline-block; content: ''; background: url(../assets/guest/qr-code.png) 0 0 no-repeat; background-size: 140px 255px; }
#main .app-inner h3 { color: #fff; text-align: center; font-size: 4em; font-weight: 700; letter-spacing: 0.03em; margin: 0 0 25px 0; }
#main .app-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#main .app-icons { width: 300px; margin: 0 30px 0 0; }
#main .app-google { margin: 0 5px 0 0; }

#main h3 { color: #003366; font-size: 3.6em; font-weight: 700; margin: 0 0 10px 0; }
#main p { color: #003366; font-size: 2.05em; margin: 0 0 40px 0; }



#main .department { margin: 0 30px; }
#main .department-inner { max-width: 1140px; margin: 0 auto; }

#main .department-icons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 90px 0; gap: 0.66%; }
#main .department-icons .department-icon { width: 16%; margin: 0 0 0.66% 0; border-radius: 11px; }
#main .department-icons .department-icon h4 { color: #003366; font-size: 1.55em; font-weight: 500; margin: 10px 0 0 0; text-align: center; letter-spacing: 0.01em; cursor: pointer; }
#main .department-icons .department-icon a { background: #f6fbfe; display: block; padding: 28px 10px; border-radius: 11px; cursor: pointer; }
#main .department-icons .department-icon a img { width: 60%; margin: 0 auto; display: block; cursor: pointer; }


#main ul#promotions { max-width: 1140px; margin: 0 auto 180px auto; padding: 0; }
#main ul#promotions li { list-style: none; }
#main ul#promotions .slick-list { position: relative; }
#main ul#promotions .slick-list:before { position: absolute; top: 0; left: 0; width: 50px; height: 50px; display: block; content: ''; background: #ccc; }


#main .brochures-container { margin: 0 30px; }
#main .brochures-inner { max-width: 1140px; margin: 0 auto; }
#main #brochures { margin: 0 -15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#main #brochures .brochure { width: 31%; }
#main #brochures .brochure h4 { color: #003366; font-size: 2.8em; font-weight: 700; margin: 0 0 10px 0; }
#main #brochures .brochure p { color: #003366; font-size: 1.6em; margin: 0; line-height: 1.6; }
#main #brochures .brochure p.brochure-image { margin: 0 0 30px 0; }
#main #brochures .brochure p.brochure-image img { border-radius: 19px; }

#main #brochures .slick-slide { margin: 0 15px; }
#main #brochures ul.slick-dots,
#brochures .slick-prev, #brochures .slick-next { display: none; }

#main .subscribe { text-align: center; margin: 70px 30px 120px 30px; }

#main .subscribe button { background: #00A76B; display: block; display: inline-block; color: #fff; text-align: center; text-transform: uppercase; border: none;
padding: 20px 70px 17px 70px; font-size: 1.7em; letter-spacing: 0.04em; border-radius: 30px; }
#main .subscribe a { background: #00A76B; display: block; display: inline-block; color: #fff; text-align: center; text-transform: uppercase; border: none;
padding: 20px 70px 17px 70px; font-size: 1.7em; line-height: 1.3; letter-spacing: 0.04em; border-radius: 30px; }



#main .learn-more { margin: 0 30px 60px 30px; }
#main .learn-more-inner { max-width: 1140px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#main .learn-more .learn-panel { width: 24%; padding: 35px; border-bottom: 10px solid #00A76B; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#main .learn-more .learn-panel.tobacco { background: #006CB2; }
#main .learn-more .learn-panel.category { background: #00A76B; }
#main .learn-more .learn-panel.support { background: #038BAF; }
#main .learn-more .learn-panel.deliveroo { background: #003366; }
#main .learn-more p.brochure-image { margin: 0 0 15px 0; width: 100%; }
#main .learn-more h4 { color: #fff; font-size: 3em; margin: 0 0 15px 0; line-height: 1.15; font-weight: 700; }
#main .learn-more h4 span { display: block; }
#main .learn-more p { color: #fff; font-size: 1.6em; margin: 0 0 50px 0; font-weight: 400; line-height: 1.4; }
#main .learn-more p.learn-more-cta { width: 100%; position: relative; text-transform: uppercase; font-size: 1.8em; margin: 0; }
#main .learn-more p.learn-more-cta:after { position: absolute; top: 0; bottom: 0; right: 0; margin: auto; width: 20px; height: 35px; display: inline-block; content: ''; background: url(../assets/guest/learn-more.png) 0 0 no-repeat; background-size: 20px 35px; }





.brands { padding: 110px 30px; text-align: center; background: #ccc url("../assets/guest/bestway-wholesale.jpg") center center no-repeat; background-size: cover; }
.supportsAvif #main .brands { background: #ccc url("../assets/guest/bestway-wholesale.avif") center center no-repeat; background-size: cover; }
.brands .brands-inner { max-width: 1140px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.brands .brand { width: 32%; padding: 45px 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; flex-direction: column;-webkit-justify-content: space-between; justify-content: space-between;  }
.brands .brand.wholesale { background: #40474E; }
.brands .brand.best-one { background: #00387B; }
.brands .brand.bbfs { background: #fff; }
.brands .brand ul { margin: 0 0 30px; list-style: none; padding: 0;}
.brands .brand p, .brands .brand li { color: #fff; }
.brands .brand.bbfs p, .brands .brand.bbfs li { color: #40474E; }
.brands .brand li { margin: 0 0 6px; padding: 0;}
.brands .brand li:before { content: '•'; font-size: 1.2em; margin-right: 6px;}
.brands p { font-size: 1.6em; line-height: 1.5; margin: 0 0 30px 0; }
#main .brands p.brand-logo { margin: 0 0 30px 0; }
#main .brands p.register { font-size: 1em; margin: 0 auto; }
#main .brands p.register a { display: block; color: #fff; text-align: center; text-transform: uppercase; border: none; padding: 14px 20px 11px 20px; width: 200px; font-size: 1.5em; letter-spacing: 0.04em; border-radius: 40px; }

#main .brand.wholesale p.register a { background: #0094CA; }
#main .brand.best-one p.register a { background: #FFD603; color: #00387B; }
#main .brand.bbfs p.register a { background: #77B52E; }


@media screen and (max-width: 1900px) {
.slick-prev { left: -1650px; }
.slick-next { right: -1650px; }
}

@media screen and (max-width: 1750px) {
#brands-hero .slide.wholesale .slide-logo { width: 16vw; }
#brands-hero .slide.best-one .slide-logo { width: 14vw; }
#brands-hero .slide.bbfs .slide-logo { width: 25vw; }
#brands-hero .slick-prev, #brands-hero .slick-prev:hover { left: -40px; right: auto; background: #0094CA url(../assets/guest/learn-more.png) 14px center no-repeat; background-size: 18px 32px; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }
#brands-hero .slick-next { left: auto; right: -40px; background: #0094CA url(../assets/guest/learn-more.png) 14px center no-repeat; background-size: 18px 32px; }
#brands-hero .slick-next:hover { -webkit-transform: none; -ms-transform: none; transform: none; }

#main ul#promotions .slick-prev { left: -1300px; }
#main ul#promotions .slick-next { right: -1300px; }
}

@media screen and (max-width: 1650px) {
#brands-hero .slide-left { padding: 0 25px; }
}

@media screen and (max-width: 1550px) {
#brands-hero .slide-left { padding: 0 40px 0 60px; }
#brands-hero .slide h2 { font-size: 3.2vw; margin: 0 0 20px 0; padding: 0 0 20px 0; }
#brands-hero .slide p { font-size: 1.4vw; margin: 0 0 20px 0; }
#brands-hero .slide ul li { font-size: 1.2vw; padding: 0 0 10px 0px; line-height: 1.3; }
#brands-hero .slide .hero-buttons { padding: 10px 0 0 0; }
}

@media screen and (max-width: 1400px) {
#main ul#promotions .slick-prev, 
#main ul#promotions .slick-prev:hover { left: 20px; right: auto; }

#main ul#promotions .slick-next { left: auto; right: 20px; }
#main ul#promotions .slick-next:hover { -webkit-transform: none; -ms-transform: none; transform: none; }

#main ul#promotions { margin: 0 auto 13vw auto; }
}


@media screen and (max-width: 1250px) {
#main .brands { padding: 70px 30px; }
}


@media screen and (max-width: 1200px) {
#main .department-icons { margin: 0 0 60px 0; gap: 1%; }
#main .department-icons .department-icon { width: 19%; margin: 0 0 1% 0; }
#brands-hero .slide .hero-buttons a { font-size: 1.4em; padding: 13px 10px 11px 10px; width: 180px; }
}



@media screen and (max-width: 1150px) {
#brands-hero .slide h2 { font-size: 3.6em; }
#brands-hero .slide p,
#brands-hero .slide ul li { font-size: 1.6em; }
#brands-hero .slide.wholesale .slide-logo { width: 170px; }
#brands-hero .slide.best-one .slide-logo { width: 160px; }
#brands-hero .slide.bbfs .slide-logo { width: 300px; }
}


@media screen and (max-width: 1140px) {
#main ul#promotions .slick-prev, 
#main ul#promotions .slick-prev:hover { left: -40px; right: auto; background: #0094CA url(../assets/guest/learn-more.png) 14px center no-repeat; background-size: 18px 32px; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }

#main ul#promotions .slick-next { left: auto; right: -40px; background: #0094CA url(../assets/guest/learn-more.png) 14px center no-repeat; background-size: 18px 32px; }
}


@media screen and (max-width: 1100px) {
#main .app-inner { padding: 30px 17vw 25px 0; }
#main .app-inner:after { right: 10px; width: 14vw; height: 24vw; background-size: 13.34vw auto; }
#main .app-inner h3 { font-size: 3.6vw; margin: 0 0 20px 0; }
#main .app-icons { width: 25vw; margin: 0 20px 0 0; }
#main .app-google, #main .app-apple { width: 18vw; }
#main .brands { padding: 70px 30px; }
#main .brands .brand { padding: 50px 40px; }
#brands-hero { margin: 0 0 140px 0; }
#brands-hero ul.slick-dots { width: 570px; height: 66px; bottom: -90px; }
#brands-hero .slick-dots li:first-child button,
#brands-hero .slick-dots li:nth-child(2) button,
#brands-hero .slick-dots li:last-child button { background-size: 120px auto; width: 160px; height: 66px; }
}


@media screen and (max-width: 1050px) {
#brands-hero .slide-left { width: 60%; padding: 30px 60px; } 
#brands-hero .slide-right { width: 40%; padding-bottom: 49%; } 
#brands-hero .wholesale .slide-right { background: url(../assets/guest/hero-wholesale.jpg) center center no-repeat; background-size: cover; }
#brands-hero .slide.best-one .slide-right { background: url(../assets/guest/hero-best-one.jpg) center center no-repeat; background-size: cover; }
#brands-hero .slide.bbfs .slide-right { background: url(../assets/guest/hero-bbfs.jpg) center center no-repeat; background-size: cover; }
#brands-hero .slick-slide .slide-right img { display: none; }
}


@media screen and (min-width: 769px) and (max-width: 1050px) {
#brands-hero .slick-track { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }
#brands-hero .slick-slide { height: inherit !important; }
}


@media screen and (max-width: 1000px) {
#main .department-icons .department-icon { width: 24%; }
#main .learn-more-inner { -ms-flex-wrap: wrap; flex-wrap: wrap; }
#main .learn-more .learn-panel { width: 49%; margin-bottom: 2%; }
#main .brands p.register a { padding: 14px 40px 11px 40px; width: auto; }
#main h3 { font-size: 3em; }
#main #brochures .brochure h4 { font-size: 2.5em; margin: 0 0 5px 0; }
#brands-hero .slide .slide-logo { width: 150px; margin: 0 0 15px 2px; }
#brands-hero .slide.wholesale .slide-logo { width: 150px; }
#brands-hero .slide.best-one .slide-logo { width: 140px; }
#brands-hero .slide.bbfs .slide-logo { width: 280px; }
#brands-hero .slide h2 { font-size: 3.2em; margin: 0 0 15px 0; padding: 0 0 15px 0; }
#brands-hero .slide p { font-size: 1.5em; margin: 0 0 10px 0; }
#brands-hero .slide ul li { font-size: 1.5em; padding: 0 0 7px 0px; }
#brands-hero .slide .hero-buttons a { width: 160px; }
}


@media screen and (max-width: 900px) {
#main .subscribe { margin: 7vw 30px 13vw 30px; }
#brands-hero .slide-right { padding-bottom: 56%; }
#brands-hero .slide h2 { font-size: 2.7em; }
#brands-hero .slide ul { margin: 0 0 8px 0; }
#main .brands .brands-inner { display: block; }
#main .brands { padding: 50px 30px 20px 30px; }
#main .brands .brand { padding: 70px 40px; width: 100%; display: block; max-width: 500px; margin: 0 auto 30px auto; }
#main .brands p.register a { padding: 16px 40px 13px 40px; width: 210px; margin: 0 auto; }
}



@media screen and (max-width: 800px) {
#main .department-icons .department-icon { width: 32.333%; }
#brands-hero .slide-left { padding: 20px 50px; }
#brands-hero .slide .slide-logo { margin: 0 0 15px 0px; }
#brands-hero .slide.wholesale .slide-logo, #brands-hero .slide.best-one .slide-logo { width: 130px; }
#brands-hero .slide.bbfs .slide-logo { width: 260px; }
#brands-hero .slide-right { padding-bottom: 60%; }
}



@media screen and (max-width: 768px) {
#main .app-inner { padding: 30px; }
#main .app-inner:after,
#main .app-icons  { display: none; }
#main .app-inner h3 { font-size: 3.5em; margin: 0 auto 20px auto; max-width: 400px; }
#main .app-google, #main .app-apple { width: auto; display: inline-block; margin: 0 5px; }
#main .app-links {  display: block; text-align: center; }
#main .learn-more p.brochure-image { display: none; }

#brands-hero .slide.wholesale,
#brands-hero .slide.best-one,
#brands-hero .slide.bbfs .slide-left { background: none; }
#brands-hero .slide.wholesale .slide-left { background: #40474E; }
#brands-hero .slide.best-one .slide-left { background: #00387B; }
#brands-hero .slide.bbfs .slide-left { background: #F2F0ED; }
#brands-hero .slide-inner { display: block; }
#brands-hero .slide-left { width: 100%; padding: 40px 40px; text-align: center; } 
#brands-hero .slide-right { width: 100%; padding-bottom: 0; }
#brands-hero .slick-slide .slide-right img { display: block; }
#brands-hero .slide .slide-logo { margin: 0 auto 30px auto; }
#brands-hero .slide.wholesale .slide-logo { width: 170px; }
#brands-hero .slide.best-one .slide-logo { width: 160px; }
#brands-hero .slide.bbfs .slide-logo { width: 300px; }
#brands-hero .slide h2 { font-size: 3.6em; line-height: 1.3; margin: 0 0 20px 0; padding: 0 0 20px 0; }
#brands-hero .slide h2:after { right: 0; margin: auto; }
#brands-hero .slide p { font-size: 2em; margin: 0 auto 20px auto; max-width: 350px; }
#brands-hero ul.desktop, #brands-hero p { display: none; }
#brands-hero ul.mob { display: block; }
#brands-hero .slide ul.mob { list-style: none; padding: 0;}
#brands-hero .slide li:before { content: '•'; font-size: 1.2em; margin-right: 6px;}

#brands-hero .slide .hero-buttons a,
#brands-hero .slide.wholesale .hero-buttons a.login-button { margin: 0 5px; width: 180px; font-size: 1.5em; padding: 16px 13px 14px 13px; }


#brochures ul.slick-dots { display: block; text-align: center; position: absolute; left: 0; right: 0; margin: auto; padding: 0; bottom: -30px; white-space: nowrap; }
#brochures ul.slick-dots li { list-style: none; font-size: 0; display: inline-block; margin: 0 4px; }
#brochures ul.slick-dots li button { font-size: 0; cursor: pointer; border-radius: 50%; width: 15px; height: 15px; background: none; border: 1px solid #0094CA; padding: 0; }
#brochures ul.slick-dots li.slick-active button { background: #0094CA; }

#main #brochures { margin: 0 10px; }
#main #brochures .slick-prev, 
#main #brochures .slick-prev:hover { display: block; left: -80px; right: auto; background: #0094CA url("../assets/guest/learn-more.png") 14px center no-repeat; background-size: 18px 32px; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }
#main #brochures .slick-next { display: block; left: auto; right: -80px; background: #0094CA url("../assets/guest/learn-more.png") 14px center no-repeat; background-size: 18px 32px; }

#main .subscribe { margin: 60px 30px 13vw 30px; }
}


@media screen and (max-width: 610px) {
#brands-hero { margin: 0 0 22vw 0; }
#brands-hero ul.slick-dots { width: auto; height: auto; bottom: -15vw; padding: 0 20px; -webkit-justify-content: center; justify-content: center;}
#brands-hero .slick-dots li:first-child button,
#brands-hero .slick-dots li:nth-child(2) button,
#brands-hero .slick-dots li:last-child button { background-size: 75% auto; width: 25.7vw; height: 61px; padding: 11.43% 0; margin: 0 2vw; }
}

@media screen and (max-width: 600px) {
#main .department-icons { gap: 2%; }
#main .department-icons .department-icon { width: 48%; margin: 0 0 2% 0; }
#main .learn-more { margin: 0 30px 20px 30px; }
#main .learn-more .learn-panel { width: 100%; margin-bottom: 30px; }
#main .subscribe a span { display: block; }
#main .brands { background: #d4d5d7; }
#brands-hero .slide h2 { font-size: 3.4em; margin: 0 0 18px; padding: 0 0 18px; }
}




@media screen and (max-width: 500px) {
#main .app-inner h3 { font-size: 3em; }
#main .app-google, #main .app-apple { width: 47%; display: inline-block; margin: 0 1%; }
#brands-hero .slide-left { width: 100%; padding: 35px 30px 20px; text-align: center; } 

#brands-hero .slide h2 { font-size: 3.3em; margin: 0 0 15px 0; padding: 0 0 15px 0; }
#brands-hero .slide p { font-size: 1.7em; }
#brands-hero .slide ul.mob { margin-left: 10px; margin-right: 10px;}
#brands-hero .slide .hero-buttons a.login-button,
#brands-hero .slide .hero-buttons a,
#brands-hero .slide.wholesale .hero-buttons a.login-button { display: block; width: 260px; margin: 0 auto 15px; }

#main #brochures { margin: 0 -30px; }
#main #brochures .slick-prev, 
#main #brochures .slick-prev:hover { left: -40px; }
#main #brochures .slick-next { right: -40px; }
}

@media screen and (max-width: 440px) {
#brands-hero .slide h2 { font-size: 3em; line-height: 1.2; }
}

@media screen and (max-width: 400px) {
#main .subscribe a { padding: 20px 50px 17px 50px; font-size: 1.5em; }
}

@media screen and (max-width: 350px) {
#main .subscribe a { padding: 20px 40px 17px 40px; }
#main .department-icons { gap: 0; }
#main .department-icons .department-icon { width: 100%; margin: 0 auto 20px auto; max-width: 250px; }
}