.off-canvas.is-transition-overlap {z-index: 9999;}
#offCanvasLeft > hr, #offCanvasRight > hr{ border-bottom: 2px #e8e7e2 solid; margin: 0}
#offCanvasLeft > p{margin-left: 1.5rem;}
#offCanvasLeft > ul.menu > li{ border-bottom: 2px #cbc7bd solid; padding: 0 1.5rem 0 1.5rem; }
#offCanvasLeft ul.menu li a{ padding: 1rem 0; color: #000000; font-size: 1rem; line-height: 1.4375rem}
#offCanvasLeft ul.menu li ul.grid-x a{ font-size: 0.75rem; text-align: center; line-height: 1.2;word-break: break-word;word-wrap: break-word;overflow-wrap: break-word;}
#offCanvasLeft ul.menu li ul.grid-x img{ display: block; width: 50%; margin: 0 auto 0.5rem auto;border-radius:50%;}
#offCanvasLeft > ul.menu ul{ padding: 0 1.5rem; margin: 0 -1.5rem; background-color: #F6F5F2}
#offCanvasLeft > ul.menu li{ position: relative; }
#offCanvasLeft > ul.menu ul ul{ background-color: white}
#offCanvasLeft > ul.menu ul li{ display: none;}
#offCanvasLeft ul.menu a.has-child > i{background: url("../images/icons/Arrow_down_2.svg") 1.3125rem 1.5625rem no-repeat; content: "";width: 3.5625rem; height: 3.5625rem; top:0; right: 0; border: 0; margin: 0; position: absolute;}
#offCanvasLeft > ul.menu > li > a.has-child > i{right:1.5rem}
#offCanvasLeft li.open > ul > li{ display: block}
#offCanvasLeft li.open > a.has-child > i{transform: rotate(180deg);}
.position-left{ width: calc(100% - 1.5625rem); margin-left: -1.5625rem; -webkit-transform: translateX(calc(1.5625rem - 100%)); -ms-transform: translateX(calc(1.5625rem - 100%)); transform: translateX(calc(1.5625rem - 100%));}
.position-left.is-transition-push, .position-right.is-transition-push {-webkit-box-shadow: none; box-shadow: none;}
.position-right{ width: calc(100% - 1.5625rem); margin-right: -1.5625rem; -webkit-transform: translateX(calc(100% - 1.5625rem)); -ms-transform: translateX(calc(100% - 1.5625rem)); transform: translateX(calc(100% - 1.5625rem));}
.position-left.is-open, .position-right.is-open{margin-left: 0;margin-right: 0;}
#offCanvasRight > ul.menu > li{ margin: 1.5rem 1.5rem 0 1.5rem; width: calc(100% - 3rem);}
#offCanvasRight li a{ color: #000000; font-size: 1rem; line-height: 1.4375rem; padding: 0}
#offCanvasRight li:first-child a{ display: inline-block}
#offCanvasRight > a {margin-left: 1.5rem;}

header .box1 a {color: #808080;}

footer ul li > i{ display: none;}
form#mobile-search{ display: none; position: absolute; z-index: 9999; width: 100%; height: 100%; top: 9.8125rem;}
form#mobile-search > div{margin: 0; padding: 15px 7px; width: 100%;}
form#mobile-search input, form.search-form input:focus{ background-color: white;}

#personalize .footer > div:first-child > div > div{display: flex;}

.btnKboda{color: #000; border: solid 3px #000; display: block;padding: 15px;font-weight: bold; letter-spacing: 3px; text-transform: uppercase; text-align: center;}
.btnKboda:hover {border: solid 3px #000;background-color: #000;color: #fff;}
.customer-service > div{border-top: thin solid #fff;}
.customer-service > div:not(:last-child){border-right: thin solid #fff;}
.static-48hr-img{float: right; margin-left: 25px;}
.award-inquiry-img{float:right;margin-left:20px;}

.ShippingTimeline div[class^="large-"]{ position: relative;}
.ShippingTimeline div[class^="large-"] > div > *:not(:first-child) { display: block; line-height: 1.4375rem;}
.ShippingTimeline div[class^="large-"] > div > b:first-child { display: inline-block; background-color: #A9A393; color: white; padding: 0 1rem; line-height: 1.5625rem;border-radius: 0.78125rem;}

.catalog .grid-x > .list > div:not(.small-12){margin: 0 0.46875rem 3.1875rem 0.46875rem; padding: 0; border-bottom: 0.0625rem solid #707070;}
.catalog .grid-x > .list > div.large-3{width: calc(25% - 0.9375rem)}
.catalog .grid-x > .list > div > div{ height: auto}
.catalog .sortby-list{ display: none;}

#general-modal.FreeGift{ min-width: unset; max-width: 31.078125rem; width: 100%;}
#general-modal.FreeGift.multiple{ min-width: unset; max-width: 39.125rem; width: calc(100% + 12px);}
#general-modal.repeat-order{ max-width: 100%;}

.icon-menu:before {
    background: url(../images/mobile/icons/Menu.svg) 0 0 no-repeat;
    width: 2.125rem;
    height: 2.125rem;
}
.icon-close2:before {
    background: url(../images/mobile/icons/Close_2.svg) 0 0 no-repeat;
    width: 2.125rem;
    height: 2.125rem;
}
.icon-search:before {
    background: url(../images/mobile/icons/Search_2.svg) 0 0 no-repeat;
    width: 2.125rem;
    height: 2.125rem;
}
.icon-man2:before {
    background: url(../images/mobile/icons/Man_2.svg) 0 0 no-repeat;
    width: 2.125rem;
    height: 2.125rem;
}
.icon-cart2:before {
    background: url(../images/mobile/icons/Cart_2.svg) 0 0 no-repeat;
    width: 2.125rem;
    height: 2.125rem;
}
.icon-arrow-down2:before{background: url("../images/icons/Arrow_down_2.svg") 0 0 no-repeat; width: 0.875rem; height: 0.5rem; vertical-align: middle;}
.icon-arrow-up2:before{background: url("../images/icons/Arrow_down_2.svg") 0 0 no-repeat; width: 0.875rem; height: 0.5rem; vertical-align: middle; transform: rotate(180deg);}
.icon-locations2:before{background: url("../images/mobile/icons/Locations_2.svg") 0 0 no-repeat; width: 1.25rem; height: 1.25rem}
.icon-mail2:before{background: url("../images/mobile/icons/Mail_2.svg") 0 0 no-repeat; width: 1.25rem; height: 1.25rem}
.icon-phone2:before{background: url("../images/mobile/icons/Phone_2.svg") 0 0 no-repeat; }

@media screen and (max-width: 63.9988em) {
    header .box1 .show-for-large {display: none !important;}
    header .box1 .hide-for-large{display: inline-block !important;}
}

@media print, screen and (max-width: 64em) {

    #wrapper{margin-top: 0; padding-top: 9.8125rem}

    .mobile-full{width: 100% !important;}
    .tooltip{ width: 90% !important}

    /*header .box1 { height: 2.5rem; }*/
    header .box2 .grid-padding-x > .cell{ padding: 0; font-size: 0}
    header .box2 a{font-size: 1rem; width: 33.33333%}
    header .box3{height: 4.4375rem}
    header .box3 .logo img{ max-width: 8.525rem}
    header .box3 .logo{ line-height: 0.625rem; font-size: 0.61875rem;}
    header .box3 .hide-for-large a{position: relative}
    header .box3 .icon-cart2 ~ span{ bottom: -0.25rem; right: -0.5rem; position: absolute; border-radius: 0.625rem; width: 1.25rem; height: 1.25rem; display: none; text-align: center; font-size: 0.8rem; line-height: 1.25rem}
    header .box3 .icon-cart2 ~ span.active{ display: inline-block;}
    header.corporate .box3 .icon-cart2 ~ span{ background-color: #7B95A3}
    header.personal .box3 .icon-cart2 ~ span{ background-color: #7C9683}
    header.weddings .box3 .icon-cart2 ~ span{ background-color: #D59D90}

    footer{ padding-bottom: 7.5rem}
    footer .box1 { padding: 2.34375rem 0.9375rem 2rem 0.9375rem;}
    footer .box1 > .grid-x > .cell{height: auto}
    footer .box1 form{ padding-top: 1.25rem; text-align: left}
    footer .box1 .form-field{ width: calc(100% - 7.5rem); }
    footer .box2 { padding: 3.15625rem 0.9375rem 2.625rem 0.9375rem}
    footer .box2 > .grid-x > .cell:nth-child(2) > div.grid-x{ margin: 0.5rem 0 0 0}
    footer .box2 .logo{ height: 2.0925rem;}

    footer ul, footer ul li{ display: block;}
    footer ul{ border-bottom: 1px solid #000000; margin-top: 1rem}
    footer ul li:not(:first-child){ display: none; line-height: 2.125rem}
    footer ul li > i{ display: block;}

    #seal-block{ position: absolute; bottom: 1rem; margin-left: 0; width: auto;}
    footer .box2 > .grid-x > .cell:first-child > div{ position: absolute; bottom: 1.9rem; left: 13rem;}

    .promo.grid-container{ padding: 0; margin-top: 0}
    .promo > .grid-x:last-child{margin-top: 0;}
    .promo > .grid-x:nth-child(even) > div:first-child, .promo > .grid-x:nth-child(odd) > div:last-child, .weddings .promo > .grid-x:nth-child(odd) > div:first-child { padding: 2rem 8rem 8rem 8rem;}
    .promo > .grid-x:nth-child(even){flex-direction: column-reverse;}
    .weddings .promo > .grid-x:nth-child(odd){flex-direction: column-reverse;}
    .weddings .promo > .grid-x:nth-child(even){flex-direction: unset;}
    .weddings .promo > .grid-x:nth-child(odd) > div:last-child:before, .weddings .promo > .grid-x:nth-child(even) > div:first-child:before{display: none;}
    .weddings .promo > .grid-x img { padding: 0;}
    .weddings .promo > .grid-x:last-child{margin-top: 0}

    .main_banner .bx-controls{position: relative; margin-top: -2rem; right: unset; top:unset}
    .main_banner .bx-wrapper .bx-pager{padding-top: 0}
    .main_banner .bx-wrapper .bx-pager.bx-default-pager a{width: 0.375rem; height: 0.375rem; -moz-border-radius: 0.1875rem; -webkit-border-radius: 0.1875rem;border-radius: 0.1875rem;}
    .main_banner .bx-wrapper .bx-pager.bx-default-pager a.active, .main_banner .bx-wrapper .bx-pager.bx-default-pager a:hover{ width: 2rem}

    ul.OurValuedClients li{ width: 50%;}
    ul.OurValuedClients li img{margin: 0 auto;}


    .bx-pager-style1 .bx-wrapper .bx-pager{ width: calc(100% - 1.875rem); left: 0.9375rem; display: flex; padding-bottom: 1rem;}
    .bx-pager-style1 .bx-wrapper .bx-pager .bx-pager-item{ width: 10px; flex: 1 1 0;}
    .bx-pager-style1 .bx-wrapper .bx-pager a{width: 100%; height: 2px; margin: 0; background-color: #808080; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
    .bx-pager-style1 .bx-wrapper .bx-pager a.active, .bx-pager-style1 .bx-wrapper .bx-pager a:hover{ background-color: #000000; }

    .pagination li{display: inline-block;}
    .catalog .grid-x > .list a img{ width: 100%;}
    .catalog .grid-x > .filter, .catalog .sortby-list{ background-color: #EDECE5; position: absolute; top: 0; left: 0; z-index: 9999; width: 100%; padding: 1rem 0; height: 100%;}
    .catalog .grid-x > .filter > div > div, .sub-category b, .sortby-list > div > div{ border-bottom: 1px solid #D9D9D9; line-height: 2.125rem; padding-bottom: 0.5rem; margin-bottom: 1rem}
    .catalog .grid-x > .filter > div > div > div, .catalog .grid-x > .filter > div h2, .catalog .grid-x > .filter > ul{ padding: 0 3%;}
    .sortby-list > div:first-child > div, .sortby-list > div:last-child{ padding: 0 3%;}
    .catalog .grid-x > .list > div.medium-6{width: calc(50% - 0.9375rem)}
    .catalog .grid-x > .list > div:hover .btnQuickView{ display:none;}
    .filter > ul > li{border-bottom: 1px solid #000000;}
    .filter > ul > li > span{ padding: 0; line-height: 3rem; height: 3rem}
    .filter ul ul li{padding-left: 0}
    .sort-by a{ color: #000000}
    .clearAll{ text-decoration: underline}

    .sub-category{ display: none; background-color: #EDECE5; position: absolute; top: 0; left: 0; z-index: 9999; width: 100%; padding: 1rem 0; height: 100%;}
    .sub-category h2{ padding: 0 3%;}
    .sub-category b{ font-weight: normal; display: block; padding: 0 3%; line-height: 2.625rem;}
    .sub-category a{ display: block; line-height: 1.4375; margin-bottom: 1rem; color: #000000; padding: 0 3%;}

    .product-detail{ padding-bottom: 0;}
    .product-detail .grid-container-2{padding: 0 1.875rem 0 1.875rem;}
    .product-detail .img-list{top: 1rem; left: 1rem}
    .product-detail > .grid-x > div:first-child{ padding-left: 0; padding-right: 0}
    .product-detail > .grid-x > div:first-child > div{ position: relative;}
    .product-detail > .grid-x > div:first-child > div:first-child{margin-bottom: 2rem;}
    .product-detail > .grid-x > div:last-child{ padding-top: 17rem; position: relative;}
    .product-detail table tr:not(.hide-for-large){border-bottom: 0}
    .product-detail table tr.hide-for-large td{font-size: 0.625rem; height: auto; padding: 0.625rem 0;}
    .product-detail .action-box{ padding-bottom: 0;}
    .product-detail .action-box > *{display: block; margin-bottom: 1rem}
    .product-detail .variation{ position: absolute; top: 0; border-top:0; width: 100%;}
    .product-tabs{margin: 1.0625rem 1.875rem 0 1.875rem;}
    .product-tabs > div{padding: 0}
    .product-tabs > div > .text-center{text-align: left}
    .product-tabs .accordion-content{background-color: transparent; border: none}
    #product-tabs{ width: 100%;}
    #product-tabs  li{width: auto; }
    #product-tabs > li{padding-bottom: 0.5rem; background-color: white;}
    #product-tabs > li > *{background-color: rgba(237, 236, 229, 0.8) !important;}
    #product-tabs a{ padding: 0; font-size: 0.875rem;}
    #product-tabs > li > a{border: none; padding: 1rem; font-size: 1.125rem;}
    .personal #product-tabs .color-style{ color:#7C9683;}
    .corporate #product-tabs .color-style{ color:#7B95A3;}
    .weddings #product-tabs .color-style{ color:#C56960;}
    #product-tabs .accordion-title::before{ top: 1.3125rem; margin-top: 0; content: ""; background: url("../images/icons/Arrow_down_2.svg") 0 0 no-repeat; width: 0.875rem; height: 0.5rem; vertical-align: middle;}
    #product-tabs .is-active>.accordion-title::before{transform: rotate(180deg);}
    #product-tabs a:hover, #product-tabs .accordion-item>a:focus, #product-tabs .accordion-item.is-active>a{ background-color: transparent; margin-top: -1px; font-weight: 500;}
    .personal #product-tabs a:hover, .personal #product-tabs .accordion-item>a:focus, .personal #product-tabs .accordion-item.is-active>a{ color:#7C9683; border-top: 0}
    .corporate #product-tabs a:hover, .corporate #product-tabs .accordion-item>a:focus, .corporate #product-tabs .accordion-item.is-active>a{ color:#7B95A3; border-top: 0}
    .weddings #product-tabs a:hover, .weddings #product-tabs .accordion-item>a:focus, .weddings #product-tabs .accordion-item.is-active>a{ color:#C56960; border-top: 0}
    #product-tabs #panel3 .center-box{ display: block; text-align: center;}
    #product-tabs #panel4 > div:first-child > div:nth-child(2) > div{ border-top: 1px #A8A395 solid; border-bottom: 1px #A8A395 solid;display: inline-block; margin: 1rem 0; padding: 1rem 0}
    #product-tabs #panel1 div.grid-x {  margin-left: 1.1875rem;}
    #product-tabs #panel1 div.grid-x > div{position: relative;}
    #product-tabs #panel1 div.grid-x > div:not(:last-child){border-left: 2px solid rgba(124, 150, 131, 0.5);}
    #product-tabs #panel1 div.grid-x > div > div{ padding-left: 2rem}
    #product-tabs #panel1 div.grid-x > div i{ position: absolute; left: -1.1875rem;}
    #product-tabs #panel1 div.grid-x > div h3{ height: 2.375rem; line-height: 2.375rem; display: inline-block;}

    .suggest ul.catalog li{ display: none;}
    .suggest ul.catalog li:nth-child(1), .suggest ul.catalog li:nth-child(2),.suggest ul.catalog li:nth-child(3){ display: inline-block; width: 33.33333%}

    .recently ul li{height: 24.375rem}

    .cart.grid-container{ padding: 0}
    .cart > .grid-x > div:first-child{ padding: 0 2.8125rem}
    .cart .summary{ padding: 3.5rem 15%}
    .cart .list > .grid-x > div:first-child > div:first-child{ padding-right: 1.75%; width: 23%}
    .cart .list > .grid-x > div:first-child > div:first-child img{ width: 100%}
    .cart .list > .grid-x > div:first-child > div:last-child{ width: 75%; padding-top: 1.5%;}
    .cart .list > .grid-x > div:first-child > div:last-child .icon-remove2{ display: inline-block; margin-top: 0.5rem; margin-bottom: 0.5rem}
    .cart .list > .grid-x > div:not(:first-child) > .bottom{position: relative; width: 75%; margin-top: 1.5%; left: 23%; right: 0}
    .cart .list .adjust-qty{ margin-top: -2.875rem}
    .cart-empty > .grid-container-2{ padding: 0 2.8125rem}
    .cart-empty > div:first-child > div{padding: 2rem 0 0.75rem 0; display: block; height: auto}
    .cart-empty > div:first-child{ background-color: transparent; padding: 0 2.8125rem;}
    .cart-empty .btn{ margin-bottom: 1rem}
    .cart-empty h1{margin: 0.75rem 0 2.5rem 0;}

    .membership, .faqs, .topic-menu{padding: 0 2.8125rem;}
    .membership .btnProfileMenu{ color: #000; line-height: 2.125rem;}
    .membership .btnProfileMenu i{ vertical-align: top;}
    .membership .vertical.menu li {padding: 0; margin-bottom: 1rem;}
    .membership > div:last-child > div > div > div:first-child > .hide-for-large > div.grid-x {border-bottom: 1px solid #000000;line-height: 2.125rem; padding-bottom: 0.5rem; margin-bottom: 2rem;}
    .membership .background-style10{ background-color: transparent}
    .membership .background-style10 > .grid-container > .grid-x{ padding: 1rem 0}
    .membership .background-style10 > .grid-container > .grid-x > div:first-child{ border: 0;display: none; background-color: #EDECE5; position: absolute; top: 0; left: 0; z-index: 9999; width: 100%; padding: 1rem 3%; height: 100%;}
    .membership .background-style10 > .grid-container > .grid-x > div:last-child, .grid-x .main-section{ width: 100%; padding: 0}
    .membership .background-style10 > .grid-container > .grid-x > div:last-child > .list{ margin-right: 0}
    .membership .list > div.background-style7{ padding: 1.5rem}
    .membership .list .more-items{ width: 3rem}
    .membership .list a.color-style5{color: #707070}
    .membership .list hr{margin: 1rem auto}
    .membership .list .detail{display: none;}
    .membership .list .detail > div > div > div{margin-bottom: 0.5rem}
    .membership .list .detail > div > div > div > div{display: inline-block;}
    .membership .list .detail > div > div > div > div:first-child{padding-right: 0.5rem}
    .membership .list .detail > div > div > div > div:last-child{ width: calc(100% - 3.75rem); vertical-align: top;}
    .membership .list .detail > div > div > div > div:last-child p{ margin-bottom: 0.5rem}
    .membership .list .detail a{ color: #707070; text-decoration: underline;}
    .membership .list .detail .log > div{ display: none; position: relative; padding: 1.125rem 0 1.125rem 1.125rem; border-left: 2px solid transparent;}
    .membership .list .detail .log > div > span{position: absolute; top: -0.3125rem}
    .membership .list .detail .log > div:before{ content: ""; display: block; width: 0.625rem; height: 0.625rem; border-radius: 0.3125rem; position: absolute; top:-0.3125rem; left: -0.375rem; background-color: #7C9683}
    .membership .list .detail .log > div:not(:last-child){ border-left: 2px solid #7C9683;}

    .membership.saved-for-later{ background-color: transparent;}
    .membership.saved-for-later > .grid-container-2{ padding: 0 2.8125rem}

    .membership .order-history-search .input-group{ border: 0.0625rem #000 solid; border-radius: 0.3125rem; margin-bottom: 0}
    .membership .order-history-search .input-group input{margin: 0; background-color: transparent; border: 0; height: 2.1875rem}
    .membership .order-history-search .input-group input::-webkit-input-placeholder {color: #9D9D9D;}
    .membership .order-history-search .input-group input::-ms-input-placeholder {color: #9D9D9D;}
    .membership .order-history-search .input-group input:-ms-input-placeholder {color: #9D9D9D;}
    .membership .order-history-search .input-group input::-moz-placeholder {opacity: 1;color: #9D9D9D;}
    .membership .order-history-search .input-group input:-moz-placeholder {opacity: 1;color: #9D9D9D;}
    .membership .order-history-search .input-group input::placeholder {color: #808080;}
    .membership .order-history-search .input-group button{background-color: transparent;}
    .membership .order-history-search .input-group ~ div{line-height: 1.8; font-weight: normal;}

    .login .grid-container{ padding: 0}
    .login img{ width: 100%; display: none;}
    .login .background-style10{ width: 100%; display: block; min-height: auto}
    .login .background-style10 > div{padding: 0}

    .faqs .background-style10, .mobile-transparent-background{ background-color: transparent}
    .faqs .background-style10 > .grid-container > .grid-x > div:first-child{border: 0;display: none; background-color: #EDECE5; position: absolute; top: 0; left: 0; z-index: 9999; width: 100%; padding: 1rem 3%; height: 100%;}
    .faqs .background-style10 > .grid-container > .grid-x > div:last-child{width: 100%; padding: 0}
    #wrapper > div.faqs > .grid-container > h2, #wrapper > div.static > .grid-container > h2, #wrapper > div.topic-menu > .grid-container > h2{text-align: center}
    .faqs > .grid-container > h2 a, .faqs > .grid-container > h2 a:hover{ color: #000; font-size: 1rem; font-weight: normal}
    .faqs > div:last-child > div > div > div:first-child > .hide-for-large > div.grid-x {border-bottom: 1px solid #000000;line-height: 2.125rem; padding-bottom: 0.5rem; margin-bottom: 2rem;}
    .faqs .vertical.menu li{padding: 0; margin-bottom: 1rem;}
    #wrapper .faqs > .grid-container > h2 > div{width: 16rem}
    #wrapper .faqs > .grid-container > h2 .input-group ~ div{ display: none;}

    .cart .repeat-order-panel .title > div{ text-indent: -2.0625rem; margin-left: 2.0625rem;}

    #personalize{ min-width: auto;}
    #personalize .grid-container > .grid-x > div:first-child{ background-color: #f4f4f4; padding: 0 2.8125rem; line-height: 2.5rem}
    #personalize .grid-container > .grid-x:last-child > div:first-child{ padding: 1rem 1rem 5.375rem 2.8125rem;}
    #personalize .step-wizard{ padding: 0; display: flex;}
    #personalize .step-wizard > *{ flex: 1 0 auto; text-align: center;}
    #personalize .footer{ position: fixed; bottom: 0; left: 0; width: 100%; margin: 0; padding: 0 2.8125rem; font-size: 0;display: flex; justify-content: space-between;}
    #personalize .footer.message{margin: 0; padding: 0 2.8125rem; font-size: 1rem; bottom: 6.3125rem;}
    #personalize .footer.action{bottom: 3.5rem; height: 2.8125rem; display: flex;}
    #personalize .footer.action .btn{flex: 1 0 auto; margin: 0; text-decoration: underline; color: #5D6166; font-weight: bold; font-size: 1rem; height: 2.8125rem; line-height: 2.8125rem;}
    #personalize .footer > div:first-child{ padding: 0}
    #personalize .footer > div:last-child{ text-align: right;}
    #personalize .footer > div:last-child .btn{display: none;}
    #personalize .footer > div:first-child > div > div > div{max-width: 180px; position: relative;}
    #personalize .footer > div:first-child > div > div > div:last-child{padding-left: 40px;}
    #personalize .footer > div:first-child > div > div b{ line-height: 1;}
    #personalize .footer > div:first-child .checkbox{position: absolute; top:0.40625rem; left: 1rem;margin-right: 0; margin-left: 0;}
    #personalize .footer > div:last-child span{ margin-right: 0; line-height: 1;}
    #personalize .step-container{ height: 100%; padding: 2.40625rem 2.8125rem 5.375rem 2.8125rem; }
    #personalize .logo-position > a, #personalize .logo-orientation a{ width: 11.25rem;font-size: 0.8125rem}
    #personalize .logo-position > a i, #personalize .logo-orientation > a i{width: 11.25rem; height: 11.25rem;}

    .name-brands > .grid-container .grid-x > div:nth-child(even) > div{margin-left: 0.5rem}
    .name-brands > .grid-container .grid-x > div:nth-child(odd) > div{margin-right: 0.5rem}
    .waterford > .grid-container .grid-x > div:nth-child(even) > div{width: 80%;margin-left: 0.5rem; margin-bottom: 1rem}
    .waterford > .grid-container .grid-x > div:nth-child(odd) > div{width: 80%;margin-right: 0.5rem; margin-bottom: 1rem}
    .waterford .promo > .grid-x:nth-child(odd) > div:last-child, .weddings.waterford .promo > .grid-x:nth-child(odd) > div:last-child{padding: 2rem 8rem 8rem 8rem;}
    .weddings.waterford .promo > .grid-x:nth-child(odd){flex-direction: column;}

    #wrapper > .static{ padding: 0 2.8125rem}
    .ShippingTimeline div.line{ top:4.725rem}
    .static-48hr-img{float: right; margin-left: 25px;}
    .topic-menu .btnFilterTopic, .topic-menu .btnFilterTopic:hover{color: #000; font-size: 1rem; font-weight: normal}
    .topic-menu div.left-menu{border: 0;display: none; background-color: #EDECE5; position: absolute; top: 0; left: 0; z-index: 9999; width: 100%; padding: 1rem 3%; height: 100%;}
    .topic-menu div.left-menu > .hide-for-large > div.grid-x {border-bottom: 1px solid #000000;line-height: 2.125rem; padding-bottom: 0.5rem; margin-bottom: 2rem;}
    .topic-menu div.left-menu .vertical.menu li{padding: 0; margin-bottom: 1rem;}
    .topic-menu div.left-menu .vertical.menu a {font-size: 1.0625rem;line-height: 1.4375rem;}
    .topic-menu div.left-menu .vertical.menu a.active, .topic-menu div.left-menu .vertical.menu a:hover {color: #A9A393;font-weight: bold;}

    #wrapper > .complete{padding: 0 4.125rem;}
    .whats-next {padding: 2.4375rem 4.125rem 0 4.125rem; background-color: #EDECE5}
    .whats-next .panel-content > div{ display: block}
    .whats-next .panel-content > div > span{ display: block}

    #general-modal.video{ min-width: unset; padding: 10px; min-height: unset; height: auto; width: max-content}
    #general-modal.video iframe{ height: auto}

    [class*="icon3-position"]:before, [class*="icon3-orientation"]:before{background-size: contain !important}
    .icon3-position-background:before{width: 8.628640777rem; height: 8.628640777rem;}
    .icon3-position-top:before{width: 5.788834951rem; height: 6.826456311rem;}
    .icon3-position-between:before{width: 5.788834951rem; height: 7.536407767rem;}
    .icon3-position-below:before{width: 5.788834951rem; height: 7.263349515rem;}
    .icon3-position-right:before{width: 8.901699029rem; height: 2.949029126rem;}
    .icon3-position-left:before{width: 8.901699029rem; height: 2.949029126rem;}
    .icon3-position-logo-only:before{width: 5.788834951rem; height: 7.536407767rem;}
    .icon3-position-background.active:before{width: 8.628640777rem; height: 8.628640777rem;}
    .icon3-position-top.active:before{width: 5.788834951rem; height: 6.826456311rem;}
    .icon3-position-between.active:before{width: 5.788834951rem; height: 7.536407767rem;}
    .icon3-position-below.active:before{width: 5.788834951rem; height: 7.263349515rem;}
    .icon3-position-right.active:before{width: 8.901699029rem; height: 2.949029126rem;}
    .icon3-position-left.active:before{width: 8.901699029rem; height: 2.949029126rem;}
    .icon3-position-logo-only.active:before{width: 5.788834951rem; height: 7.536407767rem;}
    .icon3-orientation-portrait:before{width: 5.788834951rem; height: 7.645631068rem;}
    .icon3-orientation-portrait.active:before{width: 5.788834951rem; height: 7.645631068rem;}
    .icon3-orientation-landscape:before{width: 7.645631068rem; height: 5.788834951rem;}
    .icon3-orientation-landscape.active:before{width: 7.645631068rem; height: 5.788834951rem;}
}

@media print, screen and (max-width: 50.34375rem){
    #general-modal.NewsletterSubscription{ min-width: unset}
    #general-modal.NewsletterSubscription > img{ width: 100%;}
    #general-modal.NewsletterSubscription > div.left-2024{ width: 100%;}
    #general-modal.NewsletterSubscription > div.left-2024 > div.bottom{ position: unset; width: 100%; margin-top: 1rem}
    #general-modal.NewsletterSubscription > div.left-2024 br{ display: none}
    #general-modal.NewsletterSubscription > div.left-2024 > div.bottom .form-field{ width: 100%;}
    #general-modal.NewsletterSubscription > div.left-2024 > div.bottom button{ margin-left: 0}

    #general-modal.NewsletterSubscription > img.holiday2{ display: none;}
    #general-modal.NewsletterSubscription > img.holiday2.mobile{width: 100%; display: block;}
    #general-modal.NewsletterSubscription > div.left.holiday2{width: 100%; padding-left: 0.625rem; padding-right: 0.625rem;}
    #general-modal.NewsletterSubscription > div.bottom.holiday2{ padding-bottom: 5rem; margin-top: 1rem; padding-left: 0.625rem; padding-right: 0.625rem;}
}

@media print, screen and (max-width: 40em) {
    .tooltip.medium{max-width:60%}
    #general-modal .btn, #email-order-modal .btn{margin-bottom: 1rem}
    #wrapper{margin-top: 0; padding-top: 11.3125rem}

    header .box1 {height: 4rem}

    footer .box1 { padding: 2.34375rem 0 2rem 0;}
    footer .box1 h2, footer .box1 span{ display: block; text-align: center; }
    footer .box1 h2, footer .box1 form{ text-align: center; }
    footer .box1 .form-field{ width: 100%; display: block;margin-bottom: 0.9375rem;}
    footer .box1 .btn{margin-left: 0}
    footer .box2 {padding: 3.15625rem 0 2.625rem 0;}
    footer .box1 > .grid-x > div.cell, footer .box2 > .grid-x > div.cell{padding: 0;}
    footer .box2 > .grid-x > .cell:nth-child(2) > span { line-height: 2.5}
    footer .box2 > .grid-x > .cell:nth-child(2) > span a{ display: block;}
    footer .box2 > .grid-x > .cell:nth-child(2) > span b{ display: none}

    .hot-deals > h1, .shop_designer_collections > h1, .our-valued-clients > h1, .lightwidget > h1{ font-size: 1.875rem; }
    .shop-by-recipient > h1{ font-size: 1.875rem; }
    .lightwidget p{ line-height: 1; }


    .promo > .grid-x:nth-child(even) > div:first-child, .promo > .grid-x:nth-child(odd) > div:last-child, .weddings .promo > .grid-x:nth-child(odd) > div:first-child { padding: 2rem 2.867rem 5.6519375rem 2.867rem;}
    .shop-by-recipient.grid-container{ padding: 0;}
    .shop-by-recipient.grid-container > div{ padding: 15% 15px 0 15px;}
    .shop-by-recipient a{ height: 10.625rem; background-size: cover !important;}
    .shop-by-recipient a > h2{word-break: break-all;}
    .weddings .shop_designer_collections > div{ margin: 0.3125rem -0.3125rem 0 -0.3125rem;}
    .promo p{font-size: 0.875rem}

    .product_listing_slider, shop_designer_collections{ padding: 0 2.8699375rem;}

    .bx-pager-style1 .bx-wrapper .bx-pager{ width: calc(100% - 5.739875rem); left: 2.8699375rem;}

    .shop-by-recipient a > h2 {top: 1rem; left: 1rem; line-height: 1rem; font-size: 1rem;}
    .weddings .shop-by-recipient a > h1 { bottom: 0.5rem; padding: 0 1rem; font-size: 1rem; margin-bottom: 0}

    .catalog .free-personalization, .catalog .personalization-not-available, .catalog .not-engravable, .catalog .other-personalization, .catalog .optional-personalization{ font-size: 0.625rem; color: #B1B1B1;}
    .catalog .free-personalization i:before, .catalog .personalization-not-available i:before, .catalog .not-engravable i:before, .catalog .other-personalization i:before, .catalog .optional-personalization i:before{ scale: 0.75}
    .catalog .list > div > div > p{font-size: 0.8125rem; line-height: 1.2;}
    .review-box .group-stars > span:not(:first-child):not(:last-child){ margin-left: -0.1875rem !important;}
    .review-box .group-stars > span:last-child{ margin-left: 0.1875rem !important;}
    .review-box .group-stars > span:not(:last-child){ scale: 0.75}
    .catalog .list .ind_cnt_desc{ display: none;}
    .catalog .list .ind_cnt_num:before{ display: inline-block; content: "(";}
    .catalog .list .ind_cnt_num:after{ display: inline-block; content: ")";}
    .catalog .size-box div.height{margin-right: 0.2rem}
    .catalog .size-box div div:not(.height){margin-right: 0.2rem}
    .catalog .grid-x > .list > div.small-6{width: calc(50% - 0.9375rem)}

    .product-detail{ background-color: white; border-top: 1px #707070 solid;}
    .product-detail .grid-container-2{padding: 0 0.625rem 0 0.625rem;}
    .product-detail .img-list{ display: none}
    .product-detail > .grid-x > div:first-child > div:nth-child(2){ margin: 0 -1.875rem}
    .product-detail #btnMobile3DView{ display: inline-block; position: absolute; top: 1rem; left: 1rem; padding: 0.1rem 0.5rem;; border: 1px solid #000000; color: #000; font-size: 1rem; line-height: 1.3125rem;}
    .product-detail .btnPrev, .product-detail .btnNext{ position: absolute; top: calc(50% - 0.84375rem); height: 1.6875rem; width: 0.9375rem; z-index: 1000}
    .product-detail .btnPrev{ left: 2rem; background: url(../images/icons/Arrow_left_2.svg) no-repeat 0 0; vertical-align: middle; background-size: contain; display: inline-block;}
    .product-detail .btnNext{ right: 2rem; background: url(../images/icons/Arrow_right_2.svg) no-repeat 0 0; vertical-align: middle; background-size: contain; display: inline-block;}
    .product-detail > .grid-x > div:last-child{ padding-top: 14rem;}
    .product-tabs {margin: 1.0625rem 0.625rem 0 0.625rem;}

    .suggest ul.catalog li, .suggest ul.catalog li:nth-child(3){ display: none;}
    .suggest ul.catalog li:nth-child(1), .suggest ul.catalog li:nth-child(2){ display: inline-block; width: 50%}

    .recently ul li{height: 21.1875rem}

    .cart > .grid-x > div:first-child {padding: 0;}
    .cart .list > .grid-x > div:first-child > div:last-child h3{ font-size: 0.8125rem;}
    .cart .list > .grid-x > div:first-child > div:last-child p{ font-size: 0.8125rem; margin-bottom: 1.5%;}
    .cart .list > .grid-x > div:not(:first-child) > .bottom .blank{ font-size: 0.875rem}
    .adjust-qty input{ height: 1.5rem; padding: 0; width: 3.125rem}
    .adjust-qty a{height: 1.5rem; line-height: 1.5rem; vertical-align: top; scale: 0.8;}
    .adjust-qty a:first-child{padding-right: 0}
    .adjust-qty a:last-child{padding-left: 0}

    .membership, .faqs, .topic-menu{padding: 0 0.625rem;}
    .membership .list .detail > div{flex-direction: column-reverse;}
    .membership .list .detail > div > .text-right{ text-align: left}
    .rewards .vouchers > div{ display: block;}
    .rewards .vouchers .ticket{ display: block; margin: 0 auto;}
    .rewards .vouchers > div > div:last-child{ width: 100%; display: block;}
    .share-wish-list .grid-x.grid-margin-x{ flex-direction: column-reverse;}


    #personalize .grid-container > .grid-x > div:first-child{padding: 0 1.875rem; }
    #personalize .grid-container > .grid-x:first-child > div:first-child img{ height: 1.25rem; position: absolute; right: 1.875rem}
    #personalize .grid-container > .grid-x:last-child > div:first-child{ padding: 1rem 0.625rem 0 0.625rem; background-color: white}
    #personalize .footer{ padding: 0 0.625rem; }
    #personalize .footer > div:last-child > div > div{ border-left: 2px solid #fff; padding-left: 0.9375rem; text-align: left;margin-left: 0.9375rem;}
    #personalize .footer.message{padding: 0 1.875rem;}
    #personalize .step-container{ padding: 2.40625rem 1.875rem 5.375rem 1.875rem; }
    #personalize .step-wizard{ border-bottom: 4px solid #d5d5d5; overflow-y: scroll}
    #personalize .step-wizard > span{ background-color: #707070; height: 4px; width: 100%; display: block; position: absolute; bottom: 0}
    #personalize .logo-position > a, #personalize .logo-orientation a{ width: 48%;}
    #personalize .logo-position > a:nth-child(even), #personalize .logo-orientation a:nth-child(even){ margin-left: 1.5%; margin-right: 0}
    #personalize .logo-position > a:nth-child(odd), #personalize .logo-orientation a:nth-child(odd){ margin-right: 1.5%; margin-left: 0;}
    #personalize .logo-position > a i, #personalize .logo-orientation > a i{width: 100%; height: calc(100% - 20px)}
    [class*="icon3-position-"]:before{scale: 0.7 }
    #personalize .step-container {padding: 2.40625rem 0.625rem 5.375rem 0.625rem;}
    #personalize .background-option, #personalize .free-artwork-option, #personalize .addition-option{ margin-bottom: 0; flex-wrap: wrap;}
    #personalize .background-option > a, #personalize .free-artwork-option > a, #personalize .addition-option > a{ margin-bottom: 1.3125rem; width: 49%;}
    #personalize .background-option > a:nth-child(even), #personalize .free-artwork-option > a:nth-child(even), #personalize .addition-option > a:nth-child(even){margin-left: 1%; margin-right: 0}
    #personalize .background-option > a:nth-child(odd), #personalize .free-artwork-option > a:nth-child(odd), #personalize .addition-option > a:nth-child(odd){ margin-right: 1%;}
    #personalize .custom-option{ padding: 1.9375rem 1rem 0.3125rem 1rem;}
    #personalize .custom-option > div:not(:first-child){margin-left: 1rem}
    #personalize .custom-option .grid{ grid-template-columns: 75% 25%;}
    #personalize .custom-option .grid.grid-mobile{ grid-template-columns: 90% 10%;}
    #personalize .custom-option .grid:first-child > p{display: grid; grid-template-columns: 15% 85%;}
    #personalize .custom-option .grid.grid-mobile:first-child > p{display: grid; grid-template-columns: 12.5% 87.5%;}
    #personalize .ui-selectmenu-text, #personalize .ui-selectmenu-button.ui-button:active .ui-selectmenu-text{ overflow: hidden}
    #general-modal.repeat-order .ui-selectmenu-text, #general-modal.repeat-order .ui-selectmenu-button.ui-button:active .ui-selectmenu-text{ overflow: hidden}

    #wrapper > .static{ padding: 0 0.625rem}
    .static-48hr-img{margin-left: 0;}
    .award-inquiry-img{float: none; margin-left:0;}

    .waterford .promo > .grid-x:nth-child(odd) > div:last-child, .weddings.waterford .promo > .grid-x:nth-child(odd) > div:last-child{padding: 2rem 2rem 8rem 2rem;}

    .reveal{margin-left: auto}
    .panel .panel-header{ padding: 2.125rem 0.625rem 2.375rem 0.625rem;}
    .panel .panel-header.style2{ padding-left: 0.625rem;}
    .panel .panel-content {padding: 0 0.625rem;}

    .icon3-position-top:before{width: 8.683252427rem; height: 10.23968447rem;}
    .icon3-position-between:before{width: 8.683252427rem; height: 11.30461165rem;}
    .icon3-position-below:before{width: 8.683252427rem; height: 10.89502427rem;}
    .icon3-position-right:before{width: 13.35254854rem; height: 4.423543689rem;}
    .icon3-position-left:before{width: 13.35254854rem; height: 4.423543689rem;}
    .icon3-position-logo-only:before{width: 8.683252427rem; height: 11.30461165rem;}
    .icon3-position-background.active:before{width: 12.94296117rem; height: 12.94296117rem;}
    .icon3-position-top.active:before{width: 8.683252427rem; height: 10.23968447rem;}
    .icon3-position-between.active:before{width: 8.683252427rem; height: 11.30461165rem;}
    .icon3-position-below.active:before{width: 8.683252427rem; height: 10.89502427rem;}
    .icon3-position-right.active:before{width: 13.35254854rem; height: 4.423543689rem;}
    .icon3-position-left.active:before{width: 13.35254854rem; height: 4.423543689rem;}
    .icon3-position-logo-only.active:before{width: 8.683252427rem; height: 11.30461165rem;}
    .icon3-orientation-portrait:before{width: 8.683252427rem; height: 11.4684466rem;}
    .icon3-orientation-portrait.active:before{width: 8.683252427rem; height: 11.4684466rem;}
    .icon3-orientation-landscape:before{width: 11.4684466rem; height: 8.683252427rem;}
    .icon3-orientation-landscape.active:before{width: 11.4684466rem; height: 8.683252427rem;}


    .grid-container{ padding: 0 0.625rem}
    .cart.grid-container{ padding: 0 0.625rem}
    .cart .summary { padding: 2rem 0.625rem;}
    #login-and-register-tabs ~ .tabs-content > div{padding: 3.75rem 0.625rem;}
    .membership.saved-for-later > .grid-container-2{padding: 0 0.625rem}
    .membership {padding: 0;}
    .rewards .progress-bar > div {padding: 2.1875rem 0.625rem 0 0.625rem; height: 11.4375rem;}
    .rewards .vouchers{ padding: 2rem 0.625rem}
    .rewards .vouchers > div{ padding: 0 0.625rem; display: block;}
    .share-wish-list{ padding: 1.25rem 0.625rem;}
    .catalog > .grid-container {padding: 1.0625rem 0.625rem 0 0.625rem;}
    #wrapper > .complete{ padding: 0 0.625rem}
    .whats-next {padding: 2.4375rem 0.625rem 0 0.625rem; background-color: #EDECE5}

}

@media print, screen and (max-width: 39.125rem) {
    #general-modal.FreeGift.multiple{ margin: 0 -6px}
    #general-modal.FreeGift.multiple > form > div.grid-x { padding: 0 0.625rem;}


}
@media print, screen and (max-width: 31.078125rem) {
    #general-modal.FreeGift > form.style-180741A > div > div.text-center{ padding-top: 0}

    #general-modal.repeat-order form > div:first-child > a:first-child{margin-top:-1.625rem; margin-right: 0;}
    #general-modal.repeat-order form > div:first-child{padding: 2.625rem 0.625rem 0 0.625rem; max-height: calc(100dvh - 7.5rem)}
    #general-modal.repeat-order form > div:last-child{padding: 1.71875rem 0.625rem 1.71875rem 0.625rem}
    #general-modal.repeat-order .custom-option .grid{ grid-template-columns: 70% 30%;}
    #general-modal.repeat-order .custom-option .grid{ grid-template-columns: 75% 25%;}
    #general-modal.repeat-order .custom-option .grid.grid-mobile{ grid-template-columns: 90% 10%;}
    #general-modal.repeat-order .custom-option .grid:first-child > p{display: grid; grid-template-columns: 15% 85%;}
    #general-modal.repeat-order .custom-option .grid.grid-mobile:first-child > p{display: grid; grid-template-columns: 12.5% 87.5%;}
    #general-modal.repeat-order .custom-option .grid:first-child > p span:last-child > span{ margin-left: 0}
}

@media print, screen and (max-width: 360px) {
    .btn{ padding: 0 1.62625rem;}
    .grid-container{ padding: 0 0.625rem}
    .grid-container-2{}
    .grid-container:not(.full)>.grid-padding-x{ margin: 0}
    #wrapper > div > .grid-container > h2{padding-top: 1.25rem}

    .panel .panel-header{ padding: 2.125rem 1.4375rem 2.375rem 1.4375rem;}
    .panel .panel-content {padding: 0 1.4375rem;}

    header .box1, header .box1 * { font-size: 0.75rem}

    header .box3 > .grid-x > .small-3{ width: auto; flex: 1 1 0;}
    header .box3 > .grid-x > div{ padding: 0;}

    footer .box1 { padding: 2.34375rem 0 2rem 0;}
    footer .box2 {padding: 3.15625rem 0 2.625rem 0;}
    footer .box1 > .grid-x > div.cell, footer .box2 > .grid-x > div.cell{padding: 0;}

    .cart.grid-container{ padding: 0 0.625rem}
    .cart > .grid-x > div:first-child{ padding: 0}
    .cart .summary { padding: 2rem 0.625rem;}

    #login-and-register-tabs ~ .tabs-content > div{padding: 3.75rem 0.625rem;}
    .membership.saved-for-later > .grid-container-2{padding: 0 0.625rem}
    .membership {padding: 0;}
    .rewards .progress-bar > div {padding: 2.1875rem 0.625rem 0 0.625rem; height: 11.4375rem;}
    .rewards .vouchers{ padding: 2rem 0.625rem}
    .rewards .vouchers > div{ padding: 0 0.625rem; display: block;}
    .rewards .vouchers .ticket{ display: block; margin: 0 auto;}
    .rewards .vouchers > div > div:last-child{ padding: 1rem 0 0 0; width: 100%; display: block;}

    .share-wish-list{ padding: 1.25rem 0.625rem;}

    .catalog > .grid-container {padding: 1.0625rem 0.625rem 0 0.625rem;}

    #wrapper > .complete{ padding: 0 0.625rem}
    .whats-next {padding: 2.4375rem 0.625rem 0 0.625rem; background-color: #EDECE5}

    #general-modal.NewsletterSubscription > div.left-2024 > div:first-child, #general-modal.NewsletterSubscription > div.left-2024 > div.bottom{ padding-left: 0.625rem; padding-right: 0.625rem}

    img[src="images/GrayLogo/Microsoft.svg"]{ min-width: 100%}
}

@media print, screen and (min-width: 1921px) {
    .catalog .grid-x > .list > div:not(.small-12){margin: 0 0.57845vw 3.68761vw 0.57845vw; padding: 0; border-bottom: 0.07343vw solid #707070;}
    .catalog .grid-x > .list > div.large-3{width: calc(25% - 1.157vw)}
    .catalog .grid-x > .list > div > div{ height: auto}
}