/* text-transform/capitalize */ .centeredContent .list-item a, #productListing .grid-list-wrap .itemTitle, #productDescription { text-transform: capitalize } #indexHomeBody #bnAPL { padding-bottom: 0 !important; } .container { max-width: 1440px; } .container-none { padding: 0 20px; } .mt-spacing { margin-top: 60px; } .pt-spacing { padding-top: 60px } .section { padding: 60px 0 !important; } .flex-none { display: none } @media only screen and (max-width: 991px) { .container-none { padding: 0 15px;} .flex-none { display: flex } } @media only screen and (max-width: 767px) { .section { padding: 40px 0 !important; } .mt-spacing { margin-top: 40px; } } /* top */ #FKHsZ.group { background: #222; } #FKHsZ .function { height: 40px; justify-content: space-between; } #FKHsZ #navMain ul li a { color: #fff; font-size: 13px; letter-spacing: 0; text-transform: revert; font-weight: 500; } #FKHsZ #navMain ul li a:hover { color: #fff; } #FKHsZ #scrollBar .notice span { color: #fff; font-size: 13px; text-transform: revert; font-weight: 500; } /* home */ #mainHeaderWrapper { transition: all 0s; } #mainHeaderWrapper.header-fixed { border-bottom: none; box-shadow: 0 0.625rem 1.5625rem 0 rgba(34, 34, 34, 0.05); } #mainHeaderWrapper .header-into { max-width: 1440px; height: 100px; padding: 0 15px; } #mainHeaderWrapper #doxDqwdWgdY { background: transparent; } #mainHeaderWrapper #doxDqwdWgdY #logo img { height: 68px; } /* Header SiteNav */ .navTabsBox { width: 100%; max-width: 1440px; height: 52px; padding: 0 10px; margin: 0 auto; } #siteNav { border-top: 1px solid #eee; justify-content: center; } #siteNav > li > a { font-size: 13px; padding: 3px 16px 0; font-weight: 600 !important; margin: auto 0; color: #222; letter-spacing: 0.02rem; text-transform: uppercase; transition: all 0s } #siteNav > li:hover > a, #siteNav > li > a:hover:hover, #siteNav > li > a:hover { color: #222 } #siteNav > li > a:after { background: #222; height: 2px; } #siteNav > li:hover a:after { width: 100% } #siteNav > li .xwsvb { background: #fff; padding: 30px 15px; border-top: 1px solid #e4e4e4; border-bottom: none; max-width: 100%; left: 0; transform: translate(0); -webkit-transform: translate(0); box-shadow: 0 0.625rem 1.5625rem 0 rgba(34, 34, 34, 0.05); transition: all 0s; z-index: 1100; } #siteNav > li:hover > .xwsvb { left: 0; transform: translate(0); -webkit-transform: translate(0); } #siteNav > li .xwsvb .row { padding: 0; max-width: 1440px; margin: 0 auto; } #siteNav > li .xwsvb .lvl-1 a.lvl-1 { color: #969696; font-size: 13px; font-weight: 600 !important; letter-spacing: 0.02rem; text-transform: uppercase; } #siteNav > li .xwsvb .lvl-1 a.lvl-1:hover { text-decoration: none } #siteNav > li .xwsvb .lvl-1 .site-nav { color: #222; font-size: 13px; font-weight: 400; letter-spacing: 0.02rem; } #siteNav > li .xwsvb .lvl-1 .site-nav:hover { text-decoration: underline; color:#222; } #siteNav > li .xwsvb .lvl-1 .site-nav:before { content: none; background-color: #222; height: 2px; } /*#siteNav.medium > li > a .an {display: block !important; transition: all 0s; margin-left: 5px; float: right; margin-top: 2px; }*/ /*#siteNav.medium > li > a .an:before { color: #222; font-weight: 400; font-size: 16px; content: "\e949"; }*/ /*#siteNav.medium > li:hover > a .an { transform: rotate(-180deg); }*/ /*#siteNav.medium > li:hover > a .an:before { color: #222 }*/ #UFOpbAVx.search-wrap { width: 100% !important; max-width: 80%; min-width: 200px; } #UFOpbAVx.search-wrap .searchBox { height: 44px; line-height: 1; } #UFOpbAVx.search-wrap .searchBox .input-txt { border-color: #e4e4e4; font-size: 14px; border-radius: 40px; padding: 2px 20px 2px 48px; } #UFOpbAVx.search-wrap .searchBox .input-txt:focus { border-color: #e4e4e4 !important; background: transparent; } #UFOpbAVx.search-wrap .searchBox .input-txt:hover { border-color: #e4e4e4; } #UFOpbAVx.search-wrap .searchBox .input-txt::-webkit-input-placeholder { color: #767676; line-height: 1; } #UFOpbAVx.search-wrap .searchBox .input-but { color: #222; width: 48px; line-height: 1; left: 0; right: auto; } #UFOpbAVx.search-wrap .searchBox .input-but i { font-size: 17px; color: #222; font-weight: 600; } .search-drawer.search-top { position: absolute; top: 100%; transform: revert; display: none; border-top: 1px solid #e4e4e4; } .search-drawer.search-top.show { display: block; } .search-drawer .closed-search .search-title { font-size: 13px; color: #767676; text-transform: uppercase; } .search-drawer .close-but label { color: #767676 } .search-drawer #UFOpbAVx.search-pack .searchBox .input-txt { font-size: 14px; border: none; border-bottom: 2px solid #767676; padding: 2px 36px 2px 2px; } .search-drawer #UFOpbAVx.search-pack .searchBox .input-txt:hover { border-bottom: 2px solid #767676; } .search-drawer #UFOpbAVx.search-pack .searchBox .input-txt:focus { border: none; border-bottom: 2px solid #767676; } .search-drawer #UFOpbAVx.search-pack .searchBox .input-txt::-webkit-input-placeholder { color: #767676; } .search-drawer #UFOpbAVx.search-pack .searchBox .input-but { background: transparent; width: auto; color: #767676; font-size: 20px; } .search-drawer #UFOpbAVx.search-pack .searchBox .input-but:hover { background: transparent; width: auto; color: #222; } #mainHeaderWrapper .iconSet, #mainHeaderWrapper .iconSet .user-links > li { padding: 0 15px; } #mainHeaderWrapper .iconSet a { flex-direction: column; align-items: center; } #mainHeaderWrapper .iconSet .icon { font-size: 18px; font-weight: 600; color: #222; } #mainHeaderWrapper .iconSet .icon:hover { color: #222; } #mainHeaderWrapper .iconSet .icon-label { display: none; font-size: 11px; margin-top: 8px; } @media only screen and (max-width: 1025px) { #siteNav > li > a { padding: 3px 30px 0 0 } } @media only screen and (max-width: 991px) { #mainHeaderWrapper .header-into { padding: 0 15px; height: 60px; } #mainHeaderWrapper #doxDqwdWgdY #logo img { height: 50px; } #mainHeaderWrapper .iconSet, #mainHeaderWrapper .iconSet .user-links > li { padding: 0 10px; } #mainHeaderWrapper .iconSet .icon-label { display: none; } #mainHeaderWrapper .btn--link .an { font-size: 20px; padding: 0 12px 0 10px; color: #222; margin-right: 0; font-weight: 600; } #mainHeaderWrapper #doxDqwdWgdY #logo { padding: 0 10px; } .PwSwqkqTE .YigaUdyoz { padding: 12px 36px; background: #eee; text-align: right; } .search-drawer { padding: 30px 0; } .search-drawer .closed-search { margin-bottom: 20px; } #mainHeaderWrapper .search-drawer #UFOpbAVx { padding: 0; } } @media only screen and (max-width: 767px) { #FKHsZ .function { justify-content: center; } #mainHeaderWrapper .header-into { flex-wrap: wrap; } } .modular-title { padding-bottom: 24px; text-align: center; } .modular-title .main-title { font-size: 24px; font-weight: 600; text-transform: uppercase; color: #222; } @media only screen and (max-width: 767px) { .modular-title .main-title { font-size: 22px; } } .latticeGrid .subject-items { margin: 10px -10px 0; } .latticeGrid .subject-items .item-unit { margin: 0; padding: 10px; } .latticeGrid .subject-items .item-unitBox:first-child .item-unit, .latticeGrid .subject-items .item-unit .stack-item, .latticeGrid .subject-items .item-unit .item-images { height: 100%; } .latticeGrid .subject-items .item-unit .item-images { border-radius: 0; overflow: hidden; } .centerBoxWrapper { margin: 0 -10px; justify-content: space-between } .centerBoxWrapper .centeredContent { padding: 0 10px; margin-bottom: 20px; text-align: center; border: 1px solid transparent; border-radius: 8px; } .centerBoxWrapper .centeredContent:hover { background: none; border: none; box-shadow: none; } .centerBoxWrapper .centeredContent .list-item { background: #fff; padding: 0; } .centerBoxWrapper .centeredContent .list-item a { color: #222; font-size: 13px; font-weight: 600; text-transform: uppercase; } .centerBoxWrapper .centeredContent .list-item a:nth-child(1) { background: #f7f7f7; border: none; border-radius: 0; overflow: hidden; } .centerBoxWrapper .centeredContent .list-item a:nth-child(3) { padding: 0 10px; } .centerBoxWrapper .centeredContent .list-item .old-price { padding-left: 10px; color: #767676; font-size: 14px } .centerBoxWrapper .centeredContent .list-item .price { color: #222; font-size: 14px; font-weight: 600; } @media only screen and (max-width: 991px) { .centerBoxWrapper { margin: 0 -8px; } .centerBoxWrapper div.centerBoxContentsSpecials.centeredContent, .centerBoxWrapper div.centerBoxContentsNew.centeredContent { padding: 0 8px; } } .footer { background: #222; } .footer .footer-center { background: transparent; border-top: 1px solid #e4e4e4; } .footer .newsletter.new-outside { margin: 0; } .footer .newsletter.new-outside .item { padding: 20px; } .footer .newsletter.new-outside .item:nth-child(1) { border-right: 1px solid #222; } .footer .newsletter.new-outside .text-list-title { color: #fff; font-size: 24px; font-weight: 600; text-transform: uppercase; } .footer .newsletter.new-outside .p-news { color: #fff; font-size: 13px; padding: 0; text-transform: revert; max-width: 720px; margin: 0 auto 24px; letter-spacing: .02rem; } .footer .newsletter.new-outside .email-input { margin: 0 auto; width: 100%; max-width: 720px; height: 50px; } .footer .newsletter.new-outside .email-input .input-box { font-size: 14px; border-radius: 0; border: 1px solid transparent; max-width: 100%; background: #fff; color: #222; } .footer .newsletter.new-outside .email-input .input-but { text-transform: uppercase; min-width: 128px; font-size: 13px; color: #fff; border: none; border-radius: 0; margin-left: 10px; background: #EBB73F; font-weight: 600; } .footer .newsletter.new-outside .email-input .input-but:hover { background: #EBB73F; color: #fff } .footer .newsletter.new-outside .email-input .input-box:focus { border-color: transparent; } .footer .newsletter.new-outside .email-input .input-box::-webkit-input-placeholder { font-size: 13px; color: #767676; } .footer .SFmMPZrL { border-top: 1px solid transparent; padding: 20px 0; background: transparent; } .footer .SFmMPZrL .footer-links .text-list-title { font-size: 14px; color: #fff; letter-spacing: 0; font-weight: 600; text-transform: uppercase; } .footer .SFmMPZrL .footer-links p, .footer .SFmMPZrL .footer-links a { color: #fff; font-size: 13px; font-weight: 400; text-transform: revert } .footer .SFmMPZrL .footer-links p { text-transform: revert; } .footer .SFmMPZrL .footer-links a:hover { color: #fff; text-decoration: underline; } .footer .social-icons { margin-top: 15px; } .footer .social-icons li a { padding-right: 20px !important } .footer .social-icons li i { color: #fff; font-size: 15px; } .footer .social-icons li:hover i { color: #fff } .footer .SFmMPZrL .Paypal { margin-top: 20px } .footer .SFmMPZrL #UnsiSULF { background: transparent; } .footer .SFmMPZrL #UnsiSULF #navSupp ul { text-align: left; } .footer .SFmMPZrL #UnsiSULF #navSupp li { border: none; } .footer .SFmMPZrL #UnsiSULF #navSupp li a { color: #222; font-size: 14px; padding: 0 24px 0 0; border: none; } .footer .SFmMPZrL #UnsiSULF #navSupp li a:hover { background: none; border: none; text-decoration: underline; } .footer .newsletter.new-within { text-align: left; } .footer .newsletter.new-within .p-news { max-width: 100%; margin: 0 0 20px; } .footer .newsletter.new-within .email-input { margin-bottom: 30px; background: #fff; } .footer .newsletter.new-within .email-input .input-box { max-width: 100%; border-color: transparent; background: #fff; border-radius: 0; } .footer .newsletter.new-within .email-input .input-box::-webkit-input-placeholder { font-size: 13px; color: #767676; } .footer .newsletter.new-within .email-input .input-but { background: transparent; margin-left: 0; min-width: revert; padding: 0 10px; border-radius: 0; font-size: 13px; color: #222; font-weight: 400; text-transform: uppercase; } .footer .newsletter.new-within .email-input .input-but:hover { background: transparent; } .footer .newsletter.new-within .email-input .input_icon { font-weight: 300; line-height: 0; padding: 0 20px; height: 100%; position: absolute; right: 0; top: 0; background: none; border: none; } .footer .newsletter.new-within .email-input .input_icon i { font-size: 15px; } .footer .egxOsmsUGpt { border-top: 1px solid rgba(255, 255, 255, 0.15); background: transparent; padding: 20px 0; } .footer .egxOsmsUGpt .copytext, .footer .egxOsmsUGpt .copytext a { font-size: 13px; color: #fff; text-transform: revert !important; } @media only screen and (max-width: 991px) { .footer .container-none { padding: 0 15px } .footer .newsletter.new-outside .email-input { max-width: 100%; } .footer .newsletter.new-outside .item:nth-child(1) { padding-bottom: 0; } } @media only screen and (max-width: 767px) { .footer .newsletter.new-outside .text-list-title { font-size: 20px; } .footer .SFmMPZrL .footer-links .h4 { border-color: #fff; } } /* ProductList */ #productListing .grid-list-wrap .list-item { text-align: left; } #productListing .grid-list-wrap .list-image a { background: #f5f5f5; } #productListing .grid-list-wrap .itemTitle { font-size: 14px; font-weight: 400 } #productListing .grid-list-wrap .list-price .old-price { font-size: 14px; } #productListing .grid-list-wrap .list-price .price { font-size: 14px; color: #222; font-weight: 500; } #productListing .prod-list-wrap.list-bottom { padding-top: 40px; } #productListing .prod-list-wrap .pagination li.active a { background: #252525; border-color: #252525; } #productListing .prod-list-wrap .pagination li:hover a { border-color: #252525; color: #252525; } .jKyKmRwYsg { padding: 12px 0; background: #f3f3f3; } .jKyKmRwYsg #vbaUjkioug { font-size: 12px; text-transform: uppercase; color: #222; letter-spacing: 0.02rem; } .jKyKmRwYsg #vbaUjkioug a { font-size: 12px; text-transform: uppercase; color: #222; } .jKyKmRwYsg #vbaUjkioug a:hover { color: #000; text-decoration: underline; } #productinfoBody .jKyKmRwYsg { margin-bottom: 0; } #productGeneral #prod-info-top { margin: 0; padding: 40px 10px; } #productGeneral #pinfo-left { padding: 0 20px; display: flex; flex-direction: row-reverse; } #productGeneral #pinfo-left #productMainImage { margin-left: 3px; padding: 3px; background: transparent; flex: 0 0 83.3333%; max-width: 83.3333%; } #productGeneral #pinfo-left #productMainImage a { display: inline-block; background: #f3f3f3; } #productGeneral #pinfo-left #productAdditionalImages { flex: 0 0 16.6666%; max-width: 16.6666%; } #productGeneral #pinfo-left #productAdditionalImages .additionalImages { width: 100%; padding: 3px; } #productGeneral #pinfo-left #productAdditionalImages .list-item a { background: #f3f3f3 } #productGeneral #pinfo-right { background: transparent; padding: 0 20px; position: relative; } #productGeneral #pinfo-right #productName { margin: 8px 0; font-weight: 600; line-height: 1.4; font-size: 22px; } #productGeneral #pinfo-right #productDetailsList { margin-bottom: 0; } #productGeneral #pinfo-right #productDetailsList li { text-transform: capitalize; font-size: 12px; color: #767676; font-weight: 500; } #productGeneral #pinfo-right #cart-box { background: transparent; width: 100%; margin-bottom: 30px; } #productGeneral #pinfo-right #productPrices { margin: 0; padding: 10px 0; } #productGeneral #pinfo-right #productPrices .price { color: #222; font-size: 20px; letter-spacing: -.03rem; } #productGeneral #pinfo-right #productPrices .old-price { color: #767676; font-weight: 500; font-size: 18px; letter-spacing: -.03rem; } #productGeneral #pinfo-right .swatch-wrap { padding: 15px 0; margin-bottom: 0; line-height: 1; } #productGeneral #pinfo-right .swatch-wrap label.label { font-weight: 600; } #productGeneral #pinfo-right .swatch-wrap label .slVariant { font-weight: 400; margin-left: 20px; text-transform: capitalize; } #productGeneral #pinfo-right .swatches .swatch-element .options-color { width: 58px; height: 58px; } #productGeneral #pinfo-right .swatches .swatch-element a .swatch-img { display: block; width: 100%; height: 100%; padding: 2px; } #productGeneral #pinfo-right .swatches .swatch-element a .swatch-img img { mix-blend-mode: multiply; } #productGeneral #pinfo-right .swatches .swatch-element .options-color:after { border: 1px solid #e4e4e4; } #productGeneral #pinfo-right .swatches .swatch-element.active .options-color:before { border: none; } #productGeneral #pinfo-right .swatches .swatch-element.active .options-color:after { border: 1px solid #222; } #productGeneral #pinfo-right .swatches .swatch-element:hover .options-color:before { border: none; } #productGeneral #pinfo-right .swatches .swatch-element:hover .options-color:after { border: 1px solid #222; } #productGeneral #pinfo-right #productAttributes .wrapperAttribsOptions { line-height: 1.5; margin: 0; padding: 15px 0; display: flex; flex-wrap: wrap; width: 100%; gap: 40px; } #productGeneral #pinfo-right #productAttributes .wrapperAttribsOptions h4.optionName { margin-bottom: 0; font-weight: 600; min-width: 52px; line-height: 36px; } #productGeneral #pinfo-right #productAttributes .wrapperAttribsOptions div.back { width: calc( 100% - 92px ); gap: 10px; } #productGeneral #pinfo-right #productAttributes .wrapperAttribsOptions div.back span { border: 1px solid #e4e4e4; margin: 0; font-size: 12px; position: relative; width: auto; max-width: revert; min-width: 72px; padding: 7px 8px; background: transparent; border-radius: 0; transition: all .2s; } #productGeneral #pinfo-right #productAttributes .wrapperAttribsOptions div.back span:hover { border: 1px solid #222; background: none; color: #222; } #productGeneral #pinfo-right #productAttributes .wrapperAttribsOptions div.back span.active { border: 1px solid #222; background: none; color: #222 !important; } #productGeneral #pinfo-right #productAttributes .wrapperAttribsOptions div.back span .attribsRadioButton { cursor: pointer; } #productGeneral #pinfo-right #cartAdd { } #productGeneral #pinfo-right #cartAdd .product-form__item--increase { display: flex; flex-wrap: wrap; } #productGeneral #pinfo-right #cartAdd .qtyField { width: 118px; height: 50px; display: flex; margin-bottom: 15px; margin-right: 15px; background: transparent; border: 2px solid #e4e4e4; } #productGeneral #pinfo-right #cartAdd input[type=text] { border-radius: 0; background: none; width: 100%; height: 100%; margin: 0 5px; max-width: revert; min-width: revert; } #productGeneral #pinfo-right #cartAdd .qtyBtn { display: inline-flex; align-items: center; justify-content: center; padding: 8px 12px; height: 100%; background: none; color:#222; } #productGeneral #pinfo-right #cartAdd .qtyBtn .icon { font-size: 11px; font-weight: 600; } #productGeneral #pinfo-right #cartAdd .product-form__whatsapp--img { border-radius: 0; max-width: 320px; display: flex; align-items: center; } #productGeneral #pinfo-right #cartAdd .product-form__item--quantity { max-width: 280px; } #productGeneral #pinfo-right #cartAdd .product-form__item--quantity a { width: 100%; height: 58px; background: #222; font-size: 14px; font-weight: 600; margin: 0; border-radius: 0; letter-spacing: 0.03rem; } #productGeneral #pinfo-right #cartAdd input[type=submit] { width: calc(100% - 132px); max-width: 280px; border-radius: 0 !important; background: #222; margin-bottom: 15px; font-weight: 600; letter-spacing: 0.03rem; } #productGeneral #pinfo-right #cartAdd input[type=submit].button_in_cartHover { background: #222; } #productGeneral #pinfo-right #productDescription { color: #222; font-weight: 400; font-size: 12px; padding: 0; margin: 10px 0 15px; line-height: 1.8; letter-spacing: 0.03rem; } #productGeneral #userViewWrapper { gap: 20px; } #productGeneral #userViewWrapper .buttonRow { width: auto; padding-right: 0; margin-bottom: 0; } #productGeneral #userViewWrapper #productReviewLink a { text-transform: uppercase; } #productGeneral #userViewWrapper .buttonRow span.normal_button { border: none; font-size: 12px; font-weight: 600; color: #222; letter-spacing: 0; border-radius: 0 !important; height: auto; padding: 0 !important; } #productGeneral #userViewWrapper #productQuestions { width: auto; padding-left: 0; margin-bottom: 0; } #productGeneral #userViewWrapper #productQuestions a { text-transform: uppercase; } #productGeneral #userViewWrapper #productQuestions span.normal_button { border: none; font-size: 12px; font-weight: 600; color: #222; letter-spacing: 0; background: transparent; border-radius: 0 !important; height: auto; padding: 0 !important; } #productGeneral #userViewWrapper .buttonRow span.button_write_reviewHover { background: transparent !important; color: #222 !important; } #productGeneral #userViewWrapper #productQuestions span.button_ask_a_questionHover { background: transparent !important; color: #222 !important; } #productGeneral #userViewWrapper a { display: inline-block; line-height: 2; position: relative; } #productGeneral #userViewWrapper a span { display: inline-block; } #productGeneral #userViewWrapper a:before { content: ''; display: block; border-bottom: 2px solid #222; position: absolute; left: 0; bottom: -2px; width: 0; transition: all .3s ease; } #productGeneral #userViewWrapper a:hover:before { width: 100%; } #productGeneral .navNextPrevWrapper { margin-top: 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } #productGeneral .navNextPrevWrapper .navNextPrevCounter { text-transform: uppercase; margin: 0; padding: 0; } #productGeneral .navNextPrevWrapper .navMoreList { justify-content: flex-end; } #productGeneral .navNextPrevWrapper .navNextPrevList { padding: 0; } #productGeneral .navNextPrevWrapper .navNextPrevList a { display: flex; align-items: center; line-height: 1; text-transform: uppercase; } #productGeneral .navNextPrevWrapper .navNextPrevList .btnPrevIcon i { font-size: 20px; } #productGeneral .navNextPrevWrapper .navNextPrevList span.normal_button { background: transparent; border: none; border-bottom: 1px solid transparent; border-radius: 0 !important; padding: 0; height: auto; } #productGeneral .navNextPrevWrapper .navNextPrevList span.button_return_to_product_list { background: #222 } #productGeneral .navNextPrevWrapper .navNextPrevList span.button_prevHover, #productGeneral .navNextPrevWrapper .navNextPrevList span.button_nextHover{ border: none !important; border-bottom: 1px solid #222 !important; color: #222 !important; } #productGeneral #pinfo-right .ReturnToList { } #productGeneral #pinfo-right .ReturnToList .navNextPrevList { padding: 0; display: block; } #productGeneral #pinfo-right .ReturnToList .navNextPrevList span.normal_button { background: transparent; border: none; font-size: 12px; font-weight: 600; color: #222; letter-spacing: 0; border-radius: 0 !important; padding: 0; height: auto; } #productGeneral #pinfo-right .ReturnToList .navNextPrevList a { text-transform: uppercase; } #productGeneral #pinfo-right .ReturnToList .navNextPrevList a:hover {border-bottom-color: transparent;} #productGeneral #pinfo-right .ReturnToList .navNextPrevList .btnPrevIcon i { font-size: 22px; } @media only screen and (max-width: 991px) { #productGeneral #prod-info-top { padding: 30px 0 } #productGeneral #pinfo-left, #productGeneral #pinfo-right { padding: 0 15px; width: 100%; max-width: 720px; margin: 0 auto; } #productGeneral #pinfo-right { margin-top: 20px; } } @media only screen and (max-width: 767px) { #productGeneral .centerBoxWrapper .centerBoxContentsAlsoPurch { width: 50% !important; } } @media only screen and (max-width: 576px) { #productGeneral #pinfo-left { display: block; } #productGeneral #pinfo-left #productMainImage { margin: 0 0 3px 0; padding: 0; background: transparent; flex: 0 0 100%; max-width: 100%; } #productGeneral #pinfo-left #productAdditionalImages { flex: 0 0 100%; max-width: 100%; } #productGeneral #pinfo-left #productAdditionalImages .additionalImages { width: 25%; } } #productGeneral .centerBoxWrapper { margin-top: 40px; } #productGeneral .centerBoxWrapper .centerBoxContentsAlsoPurch { margin: 0 0 30px; padding: 0 10px; } #productGeneral .centerBoxWrapper .centerBoxContentsAlsoPurch .list-item a:nth-child(1) { width: 100%; background: #f3f3f3; margin-top: 0; } #productGeneral .centerBoxWrapper .centerBoxContentsAlsoPurch .list-item a:nth-child(3) { font-size: 14px; } #productGeneral .centerBoxWrapper .centerBoxContentsAlsoPurch .list-item img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; } #productGeneral .centerBoxWrapper .centerBoxContentsAlsoPurch .list-item br { display: none; } div#footerBot div div p { color: #fff; }