.modal-open {
 overflow: auto;
}

html,
body {
 overflow: visible;
}

body.modal-open .modal {
 overflow: auto;
}

.achvaleart .modal-content {
 background: #fff;
}

/* Carousel Banner */

.top_header {
 background: #faf3ee;
}

.top_header.categorypage {
 background: #fff;
}

.top_header .carousel_banner_section {
 background: #ebe4de;
 border-bottom-left-radius: 200px;
 padding-bottom: 80px;
}

.top_header a.back_to_barrymart {
 margin-top: 20px;
 display: block;
}

.top_header a.back_to_barrymart i {
 background: #1995dc;
 padding: 10px;
 color: #fff;
 border-radius: 100%;
 margin-right: 10px;
}

.top_header a.back_to_barrymart:hover {
 text-decoration: none;
}

.notavailable {
 background: #fff;
 margin: 0 auto;
 justify-content: center;
 align-items: center;
 flex-direction: column;
 margin-top: 60px;
 margin-bottom: 60px;
 display: flex;
 padding: 10px;
}

.slick-slider {
 position: relative;
 display: block;
 box-sizing: border-box;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 -webkit-touch-callout: none;
 -khtml-user-select: none;
 -ms-touch-action: pan-y;
 touch-action: pan-y;
 -webkit-tap-highlight-color: transparent;
 margin-bottom: 30px;
}

.slick-slide img {
 display: block;
 max-width: 100%;
 margin: 0 auto;
 border-radius: 20px;
}

.slick-list {
 position: relative;
 display: block;
 overflow: hidden;
 margin: 0;
 padding: 0;
}

.slick-list:focus {
 outline: none;
}

.slick-list.dragging {
 cursor: pointer;
 cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
 -ms-transform: translate3d(0, 0, 0);
 -o-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}

.slick-track {
 position: relative;
 top: 0;
 left: 0;
 display: block;
 margin-left: auto;
 margin-right: auto;
}

.slick-track:before,
.slick-track:after {
 display: table;
 content: "";
}

.slick-track:after {
 clear: both;
}

.slick-loading .slick-track {
 visibility: hidden;
}

.slick-slide {
 display: none;
 float: left;
 height: 100%;
 min-height: 1px;
}

a.slick-slide.slick-active:active,
a.slick-slide.slick-active:focus {
 border: none;
 outline: none;
}

[dir="rtl"] .slick-slide {
 float: right;
}

.slick-slide img {
 display: block;
 max-width: 100%;
}

.slick-slide.slick-loading img {
 display: none;
}

.slick-slide.dragging img {
 pointer-events: none;
}

.slick-initialized .slick-slide {
 display: block;
}

.slick-loading .slick-slide {
 visibility: hidden;
}

.slick-vertical .slick-slide {
 display: block;
 height: auto;
 border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
 display: none;
}

/* Arrows */

.capsules_holder .slick-prev {
 top: -40px;
 right: 70px;
 transform: none;
}

.capsules_holder .slick-next {
 top: -40px;
 right: 35px;
 transform: none;
}

.slick-prev,
.slick-next {
 font-size: 0;
 line-height: 0;
 position: absolute;
 top: 50%;
 display: block;
 width: 29px;
 height: 30px;
 padding: 0;
 -webkit-transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 transform: translate(0, -50%);
 cursor: pointer;
 color: transparent;
 border: none;
 outline: none;
 background: #c03400;
 border-radius: 20px;
}

/* start of different colors for category sections buttons */

.accessories .slick-prev,
.accessories .slick-next {
 background: #9fbed4;
}

.toys .slick-prev,
.toys .slick-next {
 background: #4f8a5c;
}

.entertowin .slick-prev,
.entertowin .slick-next {
 background: #f98d7e;
}

.stationeries .slick-prev,
.stationeries .slick-next {
 background: #eeb40d;
}

.barryfav .slick-prev,
.barryfav .slick-next {
 background: #ab8ed5;
}

.games .slick-prev,
.games .slick-next {
 background: #61839b;
}

.gadgets .slick-prev,
.gadgets .slick-next {
 background: #4f8a5c;
}

.others .slick-prev,
.others .slick-next {
 background: #eeb40d;
}

/* end of different colors for category sections buttons */

button.slick-prev.slick-arrow.slick-disabled,
button.slick-next.slick-arrow.slick-disabled {
 opacity: 0.3;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
 color: transparent;
 outline: none;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
 opacity: 1;
}

[dir="rtl"] .slick-prev {
 left: auto;
}

.slick-prev:before {
 content: url(../images/capsule-arrow-left.svg);
 top: -1px;
 left: -2px;
 position: relative;
}

[dir="rtl"] .slick-prev:before {
 content: "→";
}

[dir="rtl"] .slick-next {
 right: auto;
}

.slick-next:before {
 content: url(../images/capsule-arrow-right.svg);
 top: -1px;
 left: 1px;
 position: relative;
}

[dir="rtl"] .slick-next:before {
 content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
 margin-bottom: 0px;
 margin-top: 20px;
}

.slick-dots {
 position: absolute;
 bottom: 15px;
 display: block;
 width: 100%;
 padding: 0;
 margin: 0;
 list-style: none;
 text-align: center;
}

.slick-dots li {
 position: relative;
 display: inline-block;
 width: 15px;
 height: 15px;
 margin: 0 5px;
 padding: 0;
 cursor: pointer;
}

.slick-dots li.slick-active button {
 background: #c2c2c2;
}

.slick-dots li button {
 font-size: 0;
 line-height: 0;
 display: block;
 width: 10px;
 height: 10px;
 padding: 5px;
 cursor: pointer;
 color: transparent;
 border: 0;
 outline: none;
 background: #9b9898;
 border-radius: 10px;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
 outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
 opacity: 1;
}

.slick-dots li.slick-active button:before {
 opacity: 0.75;
 color: black;
}

/* Start of stars earned bar */

.stars_earned_bar {
 margin-top: -50px;
 top: 15px;
 position: relative;
}

.stars_earned_bar .wrapper {
 max-width: 828px;
 background: #fafaf0;
 border-radius: 20px;
 padding: 10px;
 display: flex;
 align-items: center;
 justify-content: center;
 align-self: center;
 flex-direction: column;
 box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
 margin-bottom: 10px;
 margin: 0 auto;
}

.stars_earned_bar i {
 font-size: 30px;
 color: #000000;
}

.stars_earned_bar h3 {
 display: inline-block;
 font-size: 24px;
 margin-right: 20px;
 margin-top: 0px;
 margin-bottom: 0px;
}

.stars_earned_bar .stars_earned a {
 border-bottom: 0px;
 margin-top: 0px;
 padding-top: 0px;
 margin-bottom: 0px;
 padding-bottom: 0px;
}

.stars_earned, .stars_earned_second {
 display: flex;
 justify-content: center;
 align-items: center;
}

.stars_earned_bar .stars_earned span.no_stars, .stars_earned_bar .stars_earned_second span.no_stars {
 font-size: 27px;
 font-weight: bold;
 color: #f29700;
 margin-right: 10px;
}

.stars_earned_bar .stars_earned span.no_stars i, .stars_earned_bar .stars_earned_second span.no_stars i {
 font-size: 27px;
 color: #f29700;
}

.stars_earned_bar .stars_earned span.expiry_text, .stars_earned_bar .stars_earned_second span.expiry_text {
 color: #aaa9a1;
 font-weight: 500;
}

.stars_earned_bar .stars_earned span.expiry_text i.fa-star, .stars_earned_bar .stars_earned_second span.expiry_text i.fa-star {
 font-size: 12px;
 color: #aaa9a1;
}

.stars_earned_bar .tooltip-top {
 bottom: 110%;
 left: 50%;
 margin-left: -120px; 
}

.stars_earned_bar .tooltip-top::after {
 content: "";
 position: absolute;
 top: 100%;
 left: 50%;
 margin-left: 35px;
 border-width: 10px;
 border-style: solid;
 border-color: #038cd0 transparent transparent transparent;
}

.stars_earned_bar .tooltiphistory {
 position: relative;
 display: inline-block;
 border-bottom: 1px dotted black;
}

/* Tooltip text */
.stars_earned_bar .tooltiphistory .tooltiptext {
 visibility: hidden;
 width: auto;
 background-color: #038cd0;
 color: #fff;
 text-align: center;
 padding: 10px;
 border-radius: 6px;
 position: absolute;
 z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.stars_earned_bar .tooltiphistory:hover .tooltiptext {
 visibility: visible;
}

/* end of stars earned bar */

/* Featured items */

.image_rotator_mainwrap {
 background: #ebe4de;
}

.image_rotator_section {
 background: #faf3ee;
}

.image_rotator_section .row {
 padding-top: 0px;
 max-width: 1100px;
 margin: 0 auto;
 margin-top: -40px;
 padding-bottom: 20px;
}

#image-rotator ul.tabs li {
 filter: none;
 opacity: 1;
}

#image-rotator ul.tabs li a.title {
 display: none;
}

#image-rotator {
 display: flex;
 justify-content: center;
 flex-direction: column;
}

#image-rotator ul.tabs li img.item {
 text-align: center;
 z-index: -1;
 position: absolute;
 top: 0px;
 left: 0px;
}

#image-rotator ul.tabs {
 padding: 0;
 margin: 0;
}

#image-rotator .holder {
 max-width: 100%;
}

#image-rotator ul.tabs li.current {
 border: 3px solid #038cd0;
}

#image-rotator ul.tabs li a.title {
 position: relative;
 z-index: 5;
 text-align: center;
}

#image-rotator ul.tabs li img {
 opacity: 1;
 z-index: 3;
 max-width: 100%;
}

#image-rotator ul.tabs li img:first-child {
 position: absolute;
 z-index: 4;
}

#image-rotator ul.tabs li:hover img {
 scale: 1.1;
}

#image-rotator ul.tabs li.current img,
#image-rotator ul.tabs li img:hover {
 opacity: 1;
}

#image-rotator .holder .products_bar {
 background: #ffffff;
 width: 100%;
 position: relative;
 margin-bottom: 20px;
 bottom: 0px;
}

#image-rotator .holder img {
 width: 85%;
 margin: 0 auto;
 display: block;
 border-radius: 20px;
}

#image-rotator .holder {
 position: absolute;
 z-index: 0;
 border-radius: 20px;
 background: #ffffff;
}

#image-rotator .holder img.color_blob {
 text-align: center;
 z-index: -1;
 position: absolute;
 top: 0px;
 left: 30px;
}

#image-rotator .holder img:first-child {
 z-index: 1;
}

#image-rotator .holder.current img:first-child {
 left: 50px;
 z-index: 1;
}

.image_rotator_wrap {
 position: relative;
 min-height: 400px;
 height: 340px; /* height:auto; */
}

#image-rotator .holder .products_bar {
 padding: 20px;
 border-bottom-left-radius: 20px;
 border-bottom-right-radius: 20px;
}

#image-rotator .holder .products_bar .stars {
 color: #f29700;
 font-weight: bold;
 float: right;
}

#image-rotator .holder .products_bar .name {
 float: left;
}

#image-rotator .holder.previous {
 z-index: 1;
}

#image-rotator .holder.current {
 z-index: 2;
}

/* end of featured items */

/* blob category colors */

img.color_blob {
 position: absolute;
 margin: 0 auto;
 z-index: 0;
}

img.tab_background {
 position: absolute;
 margin: 0 auto;
 z-index: 0;
 content: url("../images/color_blob.png");
}

.accessories_color,
.games_color {
 filter: invert(85%) sepia(20%) saturate(180%) hue-rotate(171deg)
  brightness(105%) contrast(97%);
}

.toys_color,
.gadgets_color {
 filter: invert(94%) sepia(13%) saturate(223%) hue-rotate(76deg)
  brightness(100%) contrast(90%);
}

.entertowin_color {
 filter: invert(76%) sepia(27%) saturate(418%) hue-rotate(679deg)
  brightness(115%) contrast(104%);
}

.stationeries_color,
.others_color {
 filter: invert(94%) sepia(8%) saturate(1084%) hue-rotate(327deg)
  brightness(104%) contrast(98%);
}

.barrysfavourites_color {
 filter: invert(86%) sepia(29%) saturate(222%) hue-rotate(214deg)
  brightness(100%) contrast(103%);
}

.flashdeal_color {
 filter: invert(95%) sepia(12%) saturate(2734%) hue-rotate(301deg)
  brightness(108%) contrast(127%);
}

.gradient_blob {
 background: url("/../images/barrymartblob_gradient.png");
 background-size: cover;
 background-color: #fff;
}

/* end of blob category colors */

/* new ribbon */

.redeem_sleeve_label {
 color: #fff;
 position: absolute;
 z-index: 3;
 margin-left: -63%;
 top: 18px;
 font-size: 11px;
 text-transform: uppercase;
 font-weight: 500;
 padding-bottom: 5px;
 padding-top: 0px;
 padding-left: 10px;
 padding-right: 10px;
 border-top-right-radius: 5px;
 border-bottom-right-radius: 5px;
}

.redeem_sleeve_label:after {
 position: absolute;
 content: "";
 top: 100%;
 left: 0;
 background-color: transparent !important;
 border-style: solid;
 border-width: 0 1.1em 1em 0;
 border-color: transparent;
 border-right-color: inherit;
 width: 0;
 height: 0;
}

.redeem_sleeve_label.flashdealtag {
 background-color: #ff2807;
 border-color: #ff2807;
}

.redeem_sleeve_label.flashdealtag:after {
 border-right-color: #b81f07;
}

.redeem_sleeve_label.flashdealtag::before {
 content: url("../images/sleeve-flash.svg");
 position: relative;
 top: 5px;
 padding-right: 5px;
}

.redeem_sleeve_label.flashdealtag span {
 animation-name: flash;
 animation-duration: 0.5s;
 animation-timing-function: linear;
 animation-iteration-count: infinite;
 animation-direction: alternate;
 animation-play-state: running;
}
/* end of new ribbon */

@keyframes flash {
 from { color: #ffb400; }
 to { color: #ffffff; }
}

/* flash deal holder */

.flashdeal {
 background: url("../images/flashsale-background.png");
}

.entertowin {
 background: url("../images/entertowinbackground.png");
}

.fullcorner_holder .entertowin_icon {
 margin: 0 auto;
 display: block;
 height: 80px;
 text-align: center;
}

.fullcorner_holder .entertowin_icon img {
 position: relative;
 top: -40px;
 width: 100px;
}

.flashdeal_section {
 background: #faf3ee;
 border-bottom-right-radius: 200px;
}

.fullcorner_holder {
 background-size: cover;
 border-top-left-radius: 200px;
 border-bottom-right-radius: 200px;
 background-position: center center;
 padding-bottom: 20px;
 margin-bottom: 40px;
}

.fullcorner_holder .flashdeal_icon {
 margin: 0 auto;
 display: block;
 height: 80px;
 text-align: center;
}

.fullcorner_holder .flashdeal_icon img {
 position: relative;
 top: -60px;
}

.flashdeal .individualitem.disabled_capsule {
 opacity: 1;
}

.flashdeal .individualitem.disabled_capsule .capsule_box {
 background: #ff8747;
}

.flashdeal .individualitem.disabled_capsule .capsule_box .capsule_image_item img, 
.flashdeal .individualitem.disabled_capsule h5,
.flashdeal .individualitem.disabled_capsule .capsule_box .capsule_stars,
.flashdeal .individualitem.disabled_capsule .capsule_box .capsule_label_holder{
 opacity: 0.5;
}

.flashdeal .individualitem.disabled_capsule .capsule_box .capsule_stars span.label_text{
 color: #1d0700;
 opacity: 0.5;
}

.capsule_box {
 width: 204px;
 border-radius: 20px;
 background: white;
 float: left;
 transition: all 0.2s ease-in-out;
 min-height: 260px;
}


.capsule_box .capsule_image_item img:first-child {
 z-index: 1;
}

.capsule_box .qty_note {
 bottom: 40px;
 font-weight: normal;
 font-size: 10px;
 position: absolute;
 left: 0;
 right: 0;
 margin-left: auto;
 margin-right: auto;
 width: 150px;
 font-style: italic;
 color: #000;
}

.capsule_box:hover {
 transform: scale(1.1);
 cursor: pointer;
}

.entertowin_section .individualitem.disabled_capsule {
 opacity: 1;
}

.entertowin_section .individualitem.disabled_capsule .capsule_box {
 background: #ffece4;
}

.entertowin_section .individualitem.disabled_capsule .capsule_box .capsule_image_item img:first-child,
.entertowin_section .individualitem.disabled_capsule .capsule_box h5,
.entertowin_section .individualitem.disabled_capsule .capsule_stars,
.entertowin_section .individualitem.disabled_capsule .capsule_box .capsule_label_holder{
 opacity: 0.4;
}


.capsules_holder .slick-track {
 margin-top: 20px;
 margin-bottom: 20px;
}

.capsule_image_item {
 position: relative;
 display: flex;
 justify-content: center;
 align-items: center;
}

.capsule_image_item .zoomic {
 position: absolute;
 top: 47%;
 left: 45%;
 font-size: 26px;
 color: #fff;
 opacity: 0;
 font-weight: initial;
 transition: 0.3s;
}

.capsule_image_item:hover .zoomic {
 opacity: 0.5;
}

.capsule_image_item img {
 max-width: 80%;
 background-color: transparent;
}

.capsule_box h5 {
 margin: 0 auto;
 display: block;
 text-align: center;
 max-width: 120px;
 line-height: 20px;
 height: 40px;
 margin-bottom: 10px;
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 font-weight: normal;
}

.capsule_box .capsule_stars {
 margin: 0 auto;
 display: block;
 text-align: center;
 font-weight: bold;
 display: flex;
 justify-content: center;
}

.capsule_box .capsule_stars .starvalue {
 color: #f29700;
 margin-bottom: 25px;
 font-size: 14px;
}

.capsule_box .capsule_stars .starvalue i {
 margin-right: 5px;
}

.capsule_box .capsule_stars .starvalue_striked {
 color: lightgrey;
 font-size: 11px;
 text-decoration-line: line-through;
 -webkit-text-decoration-line: line-through;
 text-decoration-color: #c9c9c9;
 -webkit-text-decoration-color: #c9c9c9;
 margin-left: 6px;
 margin-top: 2px;
}

.capsule_box .capsule_stars .label_text {
 color: #a9a9a9;
 font-weight: normal;
 margin-bottom: 25px;
}

.disabled_capsule {
 opacity: 0.4;
 pointer-events: none;
}

.categories_section h3 {
 text-align: center;
 font-weight: normal;
 margin-bottom: 40px;
}

.categories_section .categories_icons {
 display: block;
 max-width: 930px;
 margin: 0 auto;
}

.categories_section .categories_icons a {
 text-decoration: none;
 display: block;
 color: #000;
}

.categories_section .categories_icons a.viewall {
 max-width: 150px;
 margin: 0 auto;
}

.categories_section span.icon_label {
 display: block;
 font-weight: bold;
 text-align: center;
}

.categories_section .categories_icons .row {
 margin: 0 auto;
}

.categories_section .iconbox img {
 margin-bottom: 20px;
}

/* button below view all categories */

.blob-btn {
 z-index: 1;
 position: relative;
 margin-bottom: 30px;
 text-transform: uppercase;
 text-align: center;
 color: #ffffff;
 padding: 15px 35px;
 font-size: 14px;
 font-weight: bold;
 background-color: transparent;
 outline: none;
 border: none;
 transition: color 0.5s;
 cursor: pointer;
 border-radius: 10px;
 margin: 0 auto;
 display: block;
 margin-top: 30px !important;
}

.blob-btn:before {
 content: "";
 z-index: 1;
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 border-radius: 30px;
}

.blob-btn:after {
 content: "";
 z-index: -2;
 position: absolute;
 left: 3px;
 top: 3px;
 width: 100%;
 height: 100%;
 transition: all 0.3s 0.2s;
 border-radius: 30px;
}

.blob-btn:hover {
 color: #ffffff;
 border-radius: 30px;
}

.blob-btn:hover:after {
 transition: all 0.3s;
 left: 0;
 top: 0;
 border-radius: 30px;
}

.blob-btn__inner {
 z-index: -1;
 overflow: hidden;
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 border-radius: 30px;
 background: #038cd0;
}

.blob-btn__blobs {
 position: relative;
 display: block;
 height: 100%;
 filter: url("#goo");
}

.blob-btn__blob {
 position: absolute;
 top: 2px;
 width: 25%;
 height: 100%;
 background: #39b6f3;
 border-radius: 100%;
 transform: translate3d(0, 150%, 0) scale(1.7);
 transition: transform 0.45s;
}

@supports (filter: url("#goo")) {
 .blob-btn__blob {
  transform: translate3d(0, 150%, 0) scale(1.4);
 }
}

.blob-btn__blob:nth-child(1) {
 left: 0%;
 transition-delay: 0s;
}

.blob-btn__blob:nth-child(2) {
 left: 30%;
 transition-delay: 0.08s;
}

.blob-btn__blob:nth-child(3) {
 left: 60%;
 transition-delay: 0.16s;
}

.blob-btn__blob:nth-child(4) {
 left: 90%;
 transition-delay: 0.24s;
}

.blob-btn:hover .blob-btn__blob {
 transform: translateZ(0) scale(1.7);
}

@supports (filter: url("#goo")) {
 .blob-btn:hover .blob-btn__blob {
  transform: translateZ(0) scale(1.4);
 }
}

.categories_section .iconbox img {
 margin-bottom: 20px;
 max-width: 100%;
}

.categories_row {
 position: relative;
}

.categories_row .barrymart_star_edge {
 position: absolute;
 top: 90px;
}

.categories_row .circles1 {
 position: absolute;
 right: 0px;
 bottom: 60px;
}

/* animations for icons */

.led_animate {
 animation: led 0.8s infinite;
}

.maroon_puzzle {
 animation: puzzleRotate 2s infinite;
}

.starscrazy {
 animation: star-crazyness 1s 0.425s ease infinite;
}

.stationery_move {
 animation: pencil-move 0.5s infinite alternate linear;
}

.hand_heart {
 animation: handMove 1s infinite;
}

.joystick {
 animation: joystick 1.5s infinite;
}

.music1,
.music2 {
 animation: bounceMusicNote 1.5s infinite;
}

.plusSign {
 animation: opacAnimate 1s ease infinite;
}

.stars {
 animation: 1s stars alternate infinite;
}

.moveVertical {
 animation: float1 8s linear infinite;
}

/* animation for circles */

.circles {
 border-radius: 100%;
 position: absolute;
}

.circle1 {
 width: 13px;
 height: 13px;
 background: #fab815;
 top: 100px;
 right: 30px;
 animation: movecircle1 3s infinite alternate ease-in-out;
}

.circle2 {
 width: 21px;
 height: 21px;
 background: #6bb17a;
 top: 190px;
 right: 20px;
 animation: movecircle2 3s infinite alternate ease-in-out;
}

.circle3 {
 width: 18px;
 height: 18px;
 background: #f59d9a;
 top: 270px;
 right: 30px;
}

.circle_big_pink {
 animation: movebigcircle_pink 5s infinite alternate ease-in-out;
}

.circle_small_pink {
 animation: movesmallcircle_pink 5s infinite alternate ease-in-out;
}

.circle_small_yellow {
 animation: movesmallcircle_yellow 3s infinite alternate ease-in-out;
}

.circle_small_yellow2 {
 background: #f7b85a;
 animation: movesmallcircle_yellow2 5s infinite alternate ease-in-out;
}

.circle_small_hotpink {
 background: #ef5261;
 width: 15px;
 height: 15px;
 animation: movesmallcircle_hotpink 3s infinite alternate ease-in-out;
 top: 250px;
 left: 10px;
}

.circle4 {
 width: 15px;
 height: 15px;
 background: #fab815;
 top: 70px;
 right: 70px;
 animation: movecircle4 3s infinite alternate ease-in-out;
}

.circle5 {
 width: 23px;
 height: 23px;
 background: #fecfbd;
 top: 130px;
 right: 30px;
 animation: movecircle5 3s infinite alternate ease-in-out;
}

.barry_head {
 animation: moveBarryUp 0.5s forwards ease-out;
 top: 0px;
}

.giftbox_handmove.animation {
 animation: moveGiftboxUp 1.5s forwards ease-out;
 top: 0px;
}

.gift_star {
 animation: blinkStar 2s infinite;
}

.burst1 {
 animation: burstIt 1s forwards ease-out;
}

/* end of animation for circles */

@keyframes led {
 from { opacity: 0.2; }
 to { opacity: 1; }
}

@keyframes puzzleRotate {
 50% { transform: translateX(21px) rotate(35deg) translateY(-8px); }
}

@keyframes pencil-move {
 0% { transform: translate(0) rotate(4deg); }
 100% { transform: translate(5px) rotate(8deg); }
}

@keyframes handMove {
 0% { transform: rotate(5deg); }
 50% { transform: rotate(10deg); }
 100% { transform: rotate(5deg); }
}

@keyframes joystick {
 0% { transform: rotateX(5deg) translateX(2px); }
 25% { transform: rotateX(10deg) scaleY(0.8); }
 50% { transform: rotate(5deg); }
 75% { transform: rotate(10deg) translateX(7px); }
 100% { transform: rotateX(10deg); }
}

@keyframes bounceMusicNote {
 0% { transform: translateY(5px); }
}

@keyframes opacAnimate {
 0% { opacity: 1; }
 100% { opacity: 0; }
}

@keyframes movecircle1 {
 100% { top: 140px; right: 30px; }
}

@keyframes movecircle2 {
 100% { top: 120px; right: 80px; }
}

@keyframes movecircle4 {
 100% { top: 70px; right: 40px; }
}

@keyframes movecircle5 {
 100% { top: 90px; right: 80px; }
}

@keyframes movebigcircle_pink {
 100% { transform: translate(45.646px, -50px); }
}

@keyframes movesmallcircle_pink {
 100% { transform: translate(170px, -107.458px); }
}

@keyframes movesmallcircle_yellow {
 100% { transform: translate(300.407px, 202.778px); }
}

@keyframes movesmallcircle_yellow2 {
 100% { transform: translate(46.845px, -100.071px); }
}

@keyframes movesmallcircle_hotpink {
 100% { top: 140px; left: 290px; }
}

@keyframes moveGiftboxUp {
 0% { transform: translate(52.986px, 1571.554px); }
 100% { transform: translate(52.986px, 1471.554px); }
}

@keyframes moveBarryUp {
 0% { transform: translate(1.645px, -30px); }
 100% { transform: translate(1.645px, -70px); }
}

@keyframes appearSpeechBox {
 0% { transform: scale(0); opacity: 0; }
 50% { transform: scale(1); opacity: 1; }
 100% { transform: scale(0.9); opacity: 1; }
}

@keyframes blinkStar {
 from { opacity: 0; }
 to { opacity: 1; }
}

@keyframes burstIt {
 0% { transform: scale(0); opacity: 0; }
 100% { transform: scale(1); opacity: 1; }
}

.entertowin .confetti-container{
  position: relative;
}
.entertowin .confetti{
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
}
.entertowin svg {
 padding:0 5%;
}

.fullcorner_holder.entertowin {
 position: relative;
}

.fullcorner_holder.entertowin canvas {
 width: 100%;
 height: 440px;
 position: absolute;
}

.piece1 { animation: makeItRain 5s infinite ease-out; animation-delay: 0s; }
.piece2 { animation: makeItRain 6s infinite ease-out; animation-delay: -5s; }
.piece3 { animation: makeItRain 4s infinite ease-out; animation-delay: -3s; }
.piece4 { animation: makeItRain 4s infinite ease-out; animation-delay: -3s; }
.piece5 { animation: makeItRain 5s infinite ease-out; animation-delay: -3.5s; }
.piece6 { animation: makeItRain 6s infinite ease-out; animation-delay: -4s; }
.piece7 { animation: makeItRain 5s infinite ease-out; animation-delay: -6s; }
.piece8 { animation: makeItRain 5s infinite ease-out; animation-delay: -3.5s; }
.piece9 { animation: makeItRain 5s infinite ease-out; animation-delay: -3s; }
.piece10 { animation: makeItRain 7s infinite ease-out; animation-delay: -3.5s; }
.piece11 { animation: makeItRain 4s infinite ease-out; animation-delay: -3s; }
.piece12 { animation: makeItRain 5s infinite ease-out; animation-delay: -4s; }
.piece13 { animation: makeItRain 5s infinite ease-out; animation-delay: -3.5s; }
.piece14 { animation: makeItRain 6s infinite ease-out; animation-delay: -5s; }
.piece15 { animation: makeItRain 4s infinite ease-out; animation-delay: -4.5s; }
.piece16 { animation: makeItRain 7s infinite ease-out; animation-delay: -4s; }
.piece17 { animation: makeItRain 5s infinite ease-out; animation-delay: -4.5s; }
.piece18 { animation: makeItRain 6s infinite ease-out; animation-delay: -3.5s; }
.piece19 { animation: makeItRain 5s infinite ease-out; animation-delay: -4.5s; }
.piece20 { animation: makeItRain 6s infinite ease-out; animation-delay: -4s; }
.piece21 { animation: makeItRain 5s infinite ease-out; animation-delay: -5.5s; }
.piece22 { animation: makeItRain 7s infinite ease-out; animation-delay: -3.5s; }
.piece23 { animation: makeItRain 5s infinite ease-out; animation-delay: -3.5s; }
.piece24 { animation: makeItRain 6s infinite ease-out; animation-delay: -3.5s; }
.piece25 { animation: makeItRain 6s infinite ease-out; animation-delay: -4.5s; }
.piece26 { animation: makeItRain 7s infinite ease-out; animation-delay: -4.5s; }
.piece27 { animation: makeItRain 5s infinite ease-out; animation-delay: -5s; }
.piece28 { animation: makeItRain 6s infinite ease-out; animation-delay: -3.5s; }
.piece29 { animation: makeItRain 7s infinite ease-out; animation-delay: -4.5s; }
.piece30 { animation: makeItRain 8s infinite ease-out; animation-delay: -4.5s; }
.piece31 { animation: makeItRain 6s infinite ease-out; animation-delay: -4.5s; }
.piece32 { animation: makeItRain 4s infinite ease-out; animation-delay: -3.5s; }
.piece33 { animation: makeItRain 6s infinite ease-out; animation-delay: -3.5s; }
.piece34 { animation: makeItRain 7s infinite ease-out; animation-delay: -4.5s; }
.piece35 { animation: makeItRain 5s infinite ease-out; animation-delay: -5s; }
.piece36 { animation: makeItRain 8s infinite ease-out; animation-delay: -6s; }
.piece37 { animation: makeItRain 5s infinite ease-out; animation-delay: -3.5s; }
.piece38 { animation: makeItRain 6s infinite ease-out; animation-delay: -4s; }
.piece39 { animation: makeItRain 5s infinite ease-out; animation-delay: -4.5s; }
.piece40 { animation: makeItRain 7s infinite ease-out; animation-delay: -3.5s; }

@keyframes makeItRain {
  from { opacity: 0.4; transform: translateY(0px); }
  60% { opacity: 1; }
  90% { opacity: 1; }
  to { opacity: 0; transform: translateY(260px); }
}

.white_section {
 background: white;
 margin-top: 0px;
 border-top-right-radius: 200px;
}

.whitebackground_mainwrap {
 background: #ebe4de;
 margin-top: -29px;
}

.redemptionpage .whitebackground_mainwrap {
 margin-top: -25px;
}

/* giftshop with redeem filter */

#filters ul.listofcategories {
 list-style-type: none;
 padding-left: 0px;
}

#filters ul.listofcategories li:hover {
 opacity: 1;
 font-weight: bold;
}

#filters ul.listofcategories li.active {
 opacity: 1;
 font-weight: bold;
}

#filters ul.listofcategories li {
 margin-bottom: 10px;
 opacity: 0.7;
 cursor: pointer;
}

#filters ul.listofpoints li:hover {
 cursor: pointer;
}

#filters ul.listofpoints li.active {
 background: #038cd0;
 color: #fff;
}

#filters ul.listofpoints {
 list-style-type: none;
 padding-left: 0px;
}

#filters ul.listofpoints li {
 margin-bottom: 10px;
 display: inline-block;
 float: none;
 margin-right: 5px;
 background: #fff;
 font-size: 12px;
 padding: 5px 10px;
 border: 1px solid #ececec;
 border-radius: 10px;
}

#filters ul.listofpoints {
 margin-top: 10px;
}

#filters span.filteritem_text {
 font-weight: bold;
 font-size: 18px;
}

.giftshop {
 display: flex;
 flex-flow: row wrap;
}

.giftshop input {
 display: none;
}

.giftshop .flashdeal {
 background: none;
}

h3.category_title {
 text-align: center;
 margin-bottom: 30px;
 padding-top: 50px;
}

.giftshop .categoryitem .capsule_box {
 display: block;
 text-align: center;
 margin-bottom: 30px;
 box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
 border: 2px solid transparent;
}

.giftshop .categoryitem .capsule_image_item img {
 margin-top: 15px;
 z-index: 2;
}

.giftshop .categoryitem .capsule_image_item img.color_blob {
 z-index: 0;
}

.giftshop .categoryitem .capsule_image_item img:first-child {
 z-index: 3;
}

.giftshop .categoryitem .capsule_box:hover {
 transform: none;
 transition: none;
}

.giftshop .categoryitem.entertowin .capsule_box{
 background: url(../images/sleeve-luckydraw-bg.svg) center top no-repeat, linear-gradient(#ffccb8, #f9f9f9);
 border: 0px;
 background-size: 95%;
}

.giftshop .entertowin .capsule_box .capsule_image_item img.entertowin_color {
 filter: invert(76%) sepia(27%) saturate(428%) hue-rotate(679deg) brightness(124%) contrast(101%);   
}

 .capsule_box span.qty_label {
 display: block;
 padding-right: 10px;
 position: relative;
 color: #000;
}

.giftshop .categoryitem.entertowin {
 background: none;
}

.nothing_todisplay {
 margin: 0 auto;
 display: block;
 text-align: center;
 background: #ececec;
 padding: 60px;
 margin-bottom: 30px;
 display: none;
 color: #555555;
 width: 100%;
}

.accessories_section {
 position: relative;
}

.barrymart_lefttri_edge {
 position: absolute;
}

.barrymart_toystri_edge {
 position: absolute;
 right: 0px;
 top: 70px;
}

.barrymart_toys_mix_edge {
 position: absolute;
 right: 0px;
}

.barrymart_others_mix_edge {
 position: absolute;
 right: 0px;
}

.barrymart_toys_svgholder,
.barrymart_games_svgholder,
.barrymart_others_svgholder {
 position: relative;
}

.barrymart_stationeries_mix_edge {
 position: absolute;
 right: 0px;
}

.accessories_slick_section {
 background: #d0e5f4;
 margin-bottom: 50px;
}

.toys_slick_section {
 background: #c7e3cc;
 margin-bottom: 50px;
}

.stationeries_slick_section {
 background: #f8eac3;
 margin-bottom: 50px;
}

.barryfav_slick_section {
 background: #e6dbf5;
 margin-bottom: 50px;
}

.games_slick_section {
 background: #d0e5f4;
 margin-bottom: 50px;
}

.gadgets_slick_section {
 background: #c7e3cc;
 margin-bottom: 50px;
}

.others_slick_section {
 background: #f8eac3;
 margin-bottom: 50px;
}

.left_corner_border {
 width: 90%;
 min-height: 240px;
 float: right;
 border-top-left-radius: 200px;
 border-bottom-left-radius: 200px;
}

.right_corner_border {
 width: 90%;
 min-height: 240px;
 float: left;
 border-top-right-radius: 200px;
 border-bottom-right-radius: 200px;
}

.headers_label h3 {
 text-transform: uppercase;
 font-weight: bold;
 padding-top: 30px;
}

.accessories_section .headers_label h3 {
 color: #61839b;
}

.toys_section .headers_label h3 {
 color: #4f8a5c;
}

.stationeries_section .headers_label h3 {
 color: #eeb40d;
}

.barryfav_section .headers_label h3 {
 color: #ab8ed5;
}

.games_section .headers_label h3 {
 color: #61839b;
}

.gadgets_section .headers_label h3 {
 color: #4f8a5c;
}

.others_section .headers_label h3 {
 color: #eeb40d;
}

.view_all_card {
 display: flex;
 justify-content: center;
 align-items: center;
 min-height: 273px;
}

.toys .view_all_card {
 background: #4f8a5c;
}

.accessories .view_all_card {
 background: #61839b;
}

.stationeries .view_all_card {
 background: #eeb40d;
}

.entertowin .view_all_card {
 background: #f5b095;
}

.barryfav .view_all_card {
 background: #ab8ed5;
}

.games .view_all_card {
 background: #61839b;
}

.gadgets .view_all_card {
 background: #4f8a5c;
}

.others .view_all_card {
 background: #eeb40d;
}

.pink {
 background: #fecfbd;
}

.view_all_card button.view_all {
 background: none;
 border: 0px;
 color: #fff;
 font-weight: bold;
}

.headers_label {
 max-width: 1200px;
 margin: 0 auto;
 padding-left: 30px;
}

/* capsule labels */

.capsule_label_holder {
 position: relative;
 min-height: 24.7px;
 margin: 0 auto;
 display: flex;
 justify-content: center;
}

.capsule_label {
 font-size: 11px;
 font-weight: bold;
 text-transform: uppercase;
 text-align: center;
 margin-top: -10px;
 position: absolute;
 display: block;
 margin-bottom: 10px;
}

.capsule_label::before {
 min-height: 13px;
 position: relative;
 top: 5px;
 padding-right: 5px;
}

.capsule_label.backbypopulardemand {
 color: #1bbe33;
}

.capsule_label.backbypopulardemand::before {
 content: url("../images/barrymart_backbypopular_ico.svg");
}

.capsule_label.featured {
 color: #f94362;
}

.capsule_label.featured::before {
 content: url("../images/barrymart_featured_ico.svg");
}

.capsule_label.barryfav {
 color: #e8800b;
}

.capsule_label.barryfav::before {
 content: url("../images/barrymart_barryfav_ico.svg");
}

.capsule_label.new {
 color: #ff4c09;
}

.capsule_label.new::before {
 content: url("../images/barrymart_new_ico.svg");
}

.capsule_label.lowinstock {
 color: #0080ff;
}

.capsule_label.lowinstock::before {
 content: url("../images/barrymart_lowinstock_ico.svg");
}

/* end of capsule labels */

/* notification pop up from right bottom */

.notification_list {
 float: right;
 right: 20px;
 position: absolute;
 bottom: 0;
 overflow: hidden;
}

.notification_list.appear {
 opacity: 1;
 bottom: 20px;
 transition: all 1s;
 -webkit-transition: all 1s;
 -webkit-transform: translateY(0%);
 transform: translateY(0%);
 position: fixed;
 z-index: 5;
}

.notification_post {
 border: 1px solid #dcd9d9;
 border-radius: 100px;
 padding: 10px;
 max-width: 330px;
 position: relative;
 background: #fff;
 display: none;
}

.notification_close {
 align-items: center;
 justify-content: center;
 display: flex;
 cursor: pointer;
 padding: 5px;
}

.notification_hold_imgtext img {
 width: 62px;
 height: 62px;
 object-fit: cover;
 border-radius: 50%;
 margin-right: 15px;
}

.notification_close img {
 width: 18px;
 height: 18px;
 text-align: center;
 margin: 0 auto;
}

.notification_hold_imgtext {
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -webkit-justify-content: center;
 -ms-flex-pack: center;
 justify-content: center;
}

span.notification_name {
 font-size: 14px;
}

span.notification_hours {
 display: block;
 font-size: 12px;
}

.redemptionpage .top_header {
 background: none;
}

.redemptionpage .carousel_banner_section {
 padding-bottom: 20px !important;
}

.redemptionpage .productredemption_wrapper {
 margin-top: 25px;
}

.redemptionpage .redemption_section h4 {
 margin-top: 30px;
 margin-bottom: 30px;
}

.redemption_section .description_area h4 {
 padding-left: 0px;
 margin-bottom: 10px;
 margin-top: 20px;
}

.redemption_section ul#tabs-nav {
 list-style: none;
 margin: 0;
 padding: 5px;
 overflow: auto;
}

.redemptionpage ul#tabs-nav li {
 float: left;
 font-weight: bold;
 margin-right: 2px;
 padding: 8px 3px;
 border-radius: 5px 5px 5px 5px;
 cursor: pointer;
}

.redemption_section ul#tabs-nav li img:hover,
.redemption_section ul#tabs-nav li img.active {
 border: 2px solid #1995dc;
 opacity: 1;
}

.redemption_section #tabs-nav li a {
 text-decoration: none;
 color: #fff;
}

.redemption_section .tab-content {
 background-color: #fff;
}

.redemption_section ul#tabs-nav li img {
 width: 75px;
 height: 75px;
 border-radius: 20px;
 opacity: 0.5;
}

.redemption_section ul#tabs-nav li.active img {
 border: 2px solid #1995dc;
 opacity: 1;
}

.redemption_section .tab-content .image_area img {
 max-width: 100%;
 border-radius: 20px;
}

.redemption_section .tabs {
 display: flex;
 flex-direction: column;
}

.redemption_section .product_titleandstars {
 border-bottom: 2px solid #c9c9c9;
 font-weight: bold;
 display: flex;
 justify-content: space-between;
}

.redemption_section .product_titleandstars h3 {
 margin-top: 0px;
}

.redemption_section .product_titleandstars .product_stars {
 display: flex;
 margin-bottom: 10px;
}

.redemption_section .product_titleandstars .product_stars .starvalue {
 color: #f29700;
 margin-bottom: 0px;
 font-size: 24px;
 margin-right: 10px;
 display: flex;
 align-items: center;
}

.redemption_section .product_titleandstars .product_stars .starvalue i {
 margin-right: 5px;
}

.redemption_section .product_titleandstars .product_stars .starvalue_striked {
 color: lightgrey;
 font-size: 22px;
 text-decoration-line: line-through;
 -webkit-text-decoration-line: line-through;
 text-decoration-color: #c9c9c9;
 -webkit-text-decoration-color: #c9c9c9;
 margin-left: 0px;
 margin-top: 0px;
 display: flex;
 align-items: center;
}

.redemption_section .product_titleandstars .product_stars .starvalue_striked i {
 margin-left: 0px;
 margin-right: 0px;
 display: block;
 top: 3px;
 position: relative;
 float: left;
 text-decoration-line: line-through;
 -webkit-text-decoration-line: line-through;
 text-decoration-color: #c9c9c9;
}

.redemption_section .tabs .image_area {
 max-width: 500px;
 float: left;
 margin-right: 30px;
}

.redemption_section #tabs-content {
 position: relative;
 display: flex;
 justify-content: flex-start;
 align-items: flex-start;
}

.redemption_section .tabs_photo_wrapper {
 width: 36%;
}

.redemption_section .description_area {
 padding-left: 0px;
 margin-top: 0px;
 width: 64%;
}

.redemption_section .tabs_photo_wrapper {
 width: auto;
 float: left;
}

.redemption_section #tabs-content .redeem_sleeve_label.flashdealtag {
 margin-left: -12px;
}

.deliverydetails_section {
 background: #fff7ee;
 border-top-left-radius: 200px;
 padding-top: 30px;
 position: relative;
}

.deliverydetails_section .barrymart_star_yellow_edge {
 position: absolute;
 right: 0px;
 bottom: 100px;
}

.deliverydetails_section button.search {
 min-height: 48px;
 background: #18a2e3;
 border: 0px;
 color: #fff;
 padding: inherit;
 border-radius: 10px;
}

.barrymart_redemption_lefttri_edge img {
 width: 80px;
}

.deliverydetails_section .delivery_wrapper .giftbox_hands {
 position: relative;
 float: left;
 bottom: 0px;
 display: block;
}

.deliverydetails_section .delivery_wrapper .giftbox_hands svg {
 display: block;
}

.deliverydetails_section .delivery_wrapper h3 {
 margin-top: 30px;
 margin-bottom: 30px;
}

.deliverydetails_section .deliveryform input {
 background: #ececec;
 border: 0px;
 padding: 14px;
 border-radius: 10px;
 width: 100%;
}

.deliverydetails_section .deliveryform input:focus {
 border: 0px;
 outline: none;
}

.deliverydetails_section .deliveryform .field {
 float: left;
 padding-left: 0px;
 margin-bottom: 20px;
}

.deliverydetails_section .deliveryform {
 width: 50%;
 float: left;
 margin-right: 20px;
}

.deliverydetails_section .deliveryform_and_details {
 display: flex;
}

.deliverydetails_section .deliveryform .buttons_wrapper button {
 padding: 10px 30px;
 margin-right: 10px;
 border-radius: 5px;
 border: 0px;
 font-weight: bold;
 margin-bottom: 30px;
}

.deliverydetails_section .deliveryform .buttons_wrapper a:hover {
 text-decoration: none;
}

.deliverydetails_section .deliveryform .buttons_wrapper button.btn_redeem {
 background: #bc1912;
 color: #ffffff;
}

.deliverydetails_section .deliveryform .buttons_wrapper button.btn_redeem:hover {
 background: #8b0f09;
}
/* when redeem is disabled due to insufficient points */
.deliverydetails_section .deliveryform .buttons_wrapper a:focus,
.deliverydetails_section .deliveryform .buttons_wrapper a:focus-visible{
	outline: none;
}

.deliverydetails_section .deliveryform .buttons_wrapper button.btn_redeem.disabled {
 background: #d7a7a5;
 color: #e9d1d0;
 cursor:not-allowed;
}

.deliverydetails_section .deliveryform .buttons_wrapper .popover-content{
	font-size:14px;
	font-weight: normal;
	text-align: center;
	padding:15px;
	color:#fff;
}
.deliverydetails_section .deliveryform .buttons_wrapper .popover{background-color:#000;width:180px;opacity:0.8;}
.deliverydetails_section .deliveryform .buttons_wrapper .popover.top > .arrow:after {border-top-color:#000;opacity:0.8;}
.deliverydetails_section .deliveryform .buttons_wrapper .popover.top img{width:30px;}
/* end of when redeem is disabled due to insufficient points */

.deliverydetails_section .deliveryform .buttons_wrapper button.btn_cancel {
 background: #ffffff;
 color: #707070;
}

.deliverydetails_section .delivery_form .form-group {
 margin-left: 0px;
 padding-left: 0px;
}

.deliverydetails_section .deliveryform_and_details .details {
 padding-left: 20px;
 width: 40%;
 float: right;
}

.deliverydetails_section .deliveryform_and_details .details span {
 margin-top: 10px;
 display: block;
}

.deliverydetails_section .deliveryform_and_details .details img {
 margin-right: 5px;
 float: left;
}

.deliverydetails_section .deliveryform_and_details .details span p {
 padding-left: 35px;
}

.barrymart_redemption_lefttri_edge img {
 width: 70px;
 margin-top: -80px;
 position: absolute;
}

.redemptionpage .redemption_confirmation, .categorypage .redemption_confirmation {
 background: url(../images/barrymart_confirmationmodal_bg.png) no-repeat center center, linear-gradient(#ffffff, #ffffff);
 padding-top: 0px;
 max-width: 459px;
 height: 585px;
 display: flex;
 justify-content: center;
 align-items: center;
 flex-direction: column;
 position: relative;
 border-radius: 20px;
}

.redemptionpage .redemption_confirmation .barry_with_gift img.areyousure, .categorypage .redemption_confirmation .barry_with_gift img.areyousure {
 position: absolute;
 right: 70px;
 top: -33px;
 opacity: 0;
 animation: appearSpeechBox 1s forwards ease-out;
 animation-delay: 0.5s;
}

.redemptionpage .redemption_confirmation .barry_with_gift img.areyousure2, .categorypage .redemption_confirmation .barry_with_gift img.areyousure2 {
 position: absolute;
 right: 40px;
 top: -33px;
 opacity: 0;
 animation: appearSpeechBox 1s forwards ease-out;
 animation-delay: 0.5s;
}

.redemptionpage .redemption_confirmation .barry_with_gift img.yayconfirm {
 position: absolute;
 right: 150px;
 top: 47px;
 opacity: 0;
 animation: appearSpeechBox 1s forwards ease-out;
 animation-delay: 0.5s;
}

.categorypage .redemption_confirmation .barry_with_gift img.yayconfirm {
 position: absolute;
 right: 150px;
 top: 47px;
 opacity: 0;
 animation: appearSpeechBox 1s forwards ease-out;
 animation-delay: 0.5s;
}

.redemptionpage .redemption_confirmation button.close, .categorypage .redemption_confirmation button.close {
 right: 20px;
 position: absolute;
 top: 10px;
 font-size: 30px;
}

.redemptionpage .redemption_confirmation .modal-content {
 background: transparent;
 padding: 20px;
 border: 0px;
 box-shadow: none;
 top: 30px;
}

.categorypage .redemption_confirmation .modal-content {
 background: transparent;
 padding: 20px;
 border: 0px;
 box-shadow: none;
 top: 0px;
}

.redemptionpage .redemption_confirmation h3, .categorypage .redemption_confirmation h3 {
 position: relative;
 top: -10px;
}

.redemptionpage .redemption_confirmation .modal-content button.close, .categorypage .redemption_confirmation .modal-content button.close {
 font-size: 30px;
 position: relative;
 margin-top: -30px;
}

.redemptionpage .redemption_confirmation .redemption_modal_buttons button, .categorypage .redemption_confirmation .redemption_modal_buttons button {
 margin-top: 20px;
 padding: 10px 30px;
 margin-right: 10px;
 border-radius: 5px;
 border: 0px;
 font-weight: bold;
 background: #18a2e3;
 color: #ffffff;
 border: 1px solid #18a2e3;
}

.redemptionpage .redemption_confirmation .redemption_modal_buttons button.ok, .categorypage .redemption_confirmation .redemption_modal_buttons button.ok {
 margin-right: 0px;
}

.redemptionpage .redemption_confirmation .redemption_modal_buttons button:hover, .categorypage .redemption_confirmation .redemption_modal_buttons button:hover {
 color: #ffffff;
 background: #39b6f3;
 border: 1px solid #39b6f3;
}

.redemptionpage .redemption_confirmation .redemption_modal_buttons, .categorypage .redemption_confirmation .redemption_modal_buttons  {
 display: flex;
 justify-content: center;
 align-items: center;
 align-content: center;
}

.redemptionpage .redemption_confirmation .barry_with_gift, .categorypage .redemption_confirmation .barry_with_gift {
 margin: 0 auto;
 display: block;
 text-align: center;
}

.redemptionpage .redemption_confirmation .redemption_note, .categorypage .redemption_confirmation .redemption_note {
 max-width: 200px;
 margin: 0 auto;
 padding-top: 30px;
 text-align: center;
}

.redemptionpage .redemption_confirmation .redemption_note p, .categorypage .redemption_confirmation .redemption_note p {
 margin-bottom: 0px;
}

.redemptionpage .redemption_confirmation .redemption_note p b:first-child, .categorypage .redemption_confirmation .redemption_note p b:first-child {
 margin-bottom: 10px;
 display: block;
}

.categories_flex_holder {
 display: flex;
 flex-wrap: wrap;
 max-width: 930px;
 margin: 0 auto;
}

.categories_section .categories_flex_holder a {
 text-decoration: none;
 display: block;
 color: #000;
 flex: 20%;
 display: flex;
 justify-content: center;
 align-items: center;
 flex-direction: column;
 border: 2px solid #ececec;
 border-radius: 10px;
 padding: 30px;
 margin-left: 10px;
 margin-right: 10px;
 margin-bottom: 20px;
}

/* --- Added 24072024 Barry Bday Bash ---*/
.entertowin_section .bbbash .individualitem.disabled_capsule .capsule_box{
  background:#ffdde6;
}
.bbbash{
  background: url(../images/beastquiz/backcolourful.png);
  background-size: cover;
}
.bbbash.fullcorner_holder .entertowin_icon{
  display:flex;
  justify-content: center;
  align-items: center;
  position:relative;
}
.bbbash.fullcorner_holder .entertowin_icon img{
  position:absolute;
  width:150px;
  top:-70px;
}
.bbbdates{
  padding:4px 20px;
  background:#59afa1;
  color:#fff;
  font-size:12px;
  border-radius: 100px;
  font-weight: bold;
}
.bbbash .capsule_label_holder{
  margin:-15px auto 8px auto;
}
.bbbash .capsule_box .capsule_stars .starvalue,
.bbbash .capsule_box .capsule_stars .label_text{
  margin-bottom:10px;
}
.bbbash .capsule_foot{
  display:flex;
  flex-direction: row;
}
.bbbash .capsule_foot .qty{
  background:#e74b73;
  padding:3px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  width:30%;
  text-align: center;
  font-weight: bold;
  color:#fff;
  display:flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.5px;
}
.bbbash .capsule_foot .qty span{
  font-size:9px;
  line-height:8px;
  width:100%;
  font-weight: normal;
}
.bbbash .capsule_foot .tnc{
  font-size:10px;
  padding:5px 5px 5px 10px;
  width:70%;
  color:#e74b73;
  letter-spacing: 0.5px;
  line-height: 12px;
}
.entertowin_section .bbbash .individualitem.disabled_capsule .capsule_foot {
  opacity: 0.4;
}
.bbbash .entertowin_icon img{
  -webkit-animation: bounce-in-fwd 4s forwards;
	        animation: bounce-in-fwd 4s forwards;
}
.bbbash .nocapsfoot{
  pointer-events: none;
}
.bbbash .nocapsfoot .capsule_label_holder{
  margin:0 auto 8px auto;
}
.bbbash .nocapsfoot .capsule_foot{
  min-height:19px;
}
.bbbash .nocapsfoot .capsule_stars:before{
  content:"\a0";
  margin-bottom:10px;
}
.bbbash .nocapsfoot .capsule_stars .starvalue{
  display:none;
}
.bbbash .capsule_stars .label_text{
  display:none;
}
.bbbash .nocapsfoot .disabled_capsule .capsule_stars .label_text{
  display:block;
}
.bbbash .nocapsfoot .capsule_foot .qty,
.bbbash .nocapsfoot .capsule_foot .tnc{
  display:none;
}

@keyframes bounce-in-fwd {
  0% {
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1;
  }
  10% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: scale(0.84);
            transform: scale(0.84);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  89% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

.bbbash .bdayballoons{
  position:absolute;
  width:100%;
}
.bbbash .bdayballoons svg{
  width:100%;
  height:450px;
  border-top-left-radius: 200px;
  border-bottom-right-radius: 200px;
}

#bln1 {
  -webkit-animation: slide-bln1 1.5s linear infinite both;
	        animation: slide-bln1 1.5s linear infinite both;
}
#bln2 {
  -webkit-animation: slide-bln2 2s linear infinite both;
	        animation: slide-bln2 2s linear infinite both;
}
#bln3 {
  -webkit-animation: slide-bln3 4s linear infinite both;
	        animation: slide-bln3 4s linear infinite both;
}
#bln4 {
  -webkit-animation: slide-bln4 1.5s linear infinite both;
	        animation: slide-bln4 1.5s linear infinite both;
}
#bln5 {
  -webkit-animation: slide-bln5 2.5s linear infinite both;
	        animation: slide-bln5 2.5s linear infinite both;
}
#bln6 {
  -webkit-animation: slide-bln6 4s linear infinite both;
	        animation: slide-bln6 4s linear infinite both;
}
#bln7 {
  -webkit-animation: slide-bln7 1.5s linear infinite both;
	        animation: slide-bln7 1.5s linear infinite both;
}
#bln8 {
  -webkit-animation: slide-bln8 4s linear infinite both;
	        animation: slide-bln8 4s linear infinite both;
}
#bln9 {
  -webkit-animation: slide-bln9 2s linear infinite both;
	        animation: slide-bln9 2s linear infinite both;
}
#bln10 {
  -webkit-animation: slide-bln10 4s linear infinite both;
	        animation: slide-bln10 4s linear infinite both;
}
#bln11 {
  -webkit-animation: slide-bln11 1.5s linear infinite both;
	        animation: slide-bln11 1.5s linear infinite both;
}
#bln12 {
  -webkit-animation: slide-bln12 2.5s linear infinite both;
	        animation: slide-bln12 2.5s linear infinite both;
}
#bln13 {
  -webkit-animation: slide-bln13 4s linear infinite both;
	        animation: slide-bln13 4s linear infinite both;
}
#bln14 {
  -webkit-animation: slide-bln14 1.5s linear infinite both;
	        animation: slide-bln14 1.5s linear infinite both;
}

@keyframes slide-bln1 {
	0% {
		-webkit-transform: translate(0, 500px);
				transform: translate(0, 500px);	
	  	opacity: 0;
	}
	5% {opacity: 1;}
	50% {
		-webkit-transform: translate(0, 233px);
				transform: translate(0, 233px);
		opacity: 1;
	  }
	90%{
		opacity: 0;
	}
	100% {
	  -webkit-transform: translate(0, 0px);
			  transform: translate(0, 0px);
		opacity: 0;
	}
}

@keyframes slide-bln2 {
	0% {
		-webkit-transform: translate(8%, 300px);
				transform: translate(8%, 300px);	
	  	opacity: 0;
	}
	5% {opacity: 1;}
	50% {
		-webkit-transform: translate(8%, 133px);
				transform: translate(8%, 133px);
		opacity: 1;
	  }
	90%{
		opacity: 0;
	}
	100% {
	  -webkit-transform: translate(8%, 0px);
			  transform: translate(8%, 0px);
		opacity: 0;
	}
}

@keyframes slide-bln3 {
	0% {
		-webkit-transform: translate(15%, 400px);
				transform: translate(15%, 400px);	
	  	opacity: 0;
	}
	5% {opacity: 1;}
	50% {
		-webkit-transform: translate(15%, 10px);
				transform: translate(15%, 10px);
		opacity: 1;
	  }
	90%{
		opacity: 0;
	}
	100% {
	  -webkit-transform: translate(15%, -260px);
			  transform: translate(15%, -260px);
		opacity: 0;
	}
}

@keyframes slide-bln4 {
	0% {
		-webkit-transform: translate(20%, 400px);
				transform: translate(20%, 400px);	
	  	opacity: 0;
	}
	5% {opacity: 1;}
	50% {
		-webkit-transform: translate(20%, 133px);
				transform: translate(20%, 133px);
		opacity: 1;
	  }
	90%{
		opacity: 0;
	}
	100% {
	  -webkit-transform: translate(20%, 0px);
			  transform: translate(20%, 0px);
		opacity: 0;
	}
}

@keyframes slide-bln5 {
	0% {
		-webkit-transform: translate(25%, 500px);
				transform: translate(25%, 500px);	
	  	opacity: 0;
	}
	5% {opacity: 1;}
	50% {
		-webkit-transform: translate(25%, 233px);
				transform: translate(25%, 233px);
		opacity: 1;
	  }
	100% {
	  -webkit-transform: translate(25%, 0px);
			  transform: translate(25%, 0px);
		opacity: 0;
	}
}

@keyframes slide-bln6 {
	0% {
		-webkit-transform: translate(30%, 500px);
				transform: translate(30%, 500px);	
	  	opacity: 0;
	}
	5% {opacity: 1;}
	50% {
		-webkit-transform: translate(30%, 10px);
				transform: translate(30%, 10px);
		opacity: 1;
	  }
	100% {
	  -webkit-transform: translate(30%, -360px);
			  transform: translate(30%, -360px);
		opacity: 0;
	}
}

@keyframes slide-bln7 {
	0% {
		-webkit-transform: translate(40%, 500px);
				transform: translate(40%, 500px);	
	  	opacity: 0;
	}
	5% {opacity: 1;}
	50% {
		-webkit-transform: translate(40%, 233px);
				transform: translate(40%, 233px);
		opacity: 1;
	  }
	90%{
		opacity: 0;
	}
	100% {
	  -webkit-transform: translate(40%, 0px);
			  transform: translate(40%, 0px);
		opacity: 0;
	}
}

@keyframes slide-bln8 {
	0% {
		-webkit-transform: translate(45%, 500px);
				transform: translate(45%, 500px);	
	  	opacity: 0;
	}
	5% {opacity: 1;}
	50% {
		-webkit-transform: translate(45%, 233px);
				transform: translate(45%, 233px);
		opacity: 1;
	  }
	90%{
		opacity: 0;
	}
	100% {
	  -webkit-transform: translate(45%, 0px);
			  transform: translate(45%, 0px);
		opacity: 0;
	}
}

@keyframes slide-bln9 {
	0% {
		-webkit-transform: translate(55%, 300px);
				transform: translate(55%, 300px);	
	  	opacity: 0;
	}
	5% {opacity: 1;}
	50% {
		-webkit-transform: translate(55%, 133px);
				transform: translate(55%, 133px);
		opacity: 1;
	  }
	90%{
		opacity: 0;
	}
	100% {
	  -webkit-transform: translate(55%, 0px);
			  transform: translate(55%, 0px);
		opacity: 0;
	}
}

@keyframes slide-bln10 {
	0% {
		-webkit-transform: translate(60%, 500px);
				transform: translate(60%, 500px);	
	  	opacity: 0;
	}
	5% {opacity: 1;}
	50% {
		-webkit-transform: translate(60%, 0px);
				transform: translate(60%, 0px);
		opacity: 1;
	  }
	90%{
		opacity: 0;
	}
	100% {
	  -webkit-transform: translate(60%, -360px);
			  transform: translate(60%, -360px);
		opacity: 0;
	}
}

@keyframes slide-bln11 {
	0% {
		-webkit-transform: translate(70%, 400px);
				transform: translate(70%, 400px);	
	  	opacity: 0;
	}
	5% {opacity: 1;}
	50% {
		-webkit-transform: translate(70%, 0px);
				transform: translate(70%, 0px);
		opacity: 1;
	  }
	90%{
		opacity: 0;
	}
	100% {
	  -webkit-transform: translate(70%, -200px);
			  transform: translate(70%, -200px);
		opacity: 0;
	}
}

@keyframes slide-bln12 {
	0% {
		-webkit-transform: translate(80%, 500px);
				transform: translate(80%, 500px);	
	  	opacity: 0;
	}
	5% {opacity: 1;}
	50% {
		-webkit-transform: translate(80%, 233px);
				transform: translate(80%, 233px);
		opacity: 1;
	  }
	/* 90%{
		opacity: 0;
	} */
	100% {
	  -webkit-transform: translate(80%, 0px);
			  transform: translate(80%, 0px);
		opacity: 0;
	}
}

@keyframes slide-bln13 {
	0% {
		-webkit-transform: translate(85%, 500px);
				transform: translate(85%, 500px);	
	  	opacity: 0;
	}
	5% {opacity: 1;}
	50% {
		-webkit-transform: translate(85%, 233px);
				transform: translate(85%, 233px);
		opacity: 1;
	  }
	90%{
		opacity: 0;
	}
	100% {
	  -webkit-transform: translate(85%, 0px);
			  transform: translate(85%, 0px);
		opacity: 0;
	}
}

@keyframes slide-bln14 {
	0% {
		-webkit-transform: translate(95%, 300px);
				transform: translate(95%, 300px);	
	  	opacity: 0;
	}
	5% {opacity: 1;}
	50% {
		-webkit-transform: translate(95%, 10px);
				transform: translate(95%, 10px);
		opacity: 1;
	  }
	90%{
		opacity: 0;
	}
	100% {
	  -webkit-transform: translate(95%, -100px);
			  transform: translate(95%, -100px);
		opacity: 0;
	}
}

/* ---------------------- FREE Chance tix 04062025 ---------------------- */
.chancetix{
  position:absolute;
  top:-30px;
  right:10px;
  text-align: center;
  background:url("../images/barrymart_chancetix_icon.svg") no-repeat center;
  background-size: cover;
  padding:12px 20px 10px 0px;
  width:119px;
  height:51px;
}
.stars_earned_bar .wrapper{position: relative;}

.chancetix p{margin:0;}
.chancetix p.small{font-size:9px;}
.chancetix p.main{
  font-size:10px;
  margin:0;padding:0;
  font-weight:bold;
}
.chancetix {
	-webkit-animation: wobble-hor-bottom-chance 5s infinite both;
	        animation: wobble-hor-bottom-chance 5s infinite both;
}
.chancetix.inner{
  right:10px;
  top:-15px;
  padding-top:0;
  width:98px;
  height:42px;
}
.chancetix.inner .bubble{
  margin-top:-15px;
  margin-bottom:3px;
}
.chancetix.inner .bubble img{
  width:30px;
}
.chancetix.inner{
  padding:0px 18px 10px 0px;
}
.chancetix.inner {
	-webkit-animation: wobble-hor-bottom-chance2 5s infinite both;
	        animation: wobble-hor-bottom-chance2 5s infinite both;
}
@keyframes wobble-hor-bottom-chance {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-10px) rotate(-3deg);
            transform: translateX(-10px) rotate(-3deg);
  }
  30% {
    -webkit-transform: translateX(5px) rotate(3deg);
            transform: translateX(5px) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-10px) rotate(-3.6deg);
            transform: translateX(-10px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
            transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
            transform: translateX(-6px) rotate(-1.2deg);
  }
}

@keyframes wobble-hor-bottom-chance2 {
  0%,
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  15% {
    -webkit-transform: translateX(-30px) rotate(-6deg);
            transform: translateX(-30px) rotate(-6deg);
  }
  30% {
    -webkit-transform: translateX(15px) rotate(6deg);
            transform: translateX(15px) rotate(6deg);
  }
  45% {
    -webkit-transform: translateX(-15px) rotate(-3.6deg);
            transform: translateX(-15px) rotate(-3.6deg);
  }
  60% {
    -webkit-transform: translateX(9px) rotate(2.4deg);
            transform: translateX(9px) rotate(2.4deg);
  }
  75% {
    -webkit-transform: translateX(-6px) rotate(-1.2deg);
            transform: translateX(-6px) rotate(-1.2deg);
  }
}

@media screen and (min-width: 412px) {
  .chancetix{right:10%;}
}

@media screen and (min-width: 768px) {
  .chancetix{right:20%;padding:20px 30px 10px 0px;width:161px;height:69px;}
  .chancetix p.main{font-size:14px;}
  .chancetix.inner{padding:15px 30px 10px 0px;top:0;width:161px;height:69px;}
  .chancetix.inner .bubble{margin-top:-30px;}
  .chancetix.inner .bubble img{width:40px;}
  
}

@media (max-width: 992px) and (orientation:landscape) {
  .chancetix p.main{font-size:14px;}
  .chancetix.inner{top:0;width:161px;height:69px;}
  .chancetix.inner .bubble img{width:40px;}
}

@media (min-width: 720px) and (max-width: 740px) and (orientation:landscape) {
  .chancetix{right:25%;}
  .chancetix p.main{font-size:11px;}
  .chancetix.inner .bubble{margin-top:-10px;}
}

@media (max-width: 480px) and (orientation:landscape) {
  .chancetix p.main{font-size:10px;}
  .chancetix.inner{top:-30px;width:98px;height:42px;}
  .chancetix.inner .bubble{margin-top:-10px;margin-bottom:0;}
  .chancetix.inner .bubble img{width:30px;}
}

@media screen and (min-width: 992px) { 
  .chancetix{right:30%;}
}

@media screen and (min-width: 1024px) { 
  .chancetix{right:25%;width:175px;height:75px;padding:15px 30px 10px 0px;}
  .chancetix p.main{font-size:14px;}
  .chancetix.inner{width:175px;height:75px;}
  .chancetix.inner .bubble{margin-top:-30px;}
  .chancetix.inner .bubble img{width:40px;}
}

@media screen and (min-width: 1180px) { 
  .chancetix{right:32%;}
}

/* ---------------------- end of FREE Chance tix 04062025 ---------------------- */

@media screen and (min-width: 0px) {
 #back-to-top {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 9999;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 30px;
  background: #333333;
  color: #ffffff;
  cursor: pointer;
  border: 0;
  border-radius: 2px;
  text-decoration: none;
  transition: opacity 0.2s ease-out;
  opacity: 0;
  display: block;
 }

 #back-to-top i {
  display: none;
 }

 #back-to-top span.desktoponly {
  display: none;
 }

 .stars_earned_bar {
  margin-top: 0px;
 }

 .image_rotator_section .featureditem_icon img {
  max-width: 80%;
 }

 .image_rotator_section .row {
  padding-left: 20px;
  padding-right: 20px;
 }

 .image_rotator_section {
  border-top-right-radius: 0px;
 }

 #image-rotator .image_rotator_wrap,
 #image-rotator .tab_wrapper {
  width: 100%;
 }

 #image-rotator ul.tabs li {
  width: 115px;
  height: 108px;
  margin-bottom: 15px;
  position: relative;
  float: left;
  list-style-type: none;
  margin-right: 15px;
  border-radius: 20px;
  background: #fff;
 }

 #image-rotator .tab_wrapper {
  width: 100%;
  display: flex;
  overflow-y: hidden;
  max-width: 100%;
  flex-direction: column;
  margin-left: 20px;
 }

 .image_rotator_section .featureditem_icon {
  z-index: 4;
  top: 60px;
  position: relative;
  left: 0px;
  width: 140px;
 }

 .white_section {
  border-top-right-radius: 0px;
 }

 .headers_label {
  margin: 0 auto;
  padding-left: 30px;
 }

 .top_header .carousel_banner_section {
  border-bottom-left-radius: 0px;
  padding-bottom: 20px;
 }

 .flashdeal_section {
  padding-top: 40px;
 }

 .slick-initialized .slick-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
 }

 .left_corner_border {
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  width: 80%;
 }

 .right_corner_border {
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  width: 80%;
 }

 .categories_row .barrymart_star_edge {
  position: absolute;
  top: -40px;
 }

 .categories_row .barrymart_star_edge img {
  width: 70px;
 }

 .redeem_filter_cat_points {
  margin-top: 20px;
 }

 .circle1 {
  width: 9px;
  height: 9px;
 }

 .circle2 {
  width: 15px;
  height: 15px;
  right: 20px;
 }

 .circle3 {
  width: 14px;
  height: 14px;
 }

 .barrymart_lefttri_edge img {
  width: 40px;
 }

 .barrymart_toys_mix_edge svg,
 .barrymart_games_mix_edge svg,
 .barrymart_others_mix_edge svg {
  width: 40px;
 }

 .barrymart_toys_mix_edge,
 .barrymart_games_mix_edge,
 .barrymart_others_mix_edge {
  position: absolute;
  right: 0px;
  top: -40px;
 }

 .barrymart_stationeries_mix_edge img {
  width: 35px;
 }

 #filters ul.listofcategories li {
  display: inline-block;
  margin-right: 12px;
 }

 .append_filter_desktop_container {
  top: 80px;
 }

 .redeem_filter_sidebar {
  max-width: 100%;
  width: 100%;
  background-color: #fcf9f6;
  margin-top: 0px;
  padding: 5px 20px;
  margin-left: 0px;
  top: -10px;
  left: 0px;
  z-index: 10;
  border-bottom: 1px solid #ececec;
  visibility: visible;
  transition: opacity 0.5s linear;
 }

 .redeem_filter_sidebar a {
  text-decoration: none;
  color: inherit;
 }

 .redeem_filter_content.collapse.in {
  display: block;
 }

 #filters ul.listofcategories.desktoponly {
  display: none;
 }

 .redeem_filter_sidebar select.listofcategories_mobile {
  display: block;
  width: 100%;
  padding: 10px;
  background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #ffffff;
  border-radius: 10px;
  border-color: #c2c1c1;
 }

 .redeem_filter_sidebar select.listofcategories_mobile option {
  padding: 0px;
 }

 .redeem_filter_content.collapse.in {
  display: block;
  min-height: 150px;
 }

 .toggle_ico {
  display: block;
  height: 32px;
  width: 32px;
  background: url(../images/plus_icon.png);
  float: right;
  margin-top: -6px;
 }

 .toggle_ico.expanded {
  background: url(../images/minus_icon.png);
 }

 .giftshop .categoryitem .capsule_box {
  width: 125px;
  min-height: 230px;
 }

 .stars_earned_bar {
  top: 0px;
 }

 .redemptionpage .product_titleandstars {
  padding-right: 10px;
 }

 .deliverydetails_section {
  padding: 20px;
 }

 .redemption_section .description_area {
  padding-left: 0px;
  margin-top: 0px;
  width: 100%;
 }
}

@media screen and (min-device-width: 0px) and (orientation: landscape) {
 .redeem_filter_content.collapse.in {
  display: block;
  min-height: 120px;
 }
}

@media screen and (max-device-width: 991px) and (orientation: landscape) {
 .append_filter_container {
  top: 60px;
  position: sticky;
  display: inline-block;
  width: 100%;
  z-index: 5;
 }

 .redemption_section #tabs-content {
  position: relative;
  display: flex;
  flex-direction: row !important;
 }

 .redemption_section .image_tab_gallery {
  max-width: 100%;
  margin: 0 auto;
 }

 .redemption_section .tabs_photo_wrapper {
  width: 90%;
  margin-right: 20px;
 }

 .redemption_section ul#tabs-nav li img {
  width: 55px;
  height: 55px;
  border-radius: 20px;
  opacity: 0.5;
 }

 .redemption_section ul#tabs-nav {
  margin-left: 0px;
 }
}

@media screen and (max-width: 1300px) {
 .barrymart_redemption_lefttri_edge img {
  width: 40px;
  margin-top: 30px;
 }
}

@media screen and (max-width: 991px) {
 .carousel .item .imageContainer.mobile {
  display: block;
 }

 .carousel .item .imageContainer {
  display: none;
 }

 .stars_earned_bar {
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 0px;
  background: #faf3ee;
  padding-top: 30px;
  height: 140px;
 }

 .append_filter_container {
  top: 60px;
  position: sticky;
  position: -webkit-sticky;
  display: inline-block;
  width: 100%;
  z-index: 5;
 }

 .fullcorner_holder {
  border-top-left-radius: 100px;
  border-bottom-right-radius: 100px;
 }

/* Added 24072024 */
.bbbash .bdayballoons svg{
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
}

 .categories_section .iconbox {
  border: 2px solid #ececec;
  border-radius: 10px;
  padding: 40px;
  text-align: center;
  width: 22%;
  float: left;
  min-height: 220px;
  margin-bottom: 30px;
  margin-right: 20px;
 }

 @keyframes makeItRain {
  from { opacity: 0.4; transform: translateY(0px); }
  60% { opacity: 1; }
  90% { opacity: 1; }
  to { opacity: 0; transform: translateY(190px); }
  }

 .deliverydetails_section .delivery_wrapper .giftbox_hands {
  position: relative;
  float: none;
  margin: 0 auto;
  display: block;
  text-align: center;
 }

 .deliverydetails_section .deliveryform {
  width: 100%;
  float: left;
  margin-right: 20px;
 }

 .deliverydetails_section .delivery_wrapper .giftbox_hands svg {
  height: 230px;
  transform: translate(0);
  margin: 0 auto;
 }

 .deliverydetails_section .deliveryform {
  width: 50%;
  float: left;
  margin-right: 20px;
 }

 .deliverydetails_section .deliveryform .form_field {
  width: 100%;
 }

 .deliverydetails_section .deliveryform .form_field.address {
  float: left;
 }

 .deliverydetails_section .deliveryform .field {
  width: 100%;
 }

 .deliverydetails_section .deliveryform .field_postal {
  width: 50%;
  float: left;
 }

 .deliverydetails_section button.search {
  width: 46%;
  margin-bottom: 20px;
 }

 .barrymart_redemption_lefttri_edge img {
  width: 40px;
  margin-top: 30px;
 }

 .redemption_section .tabs_photo_wrapper {
  width: 70%;
  float: left;
 }

 .circle_big_pink {
  width: 15px;
  height: 15px;
  top: 80px;
  left: 230px;
 }
}

@media screen and (max-width: 768px) {
  html,
  body {
  overflow: visible;
  }

 .stars_earned_bar i {
  font-size: 20px;
  color: #000000;
 }

 .stars_earned_bar {
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 0px;
  background: #faf3ee;
  padding-top: 30px;
  height: 195px;
 }

 .stars_earned_bar .stars_earned span.expiry_text,  .stars_earned_bar .stars_earned_second span.expiry_text {
  display: block;
  margin: 0 auto;
  text-align: center;
 }

 .stars_earned, .stars_earned_second {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
 }

 .stars_earned_bar .stars_earned span.no_stars, .stars_earned_bar .stars_earned_second span.no_stars {
  font-size: 21px;
  margin: 0 auto;
  font-weight: bold;
  color: #f29700;
  display: block;
  text-align: center;
  margin-bottom: 10px;
 }

 .stars_earned_bar .stars_earned span.no_stars i, .stars_earned_bar .stars_earned_second span.no_stars i {
  font-size: 21px;
  color: #f29700;
 }

 .stars_earned_bar h3 {
  font-size: 21px;
  text-align: center;
  display: block;
  margin-bottom: 10px;
  margin-right: 0px;
 }

 .stars_earned_bar .stars_earned a {
  border-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
  float: left;
  padding: 0px;
 }

 .stars_earned_bar .tooltip-top {
  margin-left: -60px;
 }

 .stars_earned_bar .tooltip-top::after {
  left: 11%;
 }

 #image-rotator .holder .products_bar .name {
  font-size: 12px;
 }

 #image-rotator .holder .products_bar .stars {
  font-size: 11px;
  top: 1px;
  position: relative;
 }

 #image-rotator .holder img.color_blob {
  left: 20px;
 }

 #image-rotator ul.tabs {
  width: 1200px;
 }

 #image-rotator .holder {
  margin: 20px;
 }

 .capsule_label {
  font-size: 9px;
 }

 .fullcorner_holder {
  border-top-left-radius: 100px;
  border-bottom-right-radius: 100px;
 }

 .bbbash .bdayballoons svg{ /* Added 24072024 */
  border-top-left-radius: 100px;
  border-bottom-right-radius: 100px;
 }

 .categories_section .iconbox {
  border: 2px solid #ececec;
  min-height: 140px;
  border-radius: 10px;
  padding: 20px 20px;
  min-height: 160px;
  width: 44%;
  float: left;
  text-align: center;
  margin-right: 15px;
  margin-left: 20px;
  margin-bottom: 20px;
 }

 .categories_section .categories_flex_holder a {
  flex: 30%;
  padding: 20px 10px;
 }

 .headers_label h3 {
  font-size: 17px;
 }

 @keyframes makeItRain {
  from { opacity: 0.4; transform: translateY(0px); }
  60% { opacity: 1; }
  90% { opacity: 1; }
  to { opacity: 0; transform: translateY(300px); }
 }

 .redeem_sleeve_label {
  margin-left: -46%;
  top: 10px;
 }

 .capsules_holder .slick-prev {
  top: -35px;
  right: 70px;
  transform: scale(0.7);
 }

 .capsules_holder .slick-next {
  top: -35px;
  right: 45px;
  transform: scale(0.7);
 }

 .entertowin_section .capsules_holder .slick-next,
 .flashdeal_section .capsules_holder .slick-next {
  right: 85px;
 }
 .entertowin_section .capsules_holder .slick-prev,
 .flashdeal_section .capsules_holder .slick-prev {
  right: 110px;
 }

 .slick-next:before {
  top: 0px;
  left: 2px;
 }

 .slick-prev:before {
  top: 0px;
  left: 0px;
 }

 .categories_section .categories_icons .row {
  margin-bottom: 30px;
 }

 .categories_section .iconbox.others svg {
  width: 37px;
  height: 70px;
 }

 .giftshop .categoryitem .capsule_box {
  width: 130px;
  min-height: 230px;
  margin-left: 5px;
  margin-right: 5px;
 }

 #back-to-top i {
  position: absolute;
  left: 5px;
  top: 3px;
 }

 .redemption_section .image_tab_gallery {
  max-width: 360px;
  margin: 0 auto;
 }

 .redemption_section ul#tabs-nav li img {
  width: 55px;
  margin-right: 6px;
  height: 55px;
  border-radius: 20px;
  opacity: 0.5;
 }

 .redemptionpage .product_titleandstars {
  display: flex;
  flex-direction: column;
  padding-bottom: 10px;
 }

 .redemptionpage .tabs .image_area {
  float: none;
  margin-right: 0px;
  padding: 10px 0px;
  margin-bottom: 0px;
  max-width: 100%;
 }

 .redemptionpage .tabs .image_area img {
  margin: 0 auto;
  display: block;
  max-width: 100%;
 }

 .redemption_section .description_area {
  margin-top: 20px;
 }

 .redemption_section #tabs-content .redeem_sleeve_label.flashdealtag {
  margin-left: -12px;
  top: 30px;
 }

 .redemption_section #tabs-content {
  position: relative;
  display: flex;
  flex-direction: column;
 }

 .deliverydetails_section .delivery_wrapper .giftbox_hands svg {
  height: 200px;
 }

 .redemption_section .tabs_photo_wrapper {
  width: 100%;
 }

 .redemption_section .product_titleandstars h3 {
  margin-top: 0px;
  font-size: 19px;
  max-width: 100%;
  line-height: 25px;
 }

 .redemption_section .product_titleandstars .product_stars {
  display: inline-flex;
  margin-bottom: 0px;
 }

 .redemption_section .product_titleandstars .product_stars .starvalue {
  font-size: 18px;
 }

 .redemption_section .product_titleandstars .product_stars .starvalue_striked {
  font-size: 16px;
 }

 .redemption_section .product_titleandstars .product_stars .starvalue_striked i {
  top: 2.7px;
  font-size: 16px;
 }

 .deliverydetails_section .deliveryform .field {
  float: none;
  padding-left: 0px;
  margin-bottom: 20px;
 }

 .deliverydetails_section .deliveryform .form_field {
  width: 100%;
  float: left;
 }

 .deliverydetails_section .deliveryform {
  width: 100%;
  float: none;
 }

 .deliverydetails_section .deliveryform_and_details .details {
  padding-left: 0px;
  width: 100%;
 }

 .deliverydetails_section .deliveryform .field_postal {
  width: 50%;
  float: left;
 }

 .deliverydetails_section button.search {
  margin-bottom: 20px;
 }

 .deliverydetails_section .deliveryform_and_details {
  padding: 10px;
  flex-direction: column;
  z-index: 1;
  position: relative;
 }

 .deliverydetails_section .delivery_wrapper h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: 15px;
 }

 .deliverydetails_section .delivery_wrapper .giftbox_hands {
  bottom: 40px;
 }

 .deliverydetails_section .barrymart_star_yellow_edge img {
  width: 80px;
 }
}

@media screen and (max-width: 768px) and (orientation: landscape) {
 .redemption_section .image_tab_gallery {
  max-width: 95%;
  margin: 0 auto;
 }

 .giftshop .categoryitem .capsule_box {
  width: 180px !important;
  min-height: 260px;
 }

 @keyframes makeItRain {
  from { opacity: 0.4; transform: translateY(0px); }
  60% { opacity: 1; }
  90% { opacity: 1; }
  to { opacity: 0; transform: translateY(260px); }
 }

}

@media screen and (max-width: 360px) {
 .redemptionpage ul#tabs-nav li {
  padding: 0px 1px;
 }
}

@media screen and (min-width: 768px) {
 .modal-confirmation {
  width: 459px;
 }
}

@media screen and (min-device-width: 731px) and (max-device-width: 811px) and (orientation: landscape) {
 .giftshop .categoryitem .capsule_box {
  width: 164px;
 }
}

@media screen and (min-width: 784px) and (max-width: 899px) {
 #image-rotator {
  min-height: auto;
  flex-direction: row !important;
 }

 #image-rotator .image_rotator_wrap,
 #image-rotator .tab_wrapper {
  width: 50%;
 }

 #image-rotator .holder {
  position: absolute;
  z-index: 0;
  border-radius: 20px;
  background: #ffffff;
 }

 #image-rotator ul.tabs li {
  width: 112px;
  height: 108px;
  margin-bottom: 8px;
  position: relative;
  float: left;
  list-style-type: none;
  margin-right: 5px;
  border-radius: 20px;
 }
}


@media screen and (min-width: 896px) and (max-width: 992px) {
 .append_filter_container {
  top: 80px;
 }
}

@media screen and (min-width: 853px) and (max-width: 932px) and (orientation:portrait){
  .entertowin .confetti{
   overflow-y:hidden;
  }
 }

@media screen and (min-width: 200px) {
 .notification_list.appear.withbacktotop {
  right: 60px;
  width: 80%;
 }

 .notification_list {
  right: 20px;
  width: auto;
 }

 span.item_title {
  font-weight: bold;
 }

 span.notification_name {
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
 }
}

@media screen and (min-width: 320px) {
 .giftshop .categoryitem .capsule_box {
  width: 150px;
 }
}



@media screen and (min-width: 360px) {
 .notification_list.appear.withbacktotop {
  right: 20px;
  width: 80%;
 }
}

@media screen and (min-width: 400px) {
 .giftshop .categoryitem .capsule_box {
  width: 175px;
 }
}

@media screen and (min-width: 500px) {
 .notification_list.appear.withbacktotop {
  right: 60px;
  width: auto;
 }

 .giftshop .categoryitem .capsule_box {
  width: 180px;
  min-height: 260px;
 }
}

@media screen and (min-width: 640px) {
 .notification_list.appear.withbacktotop {
  width: auto;
 }

 .giftshop .categoryitem .capsule_box {
  width: 190px;
  min-height: 260px;
 }
}


@media screen and (min-width: 800px) {
 #image-rotator {
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: auto;
  justify-content: center;
 }

 .barrymart_lefttri_edge img {
  width: 70px;
 }

 .barrymart_stationeries_mix_edge img {
  width: 50px;
 }

 .giftshop .categoryitem .capsule_box {
  width: 200px;
  min-height: 290px;
 }
}

@media screen and (min-width: 900px) {
 #image-rotator .holder {
  max-width: 46%;
 }

 #image-rotator {
  flex-direction: row;
 }

 #image-rotator .image_rotator_wrap,
 #image-rotator .tab_wrapper {
  width: 50%;
 }

 #image-rotator ul.tabs li {
  width: 122px;
  height: 117px;
 }

 #image-rotator .image_rotator_wrap {
  position: initial;
 }

 .image_rotator_section .featureditem_icon {
  z-index: 4;
  top: 50px;
  position: relative;
  left: -60px;
  width: 140px;
  margin-top: 10px;
 }
}

@media screen and (min-width: 992px) {
 #filters ul.listofcategories.desktoponly {
  display: block;
 }

 .redeem_filter_sidebar select.listofcategories_mobile {
  display: none;
 }

 #back-to-top.show {
  opacity: 1;
 }

 #back-to-top span.mobileonly {
  display: none;
 }

 #back-to-top span.desktoponly {
  display: inline-block;
 }

 #back-to-top {
  width: 45px;
  height: auto;
  background: #fff;
  border: 1px solid #dcd9d9;
  border-radius: 100%;
  color: #000;
  padding: 6px;
  z-index: 2;
 }

 #back-to-top i {
  display: block;
 }

 #back-to-top:hover {
  background: #038cd0;
  color: #ffffff;
  border: 1px solid #038cd0;
 }

 .stars_earned_bar {
  margin-top: -50px;
  top: 5px;
 }

 .top_header .carousel .item .imageContainer {
  display: block;
 }

 .top_header .carousel .item .imageContainer.mobile {
  display: none;
 }

 .image_rotator_section {
  border-top-right-radius: 200px;
  margin-top: 10px;
 }

 .top_header .carousel_banner_section {
  border-bottom-left-radius: 200px;
  padding-bottom: 80px;
 }

 #image-rotator .tab_wrapper {
  width: 50%;
  display: flex;
  overflow-y: hidden;
  max-width: 100%;
  flex-direction: row;
 }

 .white_section {
  border-top-right-radius: 200px;
 }

 .flashdeal_section {
  padding-top: 0px;
 }

 .headers_label {
  margin: 0 auto;
  padding-left: 30px;
 }

 .categories_section .iconbox {
  border: 2px solid #ececec;
  border-radius: 10px;
  padding: 40px;
  width: 21%;
  text-align: center;
  margin-right: 30px;
  margin-bottom: 30px;
  min-height: 200px;
  float: left;
 }

 .left_corner_border {
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  width: 90%;
 }

 .right_corner_border {
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  width: 90%;
 }

 .notification_list.appear.withbacktotop {
  width: auto;
  right: 20px;
 }

 .notification_list {
  width: auto;
  right: 20px;
 }

 .circle1 {
  width: 13px;
  height: 13px;
 }

 .circle2 {
  width: 21px;
  height: 21px;
 }

 .circle3 {
  width: 18px;
  height: 18px;
 }

 #filters ul.listofcategories li {
  display: block;
  margin-right: 0px;
 }

 form#filters {
  position: sticky;
  z-index: 10;
  top: 165px;
  left: 20px;
 }

 .append_filter_desktop_container {
  top: 50px;
  position: -webkit-sticky;
  position: sticky;
  z-index: 1;
 }

 .redeem_filter_sidebar {
  max-width: 310px;
  background-color: #fcf9f6;
  margin-top: 0px;
  padding: 20px;
  border-radius: 20px;
  margin-left: 30px;
  position: relative;
  border-bottom: 0px;
  left: 0px;
  min-height: 470px;
 }

 .redeem_filter_sidebar h4 {
  font-weight: bold;
 }

 .redeem_filter_and_legend {
  display: block;
  width: 280px;
  float: left;
  margin-right: 70px;
  position: -webkit-sticky;
  position: sticky;
  top: 90px;
  margin-top: 40px;
 }

 .redeem_filter_content {
  display: inline-block !important;
 }

 .redeem_filter_sidebar a.butclick {
  pointer-events: none;
 }

 .toggle_ico {
  display: none;
 }

 .giftshop .categoryitem .capsule_box {
  width: 210px;
 }

 .deliverydetails_section button.search {
  max-width: 150px;
 }

 .deliverydetails_section {
  padding: 0px;
 }
}

@media screen and (min-width: 1100px) {
 .image_rotator_section .row {
  padding-left: 80px;
  padding-right: 0px;
 }

 #image-rotator {
  position: relative;
  overflow: hidden;
 }

 #image-rotator .holder {
  max-width: 48%;
 }
}

@media screen and (min-width: 1200px) {
 #image-rotator ul.tabs li {
  width: 145px;
  height: 135px;
 }

 .categories_row .barrymart_star_edge {
  position: absolute;
  top: 90px;
 }

 .categories_row .barrymart_star_edge img {
  width: auto;
 }

 .barrymart_toys_mix_edge svg {
  width: 45px;
 }

 .barrymart_stationeries_mix_edge img {
  width: 40px;
 }

 .left_corner_border {
  border-top-left-radius: 150px;
  border-bottom-left-radius: 150px;
 }

 .right_corner_border {
  border-top-right-radius: 150px;
  border-bottom-right-radius: 150px;
 }

 .deliverydetails_section button.search {
  max-width: 180px;
 }
}

@media screen and (min-width: 1200px) and (max-width: 1499px) {
 .headers_label h3 {
  padding-left: 30px;
 }

 .right_corner_border,
 .left_corner_border {
  width: 95%;
 }

 .left_corner_border {
  border-top-left-radius: 150px;
  border-bottom-left-radius: 150px;
 }

 .right_corner_border {
  border-top-right-radius: 150px;
  border-bottom-right-radius: 150px;
 }
}

@media screen and (min-width: 1500px) {
 .left_corner_border {
  border-top-left-radius: 250px;
  border-bottom-left-radius: 250px;
 }

 .right_corner_border {
  border-top-right-radius: 250px;
  border-bottom-right-radius: 250px;
 }
}



@media only screen and (min-width: 600px) and (max-width: 603px) and (orientation: portrait) {
 .giftshop .categoryitem .capsule_box {
  width: 170px;
  min-height: 260px;
 }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
 .giftshop .categoryitem .capsule_box {
  width: 130px;
 }
}

@media only screen and (min-device-width: 360px) and (max-device-width: 640px) and (orientation: landscape){
 .stars_earned {
  flex-direction: row;
 }

 .stars_earned_bar {
  height: 115px;
 }

 .stars_earned_bar h3 {
  font-size: 21px;
  text-align: center;
  display: block;
  margin-bottom: 0px;
  margin-left: 10px;
  margin-right: 10px;
 }

 .stars_earned_bar .stars_earned span.no_stars,  .stars_earned_bar .stars_earned_second span.no_stars {
  font-size: 21px;
  margin: 0 auto;
  font-weight: bold;
  color: #f29700;
  display: block;
  text-align: center;
  margin-bottom: 0px;
  margin-right: 10px;
 }
}

@media only screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: portrait) {
 .giftshop .categoryitem .capsule_box {
  width: 240px;
  min-height: 260px;
 }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) and (orientation: portrait) {
 .whitebackground_mainwrap {
  background: #ebe4de;
  margin-top: -60px;
 }

 .stars_earned_bar {
  height: 115px;
  margin-top: -15px;
  padding-left: 30px;
  padding-right: 30px;
  background: #faf3ee;
  padding-top: 20px;
  margin-bottom: 10px;
 }

 .image_rotator_section {
  border-top-right-radius: 0px;
  margin-top: -55px;
 }

 .image_rotator_section .row {
    padding-left: 50px;
    padding-right: 0px;
 }

 .white_section {
  border-top-right-radius: 0px;
 }

 .top_header .carousel_banner_section {
  border-bottom-left-radius: 0px;
  padding-bottom: 40px;
 }

 h3.category_title {
 padding-top: 80px!important;
 }

 .giftshop .categoryitem .capsule_box {
  width: 190px;
  min-height: 260px;
 }

 .redemption_section .image_tab_gallery {
  max-width: 800px;
  margin: 0 auto;
 }

 .deliverydetails_section .delivery_wrapper .giftbox_hands svg {
  width: 270px;
 }

 .redemptionpage .product_titleandstars {
  flex-direction: column;
 }

 .deliverydetails_section .deliveryform {
  width: 50% !important;
 }

 .deliverydetails_section button.search {
  max-width: 110px;
 }

 .giftshop .categoryitem .capsule_box {
  width: 190px !important;
  min-height: 260px;
 }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) and (orientation: landscape){
 .deliverydetails_section button.search {
  max-width: 140px;
 }
}



@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  #image-rotator .image_rotator_wrap, #image-rotator .tab_wrapper {
  width: 80%;
  margin: 0 auto;
 }

 .image_rotator_section .featureditem_icon {
  left: 50px;
 }

 h3.category_title {
  padding-top: 60px;
 }

 .left_corner_border {
  width: 90%;
 }

 .right_corner_border {
  width: 90%;
 }

 /* fix for porportionate gap */
 .fullcorner_holder.entertowin {
  width: 90%;
  margin: 0px auto 50px auto;
 }

 .entertowin_section .capsules_holder .slick-next {
  right: 30px;
 }

 .entertowin_section .capsules_holder .slick-prev {
  right: 55px;
 }

 .view_all_card {
  min-height: 260px;
  width: 184px;
 }
 /* end of fix for porportionate gap */

 #image-rotator .holder img.color_blob {
  left: 50px;
 }

 .redeem_sleeve_label {
  margin-left: -67%;
 }

 .categories_section .categories_flex_holder a {
  flex: 22%;
  padding: 10px;
 }

 .stars_earned, .stars_earned_second {
  flex-direction: row;
 }

 .stars_earned_bar {
  height: 120px;
  margin-bottom: 30px;
 }

 .stars_earned_bar h3 {
  font-size: 21px;
  text-align: center;
  display: block; 
  margin-bottom: 0px;
  margin-left: 10px;
  margin-right: 10px;
 }

 .stars_earned_bar .stars_earned span.no_stars, .stars_earned_bar .stars_earned_second span.no_stars  {
  font-size: 21px;
  margin: 0 auto;
  font-weight: bold;
  color: #fab815;
  display: block;
  text-align: center;
  margin-bottom: 0px;
  margin-right: 10px;
 }

 .categorypage .stars_earned_bar {
  margin-bottom: 0px;
 }

 .categories_section .iconbox {
  border: 2px solid #ececec;
  min-height: 140px;
  border-radius: 10px;
  padding: 20px 20px;
  min-height: 160px;
  width: 28%;
  float: left;
  text-align: center;
  margin-right: 15px;
  margin-left: 20px;
  margin-bottom: 20px;
 }

 .deliverydetails_section .deliveryform {
  width: 100% !important;
 }


 @keyframes makeItRain {
  from { opacity: 0.4; transform: translateY(0px); }
  60% { opacity: 1; }
  90% { opacity: 1; }
  to { opacity: 0; transform: translateY(240px); }
 }

 .individualitem .capsule_box {
  width: 180px;
 }

 .select_wrapper select { 
  width:100%;
 }

 .select_wrapper select:focus {
  width: 100%;
 }

 .giftshop .categoryitem .capsule_box {
  width: 220px;
  min-height: 260px;
 }

 .redemption_section .image_tab_gallery {
  max-width: 700px;
  margin: 0 auto;
 }

 .redemptionpage .tabs .image_area {
  max-width: 100%;
  float: none;
  margin-right: 0px;
 }

 .redemption_section #tabs-content {
  position: relative;
  display: flex;
  flex-direction: row;
 }

 .redemption_section .tabs_photo_wrapper {
  width: 100%;
  margin-right: 25px;
 }

 .deliverydetails_section .delivery_wrapper .giftbox_hands {
  margin-top: 20px;
 }

 .deliverydetails_section .deliveryform_and_details {
  flex-direction: row;
 }

 .deliverydetails_section .deliveryform {
  width: 100%;
 }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
 .image_rotator_section .featureditem_icon {
  left: 0px;
 }

 .stars_earned_bar {
  padding-left: 20px;
  padding-right: 20px;
 }

 .image_rotator_section .row {
  padding-left: 50px;
  padding-right: 0px;
 }

 .white_section {
  border-top-right-radius: 0px;
 }

 .top_header .carousel_banner_section {
  border-bottom-left-radius: 0px;
 }

 .image_rotator_section {
  border-top-right-radius: 100px;
  margin-top: 10px;
 }

 .top_header a.back_to_barrymart {
  padding-left: 30px;
 }

 .redemption_section {
  padding: 0px 40px;
 }

 .redemption_section .tabs_photo_wrapper {
  width: 65%;
 }

 .redeem_sleeve_label {
  margin-left: -59%;
 }

 .fullcorner_holder {
  border-top-left-radius: 100px;
  border-bottom-right-radius: 100px;
  padding: 10px;
 }

 .bbbash.fullcorner_holder { /* Added 24072024 */
    padding: 0px;
 }

 .left_corner_border {
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  padding: 10px;
 }

 .right_corner_border {
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  padding: 10px;
 }

 /* fix for porportionate gap */
 .fullcorner_holder.entertowin {
  width: 90%;
  margin: 0px auto 50px auto;
 }

 .entertowin_section .capsules_holder .slick-next {
  right: 55px;
 }

 .entertowin_section .capsules_holder .slick-prev {
  right: 95px;
 }
 /* end of fix for porportionate gap */


 .giftshop .categoryitem .capsule_box {
  width: 174px;
 }

 .giftshop .categoryitem .capsule_box {
  width: 180px;
  min-height: 260px;
 }

 .deliverydetails_section .deliveryform {
  width: 50%;
  float: left;
  margin-right: 40px;
 }

 .deliverydetails_section .delivery_wrapper .giftbox_hands svg {
  width: 200px;
 }

 .deliverydetails_section button.search {
  max-width: 120px;
 }

 .barrymart_redemption_lefttri_edge img {
  width: 50px;
  margin-top: 0px;
  position: absolute;
 }

 .redemption_section .product_titleandstars .product_stars .starvalue_striked i {
  top: 3px;
 }

}


@media screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: portrait){
 .image_rotator_section .featureditem_icon {
  left: 0px;
  top: 41px;
 }

 #image-rotator .image_rotator_wrap, #image-rotator .tab_wrapper {
  width: 47%;
  margin: 0 auto;
 }

 .deliverydetails_section .deliveryform {
  width: 50% !important;
 }

 .redemption_section .image_tab_gallery {
  max-width: 760px;
  margin: 0 auto;
 }
}

@media screen and (min-device-width: 820px) and (max-device-width: 1180px) and (orientation: landscape){
 .deliverydetails_section button.search {
  max-width: 125px;
 }

 .redemption_section .image_tab_gallery {
  max-width: 1000px;
  margin: 0 auto;
 }
}


@media screen and (min-width: 646px) and (max-width: 800px) {
 .categories_section .categories_flex_holder a {
  flex: 20%;
  padding: 10px 10px;
 }
}

@media screen and (max-width: 414px) {
 .giftshop .categoryitem .capsule_box {
  width: 170px;
 }

 .categories_section .categories_flex_holder a {
  flex: 30%;
  padding: 10px 10px;
 }

 .categories_section .categories_flex_holder .barryfav svg {
  width: 100px;
 }

 .categories_section .categories_flex_holder .others svg {
  width: 40px;
 }

 .categories_section .categories_flex_holder svg {
  width: 65px;
  margin: 0 auto;
  display: block;
 }

  @keyframes makeItRain {
  from { opacity: 0.4; transform: translateY(0px); }
  60% { opacity: 1; }
  90% { opacity: 1; }
  to { opacity: 0; transform: translateY(500px); }
 }

}

@media screen and (max-width: 409px){
 .giftshop .categoryitem .capsule_box {
  width: 150px;
 }
}

@media screen and (max-width: 360px) {
 .giftshop .categoryitem .capsule_box {
  width: 145px;
 }
}

@media screen and (max-width: 320px) {
 .headers_label h3 {
  font-size: 15px;
 }

 .capsules_holder .slick-next {
  right: 25px;
 }

 .capsules_holder .slick-prev {
  right: 50px;
 }

 .categories_section .iconbox {
  min-height: 130px;
  width: 46%;
 }

 .categories_section .iconbox svg {
  width: 60%;
  height: auto;
 }

 .categories_section .iconbox.barryfav svg {
  width: 70px;
 }

 .headers_label {
  margin: 0 auto;
  padding-left: 30px;
 }

 .giftshop .categoryitem .capsule_box {
  min-height: 230px;
  margin-left: 0px;
  width: 100%;
 }

 .redemption_section ul#tabs-nav li img {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  opacity: 0.5;
 }

 .redemption_section .image_tab_gallery {
  max-width: 250px;
  margin: 0 auto;
 }

 .deliverydetails_section .deliveryform .buttons_wrapper button {
  padding: 10px 26px;
 }
}

@media only screen and (min-device-width: 321px) and (max-device-width: 339px) and (orientation: portrait){
.giftshop .categoryitem .capsule_box {
  width: 130px;
 }
}

@media screen and (min-width: 321px) and (max-width: 344px){
.giftshop .categoryitem .capsule_box {
 width: 120px;
 }
}

@media screen and (min-width: 345px) and (max-width: 359px){
.giftshop .categoryitem .capsule_box {
 width: 135px;
 }  
}

@media screen and (min-width: 360px) and (max-width: 379px){
.giftshop .categoryitem .capsule_box {
 width: 145px;
 }  
}

@media screen and (min-width: 380px) and (max-width: 390px){
.giftshop .categoryitem .capsule_box {
 width: 150px;
 }
}

@media screen and (min-width: 412px) and (max-width: 426px){
.giftshop .categoryitem .capsule_box {
 width: 160px;
 }
}

@media screen and (min-width: 768px) and (max-width: 1024px){ /* Added 24072024 */
  .bbbash .bdayballoons svg{
    height:430px;
  }
}

@media screen and (orientation:landscape) and (max-width: 1024px){ /* Added 24072024 */
  .bbbash .bdayballoons svg{
    height:430px;
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
  }
}

@media screen and (orientation:landscape) and (max-width: 740px){ /* Added 24072024 */
  .bbbash .bdayballoons svg{
    height:450px;
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
  }
}

@media screen and (min-width: 1500px) and (max-width: 1800px){
.giftshop .categoryitem .capsule_box {
 width: 200px;
 }
}

@media screen and (min-width: 1200px) and (max-width: 1499px){
.giftshop .categoryitem .capsule_box{
 width: 200px;
 }
}

@media screen and (max-width: 280px) {
 .giftshop .categoryitem .capsule_box {
  width: 100%;
  margin-left: 0px;
 }
}