/** Shopify CDN: Minification failed

Line 559:169 Expected ":"
Line 560:139 Expected ":"

**/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&family=Teko:wght@300;400;500;600;700&display=swap');
@import url('http://fonts.cdnfonts.com/css/festival-budaya-xxxi');
/* 
    font-family: 'Roboto', sans-serif;
    font-family: 'Teko', sans-serif;
    font-family: 'FestivalBudaya', sans-serif;
    font-family: 'Festival Budaya XXXI', sans-serif;
*/  


.shopify-section .banner_wrapper{ position: relative; width: 100%; overflow: hidden; }
.shopify-section .banner_wrapper > .inner-bannerCaption{ position: absolute; left: 0; top: 50%; width: 100%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); }
.shopify-section .banner_wrapper > .inner-bannerCaption h2{font:600 67px/67px 'Teko', sans-serif; color: #fff; margin: 0; padding: 0; text-transform: uppercase; letter-spacing: normal;}
header.header h1.header__heading > a{ padding-top: 4px; padding-bottom: 4px; }
.announcement-wrapper.color-accent-1{ border-bottom: 1px solid #d9d9d9; } 
.announcement-wrapper.color-accent-1 .announcement-bar,
.announcement-wrapper.color-accent-1 .announcement-bar p.announcement-bar__message,
.announcement-wrapper.color-accent-1 .announcement-bar a{ font: 400 14px/23px 'Roboto'; color: #444; text-decoration: none; text-transform: uppercase; letter-spacing: normal; }

.announcement-wrapper.color-accent-1 .announcement-bar p.announcement-bar__message::before{ content: '\f07a'; font-family: 'FontAwesome' !important; font-size: 20px; margin-right: 3px;vertical-align: -7%;}
.announcement-wrapper.color-accent-1 .announcement-bar:nth-child(2) p.announcement-bar__message::before{ content: '\f0d6';font-size: 20px;}
.announcement-wrapper ul.announcement__menu{display: flex; align-items: center;}
.announcement-wrapper ul.announcement__menu li a{ padding: 6px 12px; }
.announcement-wrapper ul.announcement__menu li:last-child a{ padding-right: 0; }
.announcement-wrapper ul.announcement__menu li a::before{ content: '\f023'; font-family: 'FontAwesome' !important; font-size: 18px; margin-right: 3px;vertical-align: -7%;}
.announcement-wrapper ul.announcement__menu li:last-child a::before{ content: '\f044'; font-size: 16px;}

.header-wrapper .header__inline-menu.custom_menu{  display: none; background-color: #170c5d; }
.header-wrapper .header__inline-menu.custom_menu .header__inline-menu{margin-left: 0;}
.header-wrapper .header__inline-menu.custom_menu nav.header__inline-menu ul.list-menu li{font: 400 17px/23px 'Roboto'; color: #f0f0f0; text-transform: uppercase;}
.header-wrapper .header__inline-menu.custom_menu nav.header__inline-menu ul.list-menu li a{ text-decoration: none; color: #f0f0f0; line-height: 24px !important; font-size: 17px; padding-top: 22px; padding-bottom: 22px; }
.header-wrapper .header__inline-menu.custom_menu nav.header__inline-menu ul.list-menu li a.header__menu-item:hover span{text-decoration: none;color: #f94997;}
.header-wrapper .header__inline-menu.custom_menu nav.header__inline-menu ul.list-menu li a[aria-current="page"] span.header__active-menu-item{color: #f94997;text-decoration: none;}
header.header .header__icons{ column-gap: 19px; align-items: center; }
.header__icons a.header__icon--account,
.header__icons a.header__icon--cart{ display: inline-block; width: 28px; height: 28px; background: url(ic-account.png) no-repeat center center; }
.header__icons a.header__icon--cart{ background-image: url(ic-cart.png); margin-right: 0; }
.header__icons a.header__icon--cart .cart-count-bubble{ display: inline-block; height: 19px; width: 19px; border-radius: 50%; background-color: #e4760d; text-align: center; font: 400 14px/19px 'Arial'; color: #fff;bottom: 14px;left: 20px;}
.header__icons a.header__icon--account > svg,
.header__icons a.header__icon--cart > svg,
header.header .header__customsearch .search-modal__form .field > button.search__button > svg{ display: none; }
header.header .header__customsearch .search-modal__form .field{ border: 1px solid #e1e1e1; }
header.header .header__customsearch .search-modal__form .field > .field__label{font: 400 15px 'Roboto'; color: #5a5a5a;letter-spacing: normal;top: 17px;
    left: 17px;}
/*header.header .header__customsearch .search-modal__form .field > .field__label,*/
header.header .header__customsearch .search-modal__form .field::after{ display: none; }
header.header .header__customsearch .search-modal__form .field > input.search__input,
header.header .header__customsearch .search-modal__form .field > input.search__input:hover,
header.header .header__customsearch .search-modal__form .field > input.search__input:focus,
header.header .header__customsearch .search-modal__form .field > input.search__input:active{ box-shadow: none; height: 52px; padding: 6px 52px 6px 17px;font: 400 15px 'Roboto'; color: #5a5a5a; border: none; min-height: 1px; margin: 0; }
header.header .header__customsearch .search-modal__form .field > input.search__input::-webkit-input-placeholder {color: #5a5a5a;}
header.header .header__customsearch .search-modal__form .field > input.search__input:-moz-placeholder {color: #5a5a5a;}
header.header .header__customsearch .search-modal__form .field > input.search__input::-moz-placeholder {color: #5a5a5a;}
header.header .header__customsearch .search-modal__form .field > input.search__input:-ms-input-placeholder {color: #5a5a5a;}
header.header .header__customsearch .search-modal__form .field > button.search__button{height: 54px; width: 54px; top: -1px;right: -1px; background:#ff4fa3 url(ic-search.png) no-repeat center center; background-size: cover;}
header.header .header__customsearch .search-modal__form .field > input.search__input:focus~.field__label{ font-size: 0; left: 10px;}


#MainContent > .shopify-section:first-child .banner .banner__box > h2{ margin: 0; padding: 0;font:100 60px/99px 'Roboto'; color: #fff; text-transform: uppercase;  }
#MainContent > .shopify-section:first-child .banner .banner__box > .subtitle{ margin: 0; padding: 0;font:600 128px/82px 'Teko', sans-serif; color: #fff; text-transform: uppercase;  }
#MainContent > .shopify-section:first-child .banner .banner__box > .banner__text.body{ margin: 0; padding: 0;font:300 54px/62px 'Roboto'; color: #fff; text-transform: uppercase; letter-spacing: 7px; }
#MainContent > .shopify-section:first-child .banner .banner__box > h2 > span,
#MainContent > .shopify-section:first-child .banner .banner__box > .banner__text{letter-spacing: normal;}
#MainContent > .shopify-section:first-child .banner .banner__box .banner__buttons{ border: none; }
#MainContent > .shopify-section:first-child .banner .banner__box .banner__buttons > a{ border:none; border-radius: 30px; padding: 19px 30px;font:300 18px 'Roboto'; color: #242424; outline: none; background-color: #fff; box-shadow: none; text-shadow: none; letter-spacing: normal; }
#MainContent > .shopify-section:first-child .banner .banner__box .banner__buttons > a::before,
#MainContent > .shopify-section:first-child .banner .banner__box .banner__buttons > a::after{ display: none; }

.shopify-section .multicolumn.background-primary .title-wrapper-with-link{ justify-content: center; }
.shopify-section .multicolumn.background-primary .title-wrapper-with-link h2{margin: 0; padding: 0;font:500 22px/26px 'Roboto'; color: #e82d7e; text-transform: uppercase; text-align: center;}
.shopify-section .multicolumn.background-primary .title-wrapper-with-link h2 > span{font:900 56px/62px 'Roboto'; color: #222; display: block;}
.shopify-section .multicolumn.background-primary .multicolumn-list > li > .multicolumn-card{background: url(box-1.jpg) no-repeat center center; background-size: cover; padding: 23px 23px 28px;}
.shopify-section .multicolumn.background-primary .multicolumn-list > li:nth-child(2) > .multicolumn-card{ background-image: url(box-2.jpg);  }
.shopify-section .multicolumn.background-primary .multicolumn-list > li:nth-child(3) > .multicolumn-card{ background-image: url(box-3.jpg);  }
.shopify-section .multicolumn.background-primary .multicolumn-list > li > .multicolumn-card .multicolumn-card__image-wrapper{ border: 6px solid #fff; margin: 0 auto 22px; background-color: #e4e4e4; padding-top: 0; }
.shopify-section .multicolumn.background-primary .multicolumn-list > li > .multicolumn-card .multicolumn-card__info{ padding: 0; }
.shopify-section .multicolumn.background-primary .multicolumn-list > li > .multicolumn-card .multicolumn-card__info h3{ margin: 0 0 3px; padding: 0;font:500 22px/26px 'Roboto'; color: #fff; text-transform: none;}
.shopify-section .multicolumn.background-primary .multicolumn-list > li > .multicolumn-card .multicolumn-card__info .rte p{ margin: 0; padding: 0;font:400 16px/22px 'Roboto'; color: #fff;}


.shopify-section .multicolumn.toplist .multicolumn-list > li > .multicolumn-card .multicolumn-card__image-wrapper{ border:none; margin: 0 auto 23px; padding-top: 0; }
.shopify-section .multicolumn.toplist .multicolumn-list > li > .multicolumn-card .multicolumn-card__info{ padding: 0; }
.shopify-section .multicolumn.toplist .multicolumn-list > li > .multicolumn-card .multicolumn-card__info h3{ margin: 0 0 9px; padding: 0;font:500 22px/26px 'Roboto'; color: #303132; text-transform: none;}
.shopify-section .multicolumn.toplist .multicolumn-list > li > .multicolumn-card .multicolumn-card__info .rte p{ margin: 0; padding: 0;font:400 16px/22px 'Roboto'; color: #4c4c4c;}


.shopify-section .shipping_process{background: url(shipping-process.jpg) no-repeat center center; background-size: cover; padding: 42px 0 52px;}
.shopify-section .shipping_process .shippingblock h3{ margin: 2px 0; padding: 0;font:900 21px/26px 'Roboto'; color: #242424; text-transform: uppercase;}
.shopify-section .shipping_process .shippingblock p{ margin: 0; padding: 0;font:300 16px/22px 'Roboto'; color: #242424;}

.shopify-section .bulkcandy-section .banner__content{}
.shopify-section .bulkcandy-section.banner .banner__box > h2{ margin: 0 0 4px; padding: 0;font:normal 52px/55px 'Festival Budaya XXXI', sans-serif; color: #242424; text-transform: uppercase;  }
.shopify-section .bulkcandy-section.banner .banner__box > .banner__text.body{ margin: 0; padding: 0;font:300 18px/30px 'Roboto'; color: #242424; letter-spacing: normal;}
.shopify-section .bulkcandy-section.banner .banner__box .banner__buttons > a{ border:1px solid #242424; border-radius: 30px; padding: 15px 35px;font:300 18px 'Roboto'; color: #242424; outline: none; background-color:transparent; box-shadow: none; text-shadow: none; letter-spacing: normal; }
.shopify-section .bulkcandy-section.banner .banner__box .banner__buttons > a::before,
.shopify-section .bulkcandy-section.banner .banner__box .banner__buttons > a::after{ display: none; }

.shopify-section .beverages_arrival{}
.shopify-section .beverages_arrival .title-wrapper-with-link{ justify-content: center; }
.shopify-section .beverages_arrival .title-wrapper-with-link h2{margin: 0; padding: 0;font:300 30px/32px 'Roboto'; color: #e82d7e; text-transform: uppercase; text-align: center;}
.shopify-section .beverages_arrival .title-wrapper-with-link h2 > span{font:900 56px/62px 'Roboto'; color: #222; display: block;}
.gradient.beverages_arrival .card-wrapper .card .card__inner{ min-height: 319px; }
.card-wrapper .card .card__inner .card__media{ border: 1px solid #e6e6e6;}
.card-wrapper .card .card__content .card__information h3.card__heading{font:500 15px/22px 'Roboto'; color: #444;text-transform: none; border-bottom: 2px solid #e6e6e6;margin: 0 0 15px; padding: 0 0 10px; letter-spacing: normal; min-height: 56px; display: flex; align-items: center;}
.card-wrapper .card .card__content .card__information h3.card__heading a{font:500 15px/22px 'Roboto'; color: #444; text-decoration: none;}
.card-wrapper .card .card__content .card__information .card-information .price{font:700 24px/26px 'Roboto' !important; color: #444; letter-spacing: normal;}
.card-wrapper .card .card-footer{ display: flex; justify-content: space-between; align-items: center; }
.card-wrapper .card .card-footer .card-footer-right a.btn{font:500 14px 'Roboto' !important; color: #fff; background-color: #f94997; background-image: none; letter-spacing: normal; padding: 14px 23px; border-radius: 30px; display: inline-block;border: none;box-shadow: none; text-shadow: none;outline: none; text-decoration: none; text-transform: uppercase; }
.card-wrapper .card .card-footer .card-footer-right a.btn:hover{ background-color: #222529;}

.shopify-section .mysterybox .image-with-text__grid .image-with-text__media-item{ position: relative; }
.shopify-section .mysterybox .image-with-text__grid .image-with-text__media-item > img{max-width: none; width: 100%; display: block;}
.shopify-section .mysterybox .image-with-text__grid .image-with-text__media-item .overlapcontent{ position: absolute; top:188px; left: auto; right:18px; max-width: 300px; }
.shopify-section .mysterybox .image-with-text__grid .image-with-text__media-item .overlapcontent h2{margin: 0 0 4px; padding: 0;font:400 24px/32px 'Roboto'; color: #242424; text-transform: uppercase;}
.shopify-section .mysterybox .image-with-text__grid .image-with-text__media-item .overlapcontent h2 > b{font:normal 32px/38px 'Festival Budaya XXXI', sans-serif; color: #242424; display: block; margin-top: 7px;}
.shopify-section .mysterybox .image-with-text__grid .image-with-text__media-item .overlapcontent .image-with-text__text{margin: 0 0 25px; padding: 0;font:400 18px/24px 'Roboto'; color: #242424;}
.shopify-section .mysterybox .image-with-text__grid .image-with-text__media-item .overlapcontent .banner__buttons > a{ border:1px solid #242424; border-radius: 30px; padding: 15px 35px;font:300 18px 'Roboto'; color: #242424; outline: none; background-color:transparent; box-shadow: none; text-shadow: none; letter-spacing: normal; text-transform: uppercase; }
.shopify-section .mysterybox .image-with-text__grid .image-with-text__media-item .overlapcontent .banner__buttons > a::before,
.shopify-section .mysterybox .image-with-text__grid .image-with-text__media-item .overlapcontent .banner__buttons > a::after{ display: none; }
.shopify-section .mysterybox.reverse .image-with-text__grid .image-with-text__media-item .overlapcontent{ left: 18px; right: auto; }

/* Start Footer
------------------------------------*/
footer.footer{background:#150d5f url(footer-topback.jpg) no-repeat center center; background-size: cover; border: none !important; padding-bottom: 0;}
footer.footer .footer__content-top .footer-block h2.footer-block__heading{font:700 18px/23px 'Roboto'; color: #e7e6e6; letter-spacing: normal; text-transform: uppercase; margin: 0 0 37px; padding: 0;}
footer.footer .footer__content-top .footer-block .footer-block__details-content p,
footer.footer .footer__content-top .footer-block.footer-block__newsletter p.newsletter-block__content{font:400 14px/23px 'Roboto'; color: #e6e5e5; margin: 0 0 19px; padding: 0; }
footer.footer .footer__content-top .footer-block .footer-block__details-content p em{ font-style: normal; }
footer.footer .footer__content-top .footer-block .footer-block__details-content p a{ text-decoration: none; color: #e6e5e5; }
footer.footer .footer__content-top .footer-block .footer-block__details-content p a:hover{ color: #f34994;}
footer.footer .footer__content-top .footer-block ul.footer-block__details-content{-moz-column-count: 2;-moz-column-gap: 15px;-webkit-column-count: 2;-webkit-column-gap: 15px;column-count: 2;column-gap: 15px;}
footer.footer .footer__content-top .footer-block ul.footer-block__details-content li{font:400 13px/23px 'Roboto'; color: #e6e5e5;position: relative; text-transform: uppercase; padding-left: 17px; margin: 0 0 11px;}
footer.footer .footer__content-top .footer-block ul.footer-block__details-content li::before{ content: '\f105'; font-family: 'FontAwesome' !important; font-size: 18px; position: absolute; left: 0; top: 0;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; }
footer.footer .footer__content-top .footer-block ul.footer-block__details-content li:hover::before{ left: 5px;color: #f34994; }
footer.footer .footer__content-top .footer-block ul.footer-block__details-content li a{text-decoration: none; color: #e7e6e6; font-size: 13px; margin: 0; padding: 0;}
footer.footer .footer__content-top .footer-block ul.footer-block__details-content li a:hover{color: #f34994;}
footer.footer .footer__content-top .footer-block.footer-block__newsletter form.newsletter-form .field{ flex-direction: column; }
footer.footer .footer__content-top .footer-block.footer-block__newsletter form.newsletter-form .field input[type="email"]{ background-color: transparent; border: 2px solid #e3e3e2;font:400 14px 'Roboto'; color: #e6e5e5; padding: 6px 15px; box-shadow: none; outline: none;}
footer.footer .footer__content-top .footer-block.footer-block__newsletter form.newsletter-form .field label.field__label{font:400 14px 'Roboto'; color: #e3e3e2; top: 14px; left: 15px;}
footer.footer .footer__content-top .footer-block.footer-block__newsletter form.newsletter-form input.field__input:focus~.field__label{ font-size: 0; left: 8px;}
footer.footer .footer__content-top .footer-block.footer-block__newsletter form.newsletter-form .field button.newsletter-form__button{ position: static; }
footer.footer .footer__content-top .footer-block.footer-block__newsletter form.newsletter-form .field button.newsletter-form__button,
footer.footer .footer__content-top .footer-block.footer-block__newsletter form.newsletter-form .field button.newsletter-form__button:focus,
footer.footer .footer__content-top .footer-block.footer-block__newsletter form.newsletter-form .field button.newsletter-form__button:active,
footer.footer .footer__content-top .footer-block.footer-block__newsletter form.newsletter-form .field button.newsletter-form__button:hover{padding: 13px 15px; box-shadow: none; outline: none; background-color: #93dbed; background-image: none;font:700 18px 'Roboto'; color: #1c1c1c; text-transform: uppercase; display: inline-block; width: auto; margin-top: 22px; border: none; border-radius: 0; margin-left: 1px; width: 152px;}
footer.footer .footer__content-top .footer-block.footer-block__newsletter form.newsletter-form .field button.newsletter-form__button:hover{background-color: #f34994;}
footer.footer .footer__content-top .footer-block.footer-block__newsletter form.newsletter-form .field::before,
footer.footer .footer__content-top .footer-block.footer-block__newsletter form.newsletter-form .field::after{ display: none; }



footer.footer .footer__content-bottom{background:#f34994; border: none !important; padding-top: 24px; padding-bottom: 18px;}
footer.footer .footer__content-bottom .footer__column .footer__copyright{font: 400 16px/22px 'Roboto' !important; color: #fff;letter-spacing: normal; margin-top: 0;}
footer.footer .footer__content-bottom .footer__column .footer__copyright > small{ font-size: 16px !important;}
footer.footer .footer__content-bottom .footer__column ul.list-payment > li:nth-child(2),
footer.footer .footer__content-bottom .footer__column ul.list-payment > li:nth-child(3),
footer.footer .footer__content-bottom .footer__column ul.list-payment > li:nth-child(5),
footer.footer .footer__content-bottom .footer__column ul.list-payment > li:nth-child(6),
footer.footer .footer__content-bottom .footer__column ul.list-payment > li:nth-child(8),
footer.footer .footer__content-bottom .footer__column ul.list-payment > li:nth-child(9),
footer.footer .footer__content-bottom .footer__column ul.list-payment > li:nth-child(10){ display: none; }
footer.footer .footer__content-bottom .footer__column:nth-child(2){ align-items: flex-start; }
footer.footer .footer__content-bottom .footer__column:nth-child(3){ align-items:center; }
footer.footer .footer__content-bottom .footer__column .footer__payment{ margin-top: 0; }
footer.footer .footer__content-bottom .footer__column .footer__list-social.list-social:only-child{ justify-content: flex-end !important; column-gap: 12px; }
footer.footer .footer__content-bottom .footer__column .footer__list-social.list-social li.list-social__item a{ justify-content: center; align-items: center; width: 38px; height: 38px; padding: 0; text-align: center; border: 1px solid #fff; border-radius: 19px; }
footer.footer .footer__content-bottom .footer__column .footer__list-social.list-social li.list-social__item a > svg{color: #fff;}

/* End Footer
------------------------------------*/


/* Start Collection Page
------------------------------------*/
#ProductGridContainer .pagination-wrapper ul.pagination__list{ align-items: center; }
#ProductGridContainer .pagination-wrapper ul.pagination__list li{flex: 1 0 23px;max-width: 23px; margin-right: 0; max-height: 23px;}
#ProductGridContainer .pagination-wrapper ul.pagination__list li > a{font:400 20px/23px 'Poppins'; color: #141414; height: 23px; text-decoration: none;}
#ProductGridContainer .pagination-wrapper ul.pagination__list li > span.pagination__item{ font:400 20px/23px 'Poppins'; color: #f94997;height: 23px; }
#ProductGridContainer .pagination-wrapper ul.pagination__list li > a::after,
#ProductGridContainer .pagination-wrapper ul.pagination__list li > span.pagination__item::after{ display: none; }
#ProductGridContainer .pagination-wrapper ul.pagination__list li > a:hover{ color: #f94997;}

#ProductGridContainer .pagination-wrapper ul.pagination__list li > a.pagination__item--next,
#ProductGridContainer .pagination-wrapper ul.pagination__list li > a.pagination__item--prev{top:-4px; }

#main-collection-filters form#FacetFiltersForm .facet-filters__field h2.facet-filters__label{font:500 14px/22px 'Roboto'; color: rgba(37,37,37,.6);}
#main-collection-filters form#FacetFiltersForm .facet-filters__field .select select{ border:1px solid #9c9c9b; padding: 11px 15px;font:500 14px 'Roboto';  color: rgba(37,37,37,.6); box-shadow: none;outline: none;}
#main-collection-filters form#FacetFiltersForm .facet-filters__field .facet-filters__sort+.icon-caret{ right: 3px; }
#main-collection-filters form#FacetFiltersForm .product-count h2.product-count__text{font:500 14px/22px 'Roboto'; color: rgba(37,37,37,.6); margin-top: 10px;}

/* End Collection Page
------------------------------------*/



/* Start Collection List Page
------------------------------------*/
.collection-list-wrapper ul.collection-list{  }
.collection-list-wrapper ul.collection-list > li.collection-list__item{ }
.collection-list-wrapper ul.collection-list > li.collection-list__item .card-wrapper .card .card__inner{ border: none; background-color: transparent; margin-bottom: -28px; }
.collection-list-wrapper ul.collection-list > li.collection-list__item .card-wrapper .card .card__inner .card__media{ border:23px solid #fff;-webkit-box-shadow: 0 0 27px 5px rgba(152,150,150,.75);box-shadow: 0 0 27px 5px rgba(152,150,150,.75); border-radius: 50%; overflow: hidden; background-color: #fff; }
.collection-list-wrapper ul.collection-list > li.collection-list__item .card-wrapper .card .card__content .card__information{ border-radius: 25px; background-color: #ff4fa3; padding-top: 39px; padding-bottom: 27px; }
.collection-list-wrapper ul.collection-list > li.collection-list__item.blue .card-wrapper .card .card__content .card__information{background-color: #180d60;}
.collection-list-wrapper ul.collection-list > li.collection-list__item.orenge .card-wrapper .card .card__content .card__information{background-color: #e4760d;}
.collection-list-wrapper ul.collection-list > li.collection-list__item.golden .card-wrapper .card .card__content .card__information{background-color: #e1cc08;}
.collection-list-wrapper ul.collection-list > li.collection-list__item .card-wrapper .card .card__content .card__information h3{ margin: 0; padding: 0; font:600 30px/33px 'Teko', sans-serif; color: #fff; text-align: center; border: none; justify-content: center; }
.collection-list-wrapper ul.collection-list > li.collection-list__item .card-wrapper .card .card__content .card__information h3 a{ font:600 30px/33px 'Teko', sans-serif; color: #fff;text-decoration: none; text-transform: uppercase; }
.collection-list-wrapper ul.collection-list > li.collection-list__item .card-wrapper .card .card__content .card__information h3 a span.icon-wrap{ vertical-align: 10%; }

/* End Collection List Page
------------------------------------*/


/* Start Contact Page
------------------------------------*/
.shopify-section .banner_wrapper > .inner-bannerCaption h2.dark{ color: #242424; }
.page-width.contact_head h1.main-page-title{ display: none; }
.page-width.contact_head .rte{ text-align: center; }
.page-width.contact_head .rte h3{font:700 35px/42px 'Roboto'; color: #161617; margin: 0 0 15px; padding: 0 0 9px; position: relative; text-transform: uppercase;}
.page-width.contact_head .rte h3::after{ content: ''; display: inline-block; width: 25px; height: 3px; background-color: #211d1f; position: absolute; left: 50%; margin-left: -12px; top: auto; bottom: 0; }
.page-width.contact_head .rte p{font:400 16px/24px 'Roboto'; color: rgba(33,29,31,.7); margin: 0; padding: 0; }
form#ContactForm .field input.field__input,
form#ContactForm .field textarea.field__input{ height: 72px; padding: 6px 21px; border: 1px solid rgba(0,0,0,0.15); background-color: #fff; outline: none; text-shadow: none;-webkit-box-shadow: 0 0 32px 0 rgba(198,198,198,0.7);box-shadow: 0 0 32px 0 rgba(198,198,198,0.7);}
form#ContactForm .field input.field__input,
form#ContactForm .field textarea.field__input,
form#ContactForm .field label.field__label{font:400 14px 'Roboto'; color: #616161;}
form#ContactForm .field textarea.field__input{ height:112px;padding-top: 26px;}
form#ContactForm .field label.field__label{ top: 29px; left: 23px; letter-spacing: normal; text-transform: uppercase;}
form#ContactForm .field textarea.field__input+label.field__label{ top: 15px; }
form#ContactForm .field input.field__input:not(:placeholder-shown)~.field__label,
form#ContactForm .field input.field__input:focus~.field__label,
form#ContactForm .field textarea.field__input:not(:placeholder-shown)~.field__label,
form#ContactForm .field textarea.field__input:focus~.field__label{top: 10px;}
form#ContactForm .field::before,
form#ContactForm .field::after,
form#ContactForm .contact__button button::before,
form#ContactForm .contact__button button::after{ display: none; }
form#ContactForm .contact__button{ text-align: center; }
form#ContactForm .contact__button button{ text-shadow: none; box-shadow: none; outline: none; padding: 11px 58px; border: none; border-radius: 30px; display: inline-block; background-image: none; background-color: #ff4fa3;font:700 22px 'Poppins'; color: #fff; letter-spacing: 2px; text-transform: uppercase; }

.shopify-section.information_block{ padding-bottom: 40px; }
.shopify-section.information_block .grid .grid__item .info__text{ background-color: #fff; border: 1px solid rgba(0,0,0,0.15); padding: 22px 22px 40px;-webkit-box-shadow: 0 0 32px 0 rgba(198,198,198,0.7);box-shadow: 0 0 32px 0 rgba(198,198,198,0.7); min-height: 230px; }
.shopify-section.information_block .grid .grid__item .info__text > img{ margin-top: -80px; margin-bottom: 0; }
.shopify-section.information_block .grid .grid__item .info__text h3{font:600 23px/28px 'Poppins'; color: #211d1f; margin: 0 0 15px; padding: 8px 0 15px; position: relative; text-transform: uppercase; letter-spacing: normal;}
.shopify-section.information_block .grid .grid__item .info__text h3::after{ content: ''; display: inline-block; width: 25px; height: 3px; background-color: #211d1f; position: absolute;left: 50%; margin-left: -12px; top: auto; bottom: 0; }
.shopify-section.information_block .grid .grid__item .info__text p{font:400 16px/24px 'Roboto'; color: #211d1f; margin: 0; padding: 0; }
.shopify-section.information_block .grid .grid__item .info__text p a{ text-decoration: none; color: #211d1f; }
.shopify-section.information_block .grid .grid__item .info__text p a:hover{ color: #ff4fa3; }


/* End Contact Page
------------------------------------*/

/* Start Information Page
------------------------------------*/
.page-width.simple_page h1.main-page-title{ display: none; }
.page-width.simple_page .rte h2{font:700 30px/32px 'Roboto'; color: #212121; margin: 30px 0 10px; padding:0; text-transform: uppercase; letter-spacing: normal;}
.page-width.simple_page .rte,
.page-width.simple_page .rte p{font:400 15px/24px 'Poppins'; color: #737474; margin: 0 0 18px; padding: 0; }
.page-width.simple_page .rte a{ text-decoration: underline; }
.page-width.simple_page .rte a:hover{ text-decoration: none; color: #ff4fa3;}

/* End Information Page
------------------------------------*/

/* Start Policy Page
------------------------------------*/
#MainContent .shopify-policy__container .shopify-policy__title h1{font:600 67px/67px 'Teko', sans-serif; color: #242424;text-transform: capitalize; letter-spacing: normal;}
#MainContent .shopify-policy__container{ max-width: 1200px; }
#MainContent .shopify-policy__container .rte p{font:400 15px/24px 'Poppins'; color: #737474; margin: 0 0 18px; padding: 0; }
#MainContent .shopify-policy__container .rte p > strong{font:700 22px/28px 'Roboto'; color: #212121;}
#MainContent .shopify-policy__container .rte a{ text-decoration: underline; }
#MainContent .shopify-policy__container .rte a:hover{ text-decoration: none; color: #ff4fa3;}

/* End Policy Page
------------------------------------*/

/* Start About Page
------------------------------------*/
.about_section{ padding-top: 40px; }
.about_grid > .grid_item .about_rte h2{font:700 25px/28px 'Roboto'; color: #292a2a; margin: 0 0 18px; padding: 0; text-transform: capitalize;}
.about_section .about_rte p{font:700 16px/25px 'Roboto'; color: #7b7a7a; margin: 0 0 18px; padding: 0;}

/* End About Page
------------------------------------*/
/* Start Search Page
------------------------------------*/
.template-search .template-search__header > h1.h2{ height: 0; overflow: hidden; }
.template-search .template-search__header .template-search__search form.search .field input.search__input.field__input{ height: 77px; padding: 6px 42px; border: 1px solid rgba(0,0,0,0.15); background-color: #fff; outline: none; text-shadow: none;-webkit-box-shadow: 0 0 32px 0 rgba(198,198,198,0.7);box-shadow: 0 0 32px 0 rgba(198,198,198,0.7); border-radius: 40px;font:400 14px 'Roboto'; color: #616161;}
.template-search .template-search__header .template-search__search form.search .field label.field__label{font:400 14px 'Roboto'; color: #616161;top: 31px; left: 42px; letter-spacing: normal; text-transform: uppercase;}
.template-search .template-search__header .template-search__search form.search .field input.field__input:focus~.field__label,
.template-search .template-search__header .template-search__search form.search .field textarea.field__input:not(:placeholder-shown)~.field__label{top: 10px;}
.template-search .template-search__header .template-search__search form.search .field::before,
.template-search .template-search__header .template-search__search form.search .field::after{ display: none; }
.template-search .template-search__header .template-search__search form.search .field button.search__button{ right: 19px; top: 17px; }


/* End Search Page
------------------------------------*/


/* Start Login Page
------------------------------------*/
.customer.register h1,
.customer.login h1{ height: 0; overflow: hidden;}
.customer.register .field input[type="text"],
.customer.register .field input[type="email"],
.customer.register .field input[type="password"],
.customer.login .field input[type="email"],
.customer.login .field input[type="password"]{ height: 72px; padding: 6px 35px; border: 1px solid rgba(0,0,0,0.15); background-color: #fff; outline: none; text-shadow: none;-webkit-box-shadow: 0 0 32px 0 rgba(198,198,198,0.7);box-shadow: 0 0 32px 0 rgba(198,198,198,0.7); border-radius: 40px;}
.customer.register .field input[type="text"],
.customer.register .field input[type="email"],
.customer.register .field input[type="password"],
.customer.login .field input[type="email"],
.customer.login .field input[type="password"],
.customer.register form .field label,
.customer.login form .field label{font:400 14px 'Roboto'; color: #616161;}
.customer.register form .field label,
.customer.login form .field label{ top: 29px; left: 34px; letter-spacing: normal; text-transform: uppercase;}
.customer.register form .field input:not(:placeholder-shown)~label,
.customer.register form .field input:focus~label,
.customer.login form .field input:not(:placeholder-shown)~label,
.customer.login form .field input:focus~label{top: 10px;}
.customer.register form .field::before,
.customer.register form .field::after,
.customer.register form button::before,
.customer.register form button::after,
.customer.login form .field::before,
.customer.login form .field::after,
.customer.login form button::before,
.customer.login form button::after{ display: none; }
.customer.register form button,
.customer.login form button{ text-shadow: none; box-shadow: none; outline: none; padding: 11px 58px; border: none; border-radius: 30px; display: inline-block; background-image: none; background-color: #ff4fa3;font:700 22px 'Poppins'; color: #fff; letter-spacing: 2px; text-transform: uppercase; }
.customer.login a[href="#recover"]{ margin-left: auto; margin-right: auto; }

.customer.login form .field input{-webkit-box-shadow:inset 2px 5px 10px 0 rgba(174,177,177,0.7) !important;box-shadow:inset 2px 5px 10px 0 rgba(174,177,177,0.7) !important; border: 1px solid #dcdddd;}


.grid__item.slider__slide .card__heading.h5 {	height: 63px;}
/* End Login Page
------------------------------------*/
/* Start Cart Page
------------------------------------*/
.cart__footer .cart__ctas button{font: 500 20px Roboto!important;color: #fff;background-color: #f94997;background-image: none;letter-spacing: normal;padding: 14px 23px;border-radius:0px;}
.cart__footer .cart__ctas button:hover{background-color: #222529;}
/* End Cart Page
------------------------------------*/

/* landing-page Page
------------------------------------*/
.landing-page #shopify-section-announcement-bar, 
.landing-page #shopify-section-header,
.landing-page #shopify-section-footer
{ display:none;}

.landing-page #mysteryboxbannerbg{min-height:926px; position:relative;}
.landing-page #mysteryboxbannerbg .logo{position: absolute;left: 46%;top: 22px;}
.landing-page #mysteryboxbannerbg .model{position: absolute;bottom: 0;}
.landing-page #mysteryboxbannerbg .product {position: absolute;right: 17%;bottom: -14% !important;z-index: 9;}


.landing-page .mysterybox-welcome{position: relative;display: flex; padding-top:79px;}
.landing-page .mysterybox-welcome .left{ position:absolute; left:0;top:0px;}
.landing-page .mysterybox-welcome .right{ position:absolute; right:0;top:0px;}
.landing-page .mysterybox-welcome .page-width {padding: 54px 189px;text-align: center;}
.landing-page .mysterybox-welcome .page-width h4{font-size:72px;padding: 0;margin: 0;font-family: 'Great Vibes', cursive; color:#383738;line-height: 45px;}
.landing-page .mysterybox-welcome .page-width h3{font-size:61px;padding: 0;margin: 0; color:#ff006f; font-family: 'Great Vibes', cursive; font-weight: 900;}
.landing-page .mysterybox-welcome .page-width p{font-size:16px; line-height:22px; color:#1f1f1f;}
.landing-page .mysterybox-welcome .page-width a {font-size: 16px;background: #ff006f;color: #fff;width: 206px !important;display: flex;justify-content: center;margin: auto;align-items: center;min-height: 60px;border-radius: 50px;text-transform: uppercase;font-weight: bold;}


.landing-page .product-section{position:reletive; padding-bottom:99px;}
.landing-page .product-section .text-center.w-100 {text-align: center;}
.landing-page .product-section h2.heading{ font-size:45px;font-weight:bold; text-transform: uppercase;}
.landing-page .product-section .Product_Section.w-100 {display: flex;justify-content: center;}
.landing-page .product-section .Product_Section .Product_box {margin: 0 15px;text-align: center;width: 361px;}
.landing-page .product-section .Product_Section .Product_box .Product_image img{width:338px; height:313px;position: absolute;right: 0;top:32px;}
.landing-page .product-section .Product_Section .Product_box .Product_image{position:relative;min-height: 385px;}
.landing-page .product-section .Product_Section .Product_box:nth-child(3n+1) .Product_image{ background-image: url("https://cdn.shopify.com/s/files/1/0631/5022/7671/files/productbg01.png?v=1695214390");background-position: center;background-repeat: no-repeat;background-size: auto;background-position:left center;}
.landing-page .product-section .Product_Section .Product_box:nth-child(3n+2) .Product_image{background-image: url("https://cdn.shopify.com/s/files/1/0631/5022/7671/files/productbg02.png?v=1695214390");background-position: center;background-repeat: no-repeat;background-size: auto;background-position: left center;}
.landing-page .product-section .Product_Section .Product_box:nth-child(3n+3) .Product_image{background-image: url("https://cdn.shopify.com/s/files/1/0631/5022/7671/files/productbg03.png?v=1695214390");background-position: center;background-repeat: no-repeat;background-size: auto;background-position: left center;}


.landing-page .product-section .Product_Section .Product_box .Product_detail h2 {font-weight: bold;font-size: 18px;line-height: 22px;color: #030409;font-family: "Poppins", Sans-serif;min-height: 45px;}
.landing-page .product-section .Product_Section .Product_box .Product_detail p{min-height: 72px;font-weight: 400;font-size: 14px;line-height: 18px;color: #545454;font-family: "Roboto",Sans-serif;}
.landing-page .product-section .Product_Section .Product_box .Product_detail a.btn {text-decoration:none;font-family: "Poppins", Sans-serif;width: 185px;min-height: 54px;display: flex;justify-content: center;margin: 0 auto;background: #ff006f;align-items: center;color: #fff;text-transform: uppercase;border-radius: 50px;border: 2px solid #597493;font-size: 18px;font-weight: bold;line-height: 23px;}
.landing-page .product-section .Product_Section .Product_box .Product_detail:hover a.btn {background:#597493;transition: all 1s ease 0s;transform: scale(1.1);}

.landing-page .offer-section{position: reletive;}
.landing-page .offer-section #offer-sction01 {min-height: 441px;display: flex;align-items: center;}
.landing-page .offer-section #offer-sction01 .offer-content {	max-width: 598px;margin-left: -47%;}
.landing-page .offer-section #offer-sction01 .offer-content h2{font-weight: 700;font-size: 70px;line-height: 66px;color: #173d68;min-height: 45px;font-family: 'Gluten', cursive;padding: 0;margin: 0;text-transform: uppercase;text-align: center;}
.landing-page .offer-section #offer-sction01 .offer-content h3{ font-weight: 700;font-size: 54px;line-height: 66px;color: #173d68;min-height: 45px;font-family: 'Gluten', cursive;padding: 0;margin: 0;text-transform: uppercase;text-align: center;}
.landing-page .offer-section #offer-sction01 .offer-content p{min-height: 72px;font-weight: 400;font-size: 16px;line-height: 24px;color: #545454;font-family: "Poppins", Sans-serif;text-align: center;}
.landing-page .offer-section #offer-sction01 .offer-content a{text-decoration:none;font-family: "Poppins", Sans-serif;width: 322px;min-height: 54px;display: flex;justify-content: center;margin: 0 auto;background: #ff006f;align-items: center;color: #fff;text-transform: uppercase;border-radius: 50px;font-size: 30px;font-weight: bold;line-height: 23px;}
.landing-page .offer-section #offer-sction01 .offer-content:hover a{background:#597493;transition: all 1s ease 0s;transform: scale(1.1);}

.landing-page .offer-section #offer-sction02 {min-height: 549px;display: flex;align-items: center; position:relative;}
.landing-page .offer-section #offer-sction02 .offer-content {max-width: 598px;position: absolute;top: 23%;right: 25%;}
.landing-page .offer-section #offer-sction02 .offer-content h2{ text-shadow: 6px 9px 8px #f37497;font-weight: 700;font-size: 70px;line-height: 66px;color: #fff;min-height: 45px;font-family: 'Gluten', cursive;padding: 0;margin: 0;text-transform: uppercase;text-align: right; width:70%;float:left;}
.landing-page .offer-section #offer-sction02 .offer-content h3{ text-shadow: 6px 9px 8px #f37497; font-weight: 700;font-size: 70px;line-height: 66px;color: #f9da00;min-height: 45px;font-family: 'Gluten', cursive;padding: 0;margin: 0;text-transform: uppercase;text-align: center;float:left;width: 30%;}
.landing-page .offer-section #offer-sction02 .offer-content p{min-height: 72px;font-weight: 400;font-size: 16px;line-height: 24px;color: #000;font-family: "Poppins", Sans-serif;text-align: center;}
.landing-page .offer-section #offer-sction02 .offer-content a{text-decoration:none;font-family: "Poppins", Sans-serif;width: 322px;min-height: 54px;display: flex;justify-content: center;margin: 0 auto;background: #ff006f;align-items: center;color: #fff;text-transform: uppercase;border-radius: 50px;font-size: 30px;font-weight: bold;line-height: 23px;}
.landing-page .offer-section #offer-sction02 .offer-content:hover a{background:#597493;transition: all 1s ease 0s;transform: scale(1.1);}

.landing-page #mysterybox-footer-box {min-height: 569px;padding: 65px 0 45px 0;text-align: center; position:relative;}
.landing-page #copyright {background: #f9da00;min-height: 45px;}
.landing-page #copyright .page-width div{width:50%; float:left;}
.landing-page #copyright .page-width{align-items: center;display: flex;min-height: 45px;}
.landing-page #copyright a{color:#000;text-decoration:none;}
.landing-page #copyright .text-right{text-align:right;padding-right: 18px;}
.landing-page #copyright .text-left{text-align:left;}
.landing-page #copyright .list-payment {justify-content: left !important;}
.landing-page .mysteryboxfooterlogo{padding-bottom:63px;}
.landing-page .newsletter-form, .landing-page .newsletter-form__field-wrapper {max-width: 695px !important;margin-bottom: 45px;position: relative;}
.landing-page .newsletter-form__field-wrapper  .field::before, .landing-page .newsletter-form__field-wrapper  .field::after{display:none;}
.landing-page .newsletter-form__field-wrapper .field__input {padding-right: 5rem;border: 2px solid #ff840a;min-height: 60px;}
.landing-page .newsletter-form__field-wrapper .field__input:focus{box-shadow: none;}
/*.landing-page .mysterybox-footer-box .landing-newsletter {background: #ef4494 !important;color: #fff;width: 178px;height: 48px;top: 7px;right: 6px;font-size: 22px;text-transform: uppercase;font-weight:bold;}*/
.landing-page .newsletter-form__field-wrapper #Subscribe {background: #ef4494;color: #fff;width: 178px;height: 48px;top: 7px;right: 6px;font-size: 22px;text-transform: uppercase;font-weight:bold;}
.landing-page .mb-social .list-social {justify-content: center !important;}



/* mystery-box Page
------------------------------------*/

.mystery-box #mysteryboxbannerbg{min-height:926px; position:relative;}
.mystery-box #mysteryboxbannerbg .logo{position: absolute;left: 46%;top: 22px;}
.mystery-box #mysteryboxbannerbg .model{position: absolute;bottom: 0;}
.mystery-box #mysteryboxbannerbg .product {position: absolute;right: 17%;bottom: -14% !important;z-index: 9;}

.mystery-box .mysterybox-welcome{position: relative;display: flex; padding-top:79px;}
.mystery-box .mysterybox-welcome .left{ position:absolute; left:0;top:0px;}
.mystery-box .mysterybox-welcome .right{ position:absolute; right:0;top:0px;}
.mystery-box .mysterybox-welcome .page-width {padding: 54px 189px;text-align: center;}
.mystery-box .mysterybox-welcome .page-width h4{font-size:72px;padding: 0;margin: 0;font-family: 'Great Vibes', cursive; color:#383738;line-height: 45px;}
.mystery-box .mysterybox-welcome .page-width h3{font-size:61px;padding: 0;margin: 0; color:#ff006f; font-family: 'Great Vibes', cursive; font-weight: 900;}
.mystery-box .mysterybox-welcome .page-width p{font-size:16px; line-height:22px; color:#1f1f1f;}
.mystery-box .mysterybox-welcome .page-width a {font-size: 16px;background: #ff006f;color: #fff;width: 206px !important;display: flex;justify-content: center;margin: auto;align-items: center;min-height: 60px;border-radius: 50px;text-transform: uppercase;font-weight: bold;}

.mystery-box .product-section{position:reletive; padding-bottom:99px;}
.mystery-box .product-section .text-center.w-100 {text-align: center;}
.mystery-box .product-section h2.heading{ font-size:45px;font-weight:bold; text-transform: uppercase;}
.mystery-box .product-section .Product_Section.w-100 {display: flex;justify-content: center;}
.mystery-box .product-section .Product_Section .Product_box {margin: 0 15px;text-align: center;width: 361px;}
.mystery-box .product-section .Product_Section .Product_box .Product_image img{width:338px; height:313px;position: absolute;right: 0;top:32px;}
.mystery-box .product-section .Product_Section .Product_box .Product_image{position:relative;min-height: 385px;}
.mystery-box .product-section .Product_Section .Product_box:nth-child(3n+1) .Product_image{ background-image: url("https://cdn.shopify.com/s/files/1/0631/5022/7671/files/productbg01.png?v=1695214390");background-position: center;background-repeat: no-repeat;background-size: auto;background-position:left center;}
.mystery-box .product-section .Product_Section .Product_box:nth-child(3n+2) .Product_image{background-image: url("https://cdn.shopify.com/s/files/1/0631/5022/7671/files/productbg02.png?v=1695214390");background-position: center;background-repeat: no-repeat;background-size: auto;background-position: left center;}
.mystery-box .product-section .Product_Section .Product_box:nth-child(3n+3) .Product_image{background-image: url("https://cdn.shopify.com/s/files/1/0631/5022/7671/files/productbg03.png?v=1695214390");background-position: center;background-repeat: no-repeat;background-size: auto;background-position: left center;}


.mystery-box .product-section .Product_Section .Product_box .Product_detail h2 {font-weight: bold;font-size: 18px;line-height: 22px;color: #030409;font-family: "Poppins", Sans-serif;min-height: 45px;}
.mystery-box .product-section .Product_Section .Product_box .Product_detail p{min-height: 72px;font-weight: 400;font-size: 14px;line-height: 18px;color: #545454;font-family: "Roboto",Sans-serif;}
.mystery-box .product-section .Product_Section .Product_box .Product_detail a.btn {text-decoration:none;font-family: "Poppins", Sans-serif;width: 185px;min-height: 54px;display: flex;justify-content: center;margin: 0 auto;background: #ff006f;align-items: center;color: #fff;text-transform: uppercase;border-radius: 50px;border: 2px solid #597493;font-size: 18px;font-weight: bold;line-height: 23px;}
.mystery-box .product-section .Product_Section .Product_box .Product_detail:hover a.btn {background:#597493;transition: all 1s ease 0s;transform: scale(1.1);}

.mystery-box .offer-section{position: reletive;}
.mystery-box .offer-section #offer-sction01 {min-height: 441px;display: flex;align-items: center;}
.mystery-box .offer-section #offer-sction01 .offer-content {	max-width: 598px;margin-left: -47%;}
.mystery-box .offer-section #offer-sction01 .offer-content h2{font-weight: 700;font-size: 70px;line-height: 66px;color: #173d68;min-height: 45px;font-family: 'Gluten', cursive;padding: 0;margin: 0;text-transform: uppercase;text-align: center;}
.mystery-box .offer-section #offer-sction01 .offer-content h3{ font-weight: 700;font-size: 54px;line-height: 66px;color: #173d68;min-height: 45px;font-family: 'Gluten', cursive;padding: 0;margin: 0;text-transform: uppercase;text-align: center;}
.mystery-box .offer-section #offer-sction01 .offer-content p{min-height: 72px;font-weight: 400;font-size: 16px;line-height: 24px;color: #545454;font-family: "Poppins", Sans-serif;text-align: center;}
.mystery-box .offer-section #offer-sction01 .offer-content a{text-decoration:none;font-family: "Poppins", Sans-serif;width: 322px;min-height: 54px;display: flex;justify-content: center;margin: 0 auto;background: #ff006f;align-items: center;color: #fff;text-transform: uppercase;border-radius: 50px;font-size: 30px;font-weight: bold;line-height: 23px;}
.mystery-box .offer-section #offer-sction01 .offer-content:hover a{background:#597493;transition: all 1s ease 0s;transform: scale(1.1);}

.mystery-box .offer-section #offer-sction02 {min-height: 549px;display: flex;align-items: center; position:relative;}
.mystery-box .offer-section #offer-sction02 .offer-content {max-width: 598px;position: absolute;top: 23%;right: 25%;}
.mystery-box .offer-section #offer-sction02 .offer-content h2{ text-shadow: 6px 9px 8px #f37497;font-weight: 700;font-size: 70px;line-height: 66px;color: #fff;min-height: 45px;font-family: 'Gluten', cursive;padding: 0;margin: 0;text-transform: uppercase;text-align: right; width:70%;float:left;}
.mystery-box .offer-section #offer-sction02 .offer-content h3{ text-shadow: 6px 9px 8px #f37497; font-weight: 700;font-size: 70px;line-height: 66px;color: #f9da00;min-height: 45px;font-family: 'Gluten', cursive;padding: 0;margin: 0;text-transform: uppercase;text-align: center;float:left;width: 30%;}
.mystery-box .offer-section #offer-sction02 .offer-content p{min-height: 72px;font-weight: 400;font-size: 16px;line-height: 24px;color: #000;font-family: "Poppins", Sans-serif;text-align: center;}
.mystery-box .offer-section #offer-sction02 .offer-content a{text-decoration:none;font-family: "Poppins", Sans-serif;width: 322px;min-height: 54px;display: flex;justify-content: center;margin: 0 auto;background: #ff006f;align-items: center;color: #fff;text-transform: uppercase;border-radius: 50px;font-size: 30px;font-weight: bold;line-height: 23px;}
.mystery-box .offer-section #offer-sction02 .offer-content:hover a{background:#597493;transition: all 1s ease 0s;transform: scale(1.1);}

.mystery-box #mysterybox-footer-box {min-height: 569px;padding: 65px 0 45px 0;text-align: center;}
.mystery-box #copyright {background: #f9da00;min-height: 45px;}
.mystery-box #copyright .page-width div{width:50%; float:left;}
.mystery-box #copyright .page-width{align-items: center;display: flex;min-height: 45px;}
.mystery-box #copyright a{color:#000;text-decoration:none;}
.mystery-box #copyright .text-right{text-align:right;padding-right: 18px;}
.mystery-box #copyright .text-left{text-align:left;}
.mystery-box #copyright .list-payment {justify-content: left !important;}
.mystery-box .mysteryboxfooterlogo{padding-bottom:63px;}
.mystery-box .newsletter-form, .mystery-box .newsletter-form__field-wrapper {max-width: 695px !important;margin-bottom: 45px;position: relative;}
.mystery-box .newsletter-form__field-wrapper  .field::before, .mystery-box .newsletter-form__field-wrapper  .field::after{display:none;}
.mystery-box .newsletter-form__field-wrapper .field__input {padding-right: 5rem;border: 2px solid #ff840a;min-height: 60px;}
.mystery-box .newsletter-form__field-wrapper .field__input:focus{box-shadow: none;}
.mystery-box .newsletter-form__field-wrapper #Subscribe {background: #ef4494;color: #fff;width: 178px;height: 48px;top: 7px;right: 6px;font-size: 22px;text-transform: uppercase;font-weight:bold;}
.mystery-box .mb-social .list-social {justify-content: center !important;}




.astro-snax-landing #shopify-section-announcement-bar, 
.astro-snax-landing #shopify-section-header,
.astro-snax-landing #shopify-section-footer
{ display:none;}
.astro-snax-landing .astro-snax-header .page-width {padding:9px 15px;display: flex;justify-content: space-between;align-items: center;}
.astro-snax-landing .astro-snax-header .page-width .list-social__link {align-items: center;display: flex;padding: 1.3rem;color: #4d4c4c;border: 2px solid;border-radius: 50%;margin: 3px;}
.astro-snax-landing .astro-snax-header .page-width .list-social__link:hover {transition: all 1s ease 0s;transform: scale(1.1);}

.astro-snax-landing .astro-snax-welcome{overflow: hidden;position: relative;background-image: url(//thesnackhut.net/cdn/shop/files/bg2_1600x639.png?v=1696922985);background-position: right;background-repeat: no-repeat;background-size: cover;min-height: 639px;align-items: center;display: flex;justify-content: center;}
.astro-snax-landing #astro-snax-welcome {display: flex;	}
.astro-snax-landing #astro-snax-welcome img.left{ position:absolute; bottom:-1px;left:0;}
.astro-snax-landing #astro-snax-welcome img.right{ position:absolute; top:0;right: 0;}

.astro-snax-landing #astro-snax-welcome .page-width.text-center{width:100%; text-align:center; color:#edfffd;}
.astro-snax-landing #astro-snax-welcome .page-width.text-center h4{ font-family: 'Pacifico', cursive;font-size: 54px;line-height: 0px;color: #edfffd;}
.astro-snax-landing #astro-snax-welcome .page-width.text-center h3{font-family: 'Pacifico', cursive;font-size: 54px;line-height: 0px;color: #edfffd;}
.astro-snax-landing #astro-snax-welcome .page-width.text-center p{font-size: 20px;line-height: 29px;color: #edfffd;margin-bottom: 45px;}
.astro-snax-landing #astro-snax-welcome .page-width.text-center a {margin-top:24px;font-size: 22px;line-height: 29px;color: #edfffd;text-transform: uppercase;border: 2px solid;padding: 12px 24px;text-decoration: none;}
.astro-snax-landing #astro-snax-welcome .page-width.text-center:hover a {transition: all 1s ease 0s;transform: scale(1.1);}

.astro-snax-landing .astrosnax-section {position: relative;min-height: 1000px;overflow: hidden;}
.astro-snax-landing .astrosnax-section .logo {position: absolute;right: 24%;top: 27%;z-index: 9;}
.astro-snax-landing .astrosnax-section .model {position: absolute;left: 5%;bottom:0;z-index:9;}
.astro-snax-landing .astrosnax-section .product {position: absolute;left: 36%;bottom: 12%;z-index: 1;}
.astro-snax-landing .astrosnax-section .content {position: absolute;right: 9%;width: 382px;height: 185px;top: 53%;}
.astro-snax-landing .astrosnax-section .content h3 {margin: 0;padding: 0;text-transform: uppercase;font-size: 30px;line-height: 29px;}
.astro-snax-landing .astrosnax-section .content p{margin: 0;padding: 0;font-size: 16px;line-height: 25px;}
.astro-snax-landing .astrosnax-section .leftbgimg {position: absolute;bottom: -47px;left: 0;z-index: 9;}
.astro-snax-landing .astrosnax-section .rightbgimg {position: absolute;bottom: 0;right: 0;}

.astro-snax-landing .astrosnax-footer {background: #170e5f;color: #fff;text-align: center; min-height:169px; display: flex; align-items: center;justify-content: center;text-transform: uppercase;}
.astro-snax-landing .astrosnax-footer a{color: #fff;text-align: center;text-decoration: none;font-size: 16px;}
.astro-snax-landing .astrosnax-footer .list-social a {align-items: center;display: flex;padding: 1.3rem;color: #ffffff;border: 2px solid;border-radius: 50%;margin: 12px 3px;}
.astro-snax-landing .astrosnax-footer .list-social a:hover {transition: all 1s ease 0s;transform: scale(1.1);}


.astro-snax-landing #astro-snax-meking {min-height: 767px;margin-top: -131px;z-index: 99;position: relative;padding-top: 150px;padding-bottom: 15px;}
.astro-snax-landing #astro-snax-meking .page-width {padding: 0 138px;text-align: center;}
.astro-snax-landing #astro-snax-meking .page-width h3{margin:0;padding: 0;color: #fff;font-family: 'Great Vibes', cursive; font-size:60px;}
.astro-snax-landing #astro-snax-meking .page-width h2{margin:0;padding: 0;color: #fff;font-family: 'Pacifico', cursive;font-size:85px;margin-bottom: 27px;}
.astro-snax-landing #astro-snax-meking .page-width p{margin:0 0 27px 0;padding: 0;color: #fff;font-size:16px;}
.astro-snax-landing #astro-snax-meking .page-width .icon {margin-top: -97px;margin-bottom: 12px; font-size:16px;line-height: 22px;}


.astro-snax-landing #astro-snax-about{ min-height:1848px;}
.astro-snax-landing #astro-snax-about .about {display: flex;align-items: center;padding: 81px 0;}
.astro-snax-landing #astro-snax-about .about h3 {font-weight: bold;font-size: 36px;padding: 0;margin: 0;text-transform:uppercase;}
.astro-snax-landing #astro-snax-about .about h2 {font-weight: 900;font-size: 89px;padding: 0;margin: 9px 0 26px;text-transform: uppercase;color: #f78f1b;line-height: 60px;}
.astro-snax-landing #astro-snax-about .about p{font-weight: 400;font-size: 17px;padding: 0;margin: 0 0 18px 0;color:#484848; line-height:26px;}
.astro-snax-landing #astro-snax-about .about a {background: #562d18;padding: 12px 24px;border-radius: 50px;color: #fff;text-decoration: none;}
.astro-snax-landing #astro-snax-about  .image {padding-right: 54px;}

.astro-snax-landing #astro-snax-about .product{}
.astro-snax-landing #astro-snax-about .product h2 {margin: 0 0 27px;padding: 0;color: #170e60;font-family: Pacifico,cursive;font-size: 72px;text-align: center;}
.astro-snax-landing #astro-snax-about .product .shap {width: 95px;height: 8px;margin: 0 auto;background: #d01873;display: block !important;}
.astro-snax-landing #astro-snax-about .product .Product_section {display: flex;justify-content: center;align-items: center;text-align: center;margin-top: 54px;}
.astro-snax-landing #astro-snax-about .product .Product_section .Product_box {width: 100%;border-right: 1px solid #e7e7e7;position: relative;}
.astro-snax-landing #astro-snax-about .product .Product_section .Product_box:last-child {border-right: 0px solid #e7e7e7;}
.astro-snax-landing #astro-snax-about .product .Product_section .Product_box h3 {margin: 0 0 27px;padding: 0 158px;color: #170e60;font-size: 25px;text-align: center;line height:29px;}
.astro-snax-landing #astro-snax-about .product .Product_section .Product_box .price {color: #d01873;font-size: 35px;text-align: center;line height:22px;font-weight: 800;font-style: normal;}

.astro-snax-landing #astro-snax-about .product .Product_section .Product_box p {padding:0 10%;}
.astro-snax-landing #astro-snax-about .product .Product_section .Product_box .btn {background: #562d18;padding: 12px 24px;border-radius: 50px;color: #fff;text-decoration: none;position: absolute;bottom: -56px;justify-content: center;display: flex;width: auto;left: 37%;font-size: 20px !important;text-transform: uppercase !important;font-style: normal !important;font-weight: 800 !important;border: none;line-height: 27px;font-family: var(--font-body-family);}





/* Start Responsive
------------------------------------*/
@media (min-width: 1920px) {
.astro-snax-landing .astro-snax-welcome, .astro-snax-landing .astrosnax-section {max-width: 1779px;margin: auto;}
  .astro-snax-landing #astro-snax-meking {min-height: 754px;margin-top: -337px;padding-top: 357px;background-position: top center !important;}
  .astro-snax-landing .astrosnax-section .leftbgimg, .astro-snax-landing .astrosnax-section .rightbgimg{display:none;}
}
@media (min-width: 750px) {
    .page-width{ padding-left: 15px; padding-right: 15px; }
    header.header--has-menu:not(.header--middle-left){ padding-top: 0; }
    header.header{grid-template-areas:"heading customsearch icons" "navigation navigation navigation";  grid-template-columns: 1fr 2fr auto;}
    .announcement-innerwrapper{ display: flex; align-items: center; justify-content: space-between; }
    .announcement-wrapper.color-accent-1 .announcement-bar{ flex: 0 0 32%;border-bottom: none; }
    .announcement-wrapper.color-accent-1 .announcement-bar:nth-child(2){ flex: 0 0 40%; }
    .announcement-wrapper.color-accent-1 .announcement-innerwrapper > .announcement-bar:last-child{flex: 0 0 28%;text-align: right;}
    .announcement-wrapper.color-accent-1 .announcement-innerwrapper > .announcement-bar:not(:last-child){border-right:1px solid #d9d9d9;}
    .announcement-wrapper.color-accent-1 .announcement-innerwrapper > .announcement-bar:first-child p.announcement-bar__message{padding-left: 0; padding-right: 0; text-align: left;}
    .announcement-wrapper ul.announcement__menu{display: flex; justify-content: flex-end;}
    header.header > .header__inline-menu{display: none;}
    .header-wrapper .header__inline-menu.custom_menu{display: block; }
    header.header .header__icons .header__search{ display: none; }    
    header.header .header__customsearch .search-modal__form{ max-width: 605px; }
    footer.footer{ padding-top:78px; }
    .footer__content-top .grid{ column-gap:60px; }
    footer.footer .footer__content-top .footer-block:nth-child(1),
    footer.footer .footer__content-top .footer-block:nth-child(3){ width: calc(29% - 45px) !important; }
    footer.footer .footer__content-top .footer-block:nth-child(2){ width: calc(42% - 45px) !important; }
    .shopify-section .multicolumn.toplist .multicolumn-list{ column-gap: 43px; }
    .shopify-section .multicolumn.toplist .multicolumn-list > li{width: calc(33.33% - 43px * 2 / 3) !important; max-width: calc(33.33% - 43px * 2 / 3) !important;}

    .shopify-section .bulkcandy-section .banner__content .banner__box{ max-width: 1027px; }
    .shopify-section .beverages_arrival .grid{ column-gap: 27px; }
    .shopify-section .beverages_arrival .grid .grid__item{width: calc(25% - 27px * 3 / 4);max-width: calc(25% - 27px * 3 / 4);}
    .shopify-section .mysterybox .image-with-text__grid{ align-items: center; }
    .shopify-section .mysterybox .image-with-text__text-item{ padding: 0 70px;}
    .shopify-section .mysterybox.reverse .image-with-text__grid{flex-direction: row-reverse;}
    #ProductGridContainer ul.product-grid{ column-gap: 30px; row-gap:42px; }
    #ProductGridContainer ul.product-grid > li.grid__item{ width: calc(25% - 30px * 3 / 4);max-width: calc(25% - 30px * 3 / 4);}

    .collection-list-wrapper ul.collection-list{ column-gap: 152px; row-gap:59px; }
    .collection-list-wrapper ul.collection-list > li.collection-list__item{width: calc(50% - 152px / 2);max-width: calc(50% - 152px / 2);}

    .shopify-section.information_block .grid{ column-gap: 77px; }
    .shopify-section.information_block .grid > .grid__item{width: calc(33.33% - 77px * 2 / 3);max-width: calc(33.33% - 77px * 2 / 3);}

    .about_grid{ column-gap: 57px; display: flex; row-gap:40px; }
    .about_grid > .grid_item{ width: calc( 40.5% - 57px/2 ); }
    .about_grid > .grid_item:last-child{ width: calc( 59.5% - 57px/2 ); }
    .customer.register,.customer.login{ max-width: 757px !important; }
}
@media (max-width: 1366px) {
  .astro-snax-landing .astrosnax-section img.leftbgimg{width: 38%;}
  .astro-snax-landing .astrosnax-section img.rightbgimg {width: 27%;}
}
@media (max-width: 749px) {
    header.header .header__customsearch{ display: none; }
    .shopify-section .mysterybox .image-with-text__text-item{ padding: 0 20px;}
}

/*.card__inner.color-background-2.ratio {
	min-height: 410px;
}*

/* End Responsive
------------------------------------*/

/* Responsive CSS on Site
=========================================================*/


/*=========================================================*/
@media screen and (min-width: 568px) and (max-width: 768px) {
  #custom-header-bg{background-position: 167% 40% !important;}
  .astro-snax-landing #astro-snax-welcome .page-width.text-center h4 {font-size: 39px;}
  .astro-snax-landing #astro-snax-welcome .page-width.text-center h3 {font-size:39px;}
  .astro-snax-landing #astro-snax-welcome .page-width.text-center a {font-size: 17px;}
   #astro-snax-welcome img{ width:36%;}
  .astro-snax-landing .astro-snax-welcome {min-height: auto;padding: 45px 0;}
  #mysteryboxbannerbg img{ width:33%;}
  .astro-snax-landing .astrosnax-section .product {left: 33%;}
  .astro-snax-landing .astrosnax-section {min-height: 572px;}
  .astro-snax-landing .astrosnax-section .logo {position: absolute;right: 29%;top: 10%;z-index: 9;width: 14% !important;}
  .astro-snax-landing .astrosnax-section .content {position: absolute;right: 4%;width: 208px;height: auto;top: 32%;}
  .astro-snax-landing .astrosnax-section .leftbgimg {width:43% !important;}
  .astro-snax-landing .astrosnax-section .rightbgimg{width:24% !important;}
  .astro-snax-landing #astro-snax-meking { min-height: 767px; margin-top: -161px;}
  .astro-snax-landing #astro-snax-about .about {display: block;}
  .astro-snax-landing #astro-snax-about .about h2 {font-size: 69px;}
  .astro-snax-landing #astro-snax-about .image {padding-right: 0;width: 81%;margin: auto;}
  .astro-snax-landing #astro-snax-about .image .right {text-align: right;width: 100%;}

  .astro-snax-landing #astro-snax-meking .page-width h3 {font-size: 36px;}
  .astro-snax-landing #astro-snax-meking .page-width h2 {font-size: 45px;}
  .astro-snax-landing #astro-snax-meking .page-width {padding: 0 100px;}
  .astro-snax-landing #astro-snax-about .product .Product_section .Product_box h3 {padding: 0 18px;}
  .astro-snax-landing #astro-snax-about .product {height: 1107px;}
}
@media screen and (min-width: 769px) and (max-width: 991px) {
  #custom-header-bg{background-position: 126% 40% !important;}
  #astro-snax-welcome img{ width:36%;}
  .astro-snax-landing .astro-snax-welcome {min-height: auto;padding: 45px 0;}
  #mysteryboxbannerbg img{ width:36%;}
  .astro-snax-landing .astrosnax-section {min-height: 774px;}
  .astro-snax-landing .astrosnax-section .logo {position: absolute;right: 21%;top: 10%;z-index: 9;width:14%!important;}
  .astro-snax-landing .astrosnax-section .content {position: absolute;right: 8%;width: 190px;height: 185px;top: 30%;}
  .astro-snax-landing .astrosnax-section .leftbgimg {width:43% !important;}
  .astro-snax-landing .astrosnax-section .rightbgimg{width:30% !important;}
  .astro-snax-landing #astro-snax-meking { min-height: 767px; margin-top: -162px;}
  .astro-snax-landing #astro-snax-about .about h2 {font-size: 69px;}
  .astro-snax-landing #astro-snax-about .image {padding-right: 54px;width: 209%;}
  .astro-snax-landing #astro-snax-about .image .right {text-align: right;width: 100%;}
}
@media screen and (min-width: 992px) and (max-width: 1124px) {
  #custom-header-bg{background-position: 126% 40% !important;}
  #astro-snax-welcome img{ width:36%;}
  .astro-snax-landing .astro-snax-welcome {min-height: auto;padding: 45px 0;}
  #mysteryboxbannerbg img{ width:36%;}
  .astro-snax-landing .astrosnax-section {min-height: 774px;}
  .astro-snax-landing .astrosnax-section .logo {position: absolute;right: 21%;top: 10%;z-index: 9;width:14%!important;}
  .astro-snax-landing .astrosnax-section .content {position: absolute;right: 8%;width: 190px;height: 185px;top: 30%;}
  .astro-snax-landing .astrosnax-section .leftbgimg {width:43% !important;}
  .astro-snax-landing .astrosnax-section .rightbgimg{width:30% !important;}
  .astro-snax-landing #astro-snax-meking { min-height: 767px; margin-top: -162px;}
  .astro-snax-landing #astro-snax-about .about h2 {font-size: 69px;}
  .astro-snax-landing #astro-snax-about .image {padding-right: 54px;width: 209%;}
  .astro-snax-landing #astro-snax-about .image .right {text-align: right;width: 100%;}
}

@media screen and (min-width: 1125px) and (max-width: 1392px){
  #custom-header-bg{background-position: 109% 40% !important;}
  .astro-snax-landing #astro-snax-welcome img {width: 39%;}
  .astro-snax-landing .astro-snax-welcome {min-height: 491px;}
  .astro-snax-landing .astrosnax-section .content {right: 5%;width: 294px;}
  .astro-snax-landing #astro-snax-meking {margin-top: -156px;}
  .astro-snax-landing .astrosnax-section .logo {right: 19%;top: 18%;}
}
@media (max-width: 1024px) {
  
  /* ------------ Mystery Box Page Start ------- */
  .landing-page .mysterybox-welcome .left {z-index: -1;}
  .landing-page .mysterybox-welcome .right {z-index: -1;}

  /* ----- Offer ---- */
  .offer-section .page-width {margin-left: 0px;}
  .landing-page .offer-section #offer-sction01 .offer-content {margin-left: 0;}
  .landing-page .offer-section #offer-sction02 .offer-content {right: 50%; transform: translateX(50%); top: 15%;}
  .landing-page .offer-section #offer-sction02 .offer-content h2 {text-align: center; width: 100%;}
  .landing-page .offer-section #offer-sction02 .offer-content h3 {width: 100%;}

  .landing-page #copyright {min-height: inherit;}
  .landing-page #copyright .page-width {flex-direction: column; align-items: center; padding: 10px 10px 15px; row-gap: 6px;}
  .landing-page #copyright .page-width div {width: auto;}
  .landing-page #copyright .text-right {text-align: center;}

  /* ------------ Mystery Box Page End ------- */
}



@media screen and (max-width: 991px) and (min-width: 769px){
	header.header--has-menu:not(.header--middle-left) {	padding: 15px;}
	.search-modal__form {width: 98%;margin-right: 15px;}
	.card__inner.color-background-2.ratio {min-height: auto;}
	.shopify-section .mysterybox .image-with-text__grid .image-with-text__media-item > img { height: auto;}
	.shopify-section .mysterybox .image-with-text__grid .image-with-text__media-item .overlapcontent {top: 111px;}

	.collection .card-footer {display: contents !important;text-align: center;}
	.mysterybox .card-footer {display: contents !important;text-align: center;}
	.banner_wrapper .img-responsive {width: 100%;}
  .astro-snax-landing #astro-snax-about .product .Product_section .Product_box .btn {left: 31%;}
}

/*=========================================================*/

@media screen and (max-width: 768px) and (min-width: 320px){
	header.header--has-menu:not(.header--middle-left) {	padding:15px;}
	header-drawer {justify-self: end !important;margin-right: 0;}
	header.header--has-menu:not(.header--middle-left) {	padding-top: auto;display: flex;}
	header.header__customsearch {	width: 75% !important;}
	header.header .header__customsearch .search-modal__form {width: 549px;margin-right: 15px;}
	.card__inner.color-background-2.ratio { min-height: auto;}
	.shopify-section .beverages_arrival .grid .grid__item {	width: calc(24% - 20.25px);	max-width: calc(24% - 20.25px);}
	.card-wrapper .card .card__content .card__information h3.card__heading {min-height: 95px;}
	.collection .card-footer {display: contents !important;text-align: center;}
	.mysterybox .card-footer {display: contents !important;text-align: center;}

	.shipping_process .grid--1-col-tablet-down .grid__item {width: 47%;max-width: 100%;float: left;}
	.banner_wrapper .img-responsive {width: 100%;}
	.collection-list-wrapper ul.collection-list {column-gap: 116px;}
	.slider.slider--tablet.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {padding: 15px 2px;}

    /* ------------ Mystery Box page Start --------- */
  .astro-snax-landing #astro-snax-about .product .Product_section .Product_box .btn {left: 29%;}
}

/*=========================================================*/

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

}
/*=========================================================*/
@media screen and (max-width: 575px){
	header.header--has-menu:not(.header--middle-left) {
	padding-top: auto;
	display: flex;
	align-items: center;
	justify-content: space-around;
	flex-wrap: wrap;}
	header.header .header__icons {float: right;}
	.announcement-bar {	display: flex;justify-content: center;}
	.footer.color-background-1.gradient.section-footer-padding {text-align: center;margin-bottom: 106px;}
	#Subscribe {margin: 23px auto !important;}
	footer.footer .footer__content-bottom .footer__column:nth-child(2) {align-items: center;}
	footer.footer .footer__content-bottom .footer__column .footer__list-social.list-social:only-child {	justify-content: center !important;column-gap: 12px;display: flex;margin: auto;}
	


	.card__information {margin-top: 51px;}

	.slider.slider--tablet.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {padding: 15px 14px;}

	.media > img {object-fit: fill;}
	#MainContent > .shopify-section:first-child .banner .banner__box > h2 {font: 100 27px/39px Roboto;}
	#MainContent > .shopify-section:first-child .banner .banner__box > .subtitle {font: 600 39px/51px Teko,sans-serif;}
	
	#MainContent > .shopify-section:first-child .banner .banner__box > .banner__text.body {font: 300 24px/22px Roboto;}
	.shopify-section .mysterybox .image-with-text__grid .image-with-text__media-item > img {height: auto;opacity: 0.6;}
	.shopify-section .mysterybox .image-with-text__grid .image-with-text__media-item .overlapcontent { top: 22%; left: 0; right: 0;margin: auto; }
	.shopify-section .mysterybox .image-with-text__grid:hover .image-with-text__media-item > img {opacity: 0.6;transition: all 1.0s ease 0s;}
	.shopify-section .bulkcandy-section.banner .banner__box > .banner__text.body {font: 300 18px/20px Roboto;padding: 26px 0px;}
	.banner__media {opacity: 0.6;}

	.grid--2-col-tablet-down .grid__item {width: calc(100% - var(--grid-mobile-horizontal-spacing) / 1) !important; max-width: inherit !important;}
	.banner_wrapper .img-responsive {width: 100%;}

	#MainContent .shopify-policy__container .rte p {text-align: center;word-wrap: break-word;}
	.shopify-section .banner_wrapper > .inner-bannerCaption h2 {font: 600 27px/47px Teko,sans-serif;}
	.page-width.simple_page .rte, .page-width.simple_page .rte p {text-align: center;word-wrap: break-word;}
	.collection .card-footer {display:flex !important;}
	.mysterybox .card-footer {display: flex !important;}

	.shopify-section .beverages_arrival .grid .grid__item {	width: calc(50% - 41.29px);	max-width: calc(50% - 41.29px);}
	#Slider-template--16224643055831__16547949626222a252 .card-footer{display: contents!important; text-align: center;}
	.collection-list-wrapper ul.collection-list {column-gap: 111px;}
	.slider.slider--tablet.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {padding: 15px 14px;}

	#ProductInfo-template--16224643252439__main .caption, #ProductInfo-template--16224643252439__main p{font-size: 19px !important;}
	#ProductInfo-template--16224643252439__main .price-item.price-item--regular {font-size: 27px;}
	#Banner-template--16224643055831__image_banner .banner .banner__media {height: auto;}
	.banner .banner__box {padding: 1rem 3.5rem;}
	#MainContent > .shopify-section:first-child .banner .banner__box .banner__buttons > a {padding: 6px 19px;}
	.shopify-section .bulkcandy-section.banner .banner__box > h2 {margin: 25px 0 4px;}

  /* ------------ Mystery Box Page Start ------- */

  .landing-page #mysteryboxbannerbg {min-height: 750px;}
  .landing-page #mysteryboxbannerbg .logo {left: 50%; transform: translateX(-50%); max-width: 150px;}
  .landing-page #mysteryboxbannerbg .model {width: 100%;}
  .landing-page #mysteryboxbannerbg .product {width: 100%; right: inherit;}

  .landing-page .mysterybox-welcome {overflow-x: hidden;}
  .landing-page .mysterybox-welcome .page-width {padding-left: 10px; padding-right: 10px; padding-top: 100px;}
  .landing-page .mysterybox-welcome .right {right: -47%;}
  .landing-page .mysterybox-welcome .left {display: none;}
  .landing-page .mysterybox-welcome .page-width h4 {font-size: 55px; margin-bottom: 13px;}
  .landing-page .mysterybox-welcome .page-width h3 {font-size: 35px; line-height: 45px;}
  .landing-page .mysterybox-welcome .page-width a {width: 166px!important; min-height: 50px; margin-top: 30px;}

  .landing-page .offer-section #offer-sction01 {padding-top: 50px; padding-bottom: 50px;}
  .landing-page .offer-section #offer-sction01 .offer-content h2 {font-size: 40px; line-height: 46px;}
  .landing-page .offer-section #offer-sction01 .offer-content h3 {font-size: 40px; line-height: 46px;}
  .landing-page .offer-section #offer-sction01 .offer-content a {width: 166px; min-height: 50px; font-size: 18px; margin-top: 30px;}
  .section-template--16843301814487__1c0f86f6-0946-44a8-a393-d0d547d37450-padding {padding-top: 50px !important; padding-bottom: 50px !important;}

  #shopify-section-template--16843301814487__1c0f86f6-0946-44a8-a393-d0d547d37450 .multicolumn.background-primary .multicolumn-list {row-gap: 25px;}

  .landing-page .offer-section #offer-sction02 .offer-content {width: 100%; padding: 0px 10px; top: 9%;}
  .landing-page .offer-section #offer-sction02 .offer-content h2 {font-size: 45px; line-height: 50px;}
  .landing-page .offer-section #offer-sction02 .offer-content h3 {font-size: 45px; line-height: 50px; margin-bottom: 10px;}
  .landing-page .offer-section #offer-sction02 .offer-content a {width: 166px !important; min-height: 50px !important; font-size: 18px; margin-top: 30px;}

  .landing-page #mysterybox-footer-box {padding-top: 50px; min-height: 490px;}
  .landing-page #mysterybox-footer-box .mysteryboxfooterlogo a img {width: 150px;}
  .landing-page .mysteryboxfooterlogo {padding-bottom: 40px;}
  .landing-page .newsletter-form__field-wrapper #Subscribe {top: 37px;}
  .landing-page .newsletter-form__field-wrapper .field__input {min-height: 52px;}

  /* ------------ Mystery Box Page End ------- */


  #custom-header-bg{background-position: 167% 40% !important;}
  .astro-snax-landing #astro-snax-welcome .page-width.text-center h4 {font-size: 39px;}
  .astro-snax-landing #astro-snax-welcome .page-width.text-center h3 {font-size:39px;}
  .astro-snax-landing #astro-snax-welcome .page-width.text-center a {font-size: 17px;}
   #astro-snax-welcome img {width: 56%;opacity: 0.4;z-index: 1;}
  .astro-snax-landing #astro-snax-welcome .page-width.text-center {position: relative;z-index: 9;}
  .astro-snax-landing .astrosnax-section .content {position: absolute;right: auto;width: 89%;height: auto;top: 9%;}
  .astro-snax-landing .astrosnax-section .logo {position: absolute;right: 24%;top: 37%;z-index: 9;width: 18% !important;}
  .astro-snax-landing .astro-snax-welcome {min-height: auto;padding: 45px 0;}
  #mysteryboxbannerbg img{ width:33%;}
  .astro-snax-landing .astrosnax-section .product {left: 33%;}
  .astro-snax-landing .astrosnax-section {min-height: 572px;}
  .astro-snax-landing .astrosnax-section .content {position: relative;right: auto;width: 89%;height: auto;top: 9%;margin: 8% auto;text-align: center;}
  .astro-snax-landing .astrosnax-section .leftbgimg {width:81% !important;}
  .astro-snax-landing .astrosnax-section .rightbgimg{width:45% !important;}
  .astro-snax-landing #astro-snax-meking {min-height: auto;margin-top: -233px;background-size: 263% 100%;}
  .astro-snax-landing #astro-snax-about .about {display: block;}
  .astro-snax-landing #astro-snax-about .about h2 {font-size: 39px;}
  .astro-snax-landing #astro-snax-about .image {padding-right: 0;width: 81%;margin: auto;}
  .astro-snax-landing #astro-snax-about .image .right {text-align: right;width: 100%;}

  .astro-snax-landing #astro-snax-meking .page-width h3 {font-size: 36px;}
  .astro-snax-landing #astro-snax-meking .page-width h2 {font-size: 45px;}
  .astro-snax-landing #astro-snax-meking .page-width {padding: 0 20px;}
  .astro-snax-landing #astro-snax-about .product .Product_section .Product_box h3 {padding: 0 18px;}
  .astro-snax-landing #astro-snax-about .product {height: 1843px;}
  .astro-snax-landing .astrosnax-section .model {position: absolute;left: 5%;bottom: 46px;z-index: 9;}
  #astro-snax-about .about .content{ text-align:center;}
  .astro-snax-landing #astro-snax-about .product .Product_section {display: block;}
  .astro-snax-landing #astro-snax-about .product .Product_section .Product_box {border-right: 0px solid #e7e7e7;margin-bottom: 93px;}
  .astro-snax-landing #astro-snax-about .product .Product_section .Product_box .btn {width: 100%;left: 0;}
  .astro-snax-landing #astro-snax-about .product h2 {font-size: 45px;}
}
/*=========================================================*/

@media screen and (max-width: 412px){
	footer.footer .footer__content-top .footer-block ul.footer-block__details-content {
	-moz-column-count: 1;
	-moz-column-gap: 15px;
	-webkit-column-count: 1;
	-webkit-column-gap: 15px;
	column-count: 1; display: inline-grid;justify-content: center; align-items: center;}

  #custom-header-bg{background-position: 267% 40% !important;}
  .mysteryboxfooterlogo img{width:50%;}
  .astro-snax-landing .astro-snax-header .page-width .list-social__link {padding: 4px;}
  .astro-snax-landing #astro-snax-about .product {height: 2066px;}
  .astro-snax-landing #astro-snax-meking {margin-top: -252px;padding-top: 275px;}
  .astro-snax-landing .astrosnax-section .logo {top: 53%;}
  .astro-snax-landing #astro-snax-meking .page-width h2 {font-size: 36px;}
}
@media screen and (max-width: 400px){
  .astro-snax-landing #astro-snax-about .product {height: 1910px;}
}



@media screen and (max-width: 360px){
  #custom-header-bg{background-position: 267% 40% !important;}
  .mysteryboxfooterlogo img{width:50%;}
  .astro-snax-landing .astro-snax-header .page-width .list-social__link {padding: 4px;}
  .astro-snax-landing #astro-snax-about .product {height: 2066px;}
  .astro-snax-landing #astro-snax-meking {margin-top: -252px;padding-top: 275px;}
  .astro-snax-landing .astrosnax-section .logo {top: 53%;}
  .astro-snax-landing #astro-snax-meking .page-width h2 {font-size: 36px;}
}