.productListing .price .ySave { margin-bottom: 8px; } .readMoreBlock .info.textExceeds { overflow: hidden; height: 0; } .readMoreBlock .info.fulltext { height: auto; } .readMoreBlock .info ~ span .infoClose, .readMoreBlock .textExceeds.fulltext ~ span .infoReadMore { display: none; } .readMoreBlock .textExceeds ~ span .infoReadMore, .readMoreBlock .textExceeds.fulltext ~ span .infoClose { display: block; line-height: 1; text-decoration: underline; text-align: right; margin-top: 8px; } .readMoreBlock .textExceeds.fulltext { height: auto; } .readMoreBlock .info ~ a { color: #3d3d3d; margin-top: 10px; border-bottom: 1px solid #3d3d3d; display: none; } .readMoreBlock .info.textExceeds ~ a { display: inline-block; } .readMoreBlock .info > div { margin-bottom: 15px; } .writeUpInfo .readMoreBlock .info h2 { font-size: 16px; } .table > thead:first-child > tr:first-child > th, .writeUpInfo .readMoreBlock .table tr th, .writeUpInfo .readMoreBlock .table tr td { border: 1px solid #333; } .writeUpInfo { background-color: #fff; line-height: 1.4; padding: 25px 0 10px 0; font-size: 14px; margin-bottom: 0; visibility: hidden; } .rangePage .writeUpInfo, .productListing .writeUpInfo { background-color: #f2f2f2; border-radius: 6px; padding: 30px; margin: 20px 0; } .writeUpInfo .col-md-5 img { margin-left: auto; margin-right: 0; border-radius: 6px; } .writeUpInfo h1, .writeUpInfo h2, .writeUpInfo h3 { font-size: 32px; margin: 15px 0; color: #232f3e; line-height: 1.2; font-weight: 500; display: inline-block; margin-bottom: 1.2 rem; } .writeUpInfo h1 .small, .writeUpInfo h2 .small, .writeUpInfo h3 .small { font-size: 12px; color: #232f3e; margin-left: 14px; position: relative; bottom: 2px; font-weight: 700; } .heading-info h3 { margin-bottom: 0; } .writeUpInfo p { text-align: justify; margin: 0; font-size: 14px; } .writeUpInfo a { color: #000; } .writeUpInfo p + ul { margin-top: 10px; } .writeUpInfo ul .block { margin-left: -20px; } .writeUpInfo p + p { margin-top: 0; } .productListing .filterBlock .filterColor li .colorSwatch:active, .productListing .filterBlock .filterColor li .colorSwatch:focus { background: green; } .productListing .panel-group .panel .btn { display: flex; padding-left: 0; font-size: 16px; } #loadmoreDefault { margin: 10px 0 -10px; } #loadmoreDefault .progress { margin: 10px auto 6px; height: 18px; max-width: 300px; } #loadmoreDefault .progress .progress-bar { background-color: #000; } #filterShow { overflow: hidden; } .blindsListing .productSection .imageBlock { margin-bottom: 0; padding-top: 25px; } .blindsListing .product .block { height: auto !important; border: 1px solid #efefef; } .blindsListing .product .title { overflow: hidden; } .productListing.blindsListing .productSection .image { border-radius: 0; } .productListing.blindsListing .productSection .image img { max-width: 100%; max-height: 100%; } .productListing.blindsListing .product .block .info { padding: 15px; } .productListing .productSection .image img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-height: 100%; max-width: calc(100% - 10px); border-radius: 4px; } .productListing .productSection .imageBlock { padding-top: 25px; padding-bottom: 25px; } .blindsListing .productListing .productSection .image img { border-radius: 0; } @media only screen and (min-width: 1600px) { .blindsListing .productSection .image { height: 260px; } } @media only screen and (min-width: 1200px) { .blindsListing .productSection .product { width: 20%; } } .madeToMeasurePg { margin: 20px 0 0; background-color: #fff; padding: 15px 26px; } .madeToMeasurePg + .madeToMeasurePg { margin-top: 20px; } .shopByType { background-color: #f7f7f7; padding: 20px 100px; text-align: center; border-radius: 6px; } .shopByType .block { display: block; } .shopByType h3 { font-size: 22px; margin: 0 0 20px; } .shopByType .image { border-radius: 6px; overflow: hidden; display: inline-block; } .shopByType .image img { margin: auto; max-width: 100%; } .shopByType h4 { font-size: 16px; margin: 10px 0 0; } @media only screen and (max-width: 767px) { .shopByType { padding: 20px 0; } .shopByType .col-xs-2 { width: 50%; } .shopByType .image img { max-width: 100%; } .shopByType h4 { font-size: 15px; margin: 5px 0 10px; } } .filterWrapper { background-color: #f7f7f7; border-radius: 6px; padding-bottom: 10px; } .proFilter { margin: 10px 0; text-align: center; } .proFilter .nav-tabs { border-bottom: 0; display: inline-block; } .proFilter .nav-tabs > li { float: none; margin-bottom: 0; display: inline-block; } .proFilter .nav-tabs > li.active2.active > a { color: #8393ac; background-color: transparent; border: 1px solid transparent; } .proFilter .nav-tabs > li > a { padding: 6px 10px; font-size: 12px; margin: 8px 10px 0; font-weight: 500; color: #232f3e; text-transform: uppercase; border-radius: 4px; } .proFilter .nav-tabs > li.sortFilterTab > a { background-color: #656565; color: #fff; font-weight: 700; } .proFilter .nav-tabs > li.sortFilterTab > a:hover { background-color: #000; } .proFilter .nav-tabs > li > a .glyphicon { margin-left: 5px; font-size: 10px; } .proFilter .tab-content .tab-pane:before { content: ""; border-top: 1px solid #e6e6e6; margin-top: 10px; padding-top: 4px; display: block; } .tab-content > .active { background-color: #fff; padding: 0 10px 10px; } .proFilter .tab-content > li.active a, .proFilter .nav-tabs > li > a:hover, .proFilter .nav-tabs > li > a:focus { border: 1px solid #e0e0e0; background-color: #efefef; cursor: pointer; } .proFilter .tab-pane > .btn, .proFilter .tab-pane .btn-info { border: 1px solid #dbdbdb; border-radius: 14px; margin: 6px 0 0; line-height: 1; font-size: 14px; font-weight: 100; background-color: #fff; } .proFilter .tab-pane > .btn-inverted { border: 1px solid #000; background-color: #000; } .proFilter .tab-pane > .btn.active { border-color: #000; color: #245c84; -webkit-box-shadow: none; box-shadow: none; } .proFilter .tab-pane > label input { display: none; } .proFilter .filteredList .label, .proFilter .filteredList .clearFilbtn { position: relative; padding-right: 10px; margin-top: 7px; display: inline-block; border-radius: 0; color: #333; border: 1px solid #e6e6e6; font-weight: 100; padding: 5px 18px 4px 5px; font-size: 12px; background-color: #fff; } .proFilter .filteredList .clearFilbtn { background-color: #333; color: #fff; padding: 4px 7px 3px 5px; } .proFilter .filteredList .label + .label { margin-left: 5px; } .proFilter .filteredList .label .glyphicon { position: absolute; top: 1px; right: 7px; background-color: #fff; font-size: 12px; width: 8px; } .proFilter .filteredList .label .glyphicon img { width: 100%; } .proFilter .selectPriceB { font-size: 18px; margin-top: 25px; } .proFilter .selectPriceB .itemsCount { float: left; font-weight: 600; margin-top: 8px; } .proFilter .selectPriceB .showingPage { float: right; margin-top: 8px; } .proFilter .selectPriceB .selectPrice { text-align: center; } .proFilter .selectPriceB .selectPrice label { font-weight: 400; margin-right: 12px; } .proFilter .selectPriceB .selectPrice .form-group { display: inline-block; } .proFilter .selectPriceB .selectPrice .form-control { width: 130px; height: auto; font-size: 18px; border-radius: 6px; margin-right: 5px; display: inline-block; } .proFilter .selectPriceB .selectPrice .btn { border-radius: 6px; padding: 6px 10px; } .proFilter .selectPriceB .selectPrice .btn img { max-width: 14px; } @media only screen and (max-width: 767px) { .proFilter .selectPriceB .selectPrice { margin-top: 15px; } .proFilter .selectPriceB .selectPrice label { font-size: 16px; } .proFilter .selectPriceB .selectPrice .form-control { width: 88px; margin-right: 0; } } .productListing .panel-title > a, .productListing .panel-title > span { padding: 20px 16px; display: block; text-transform: uppercase; } .filterByBlock .panel-title > a, .filterByBlock .panel-title > span { background: none; } .productListing .panel-heading { background-color: #f7f7f7; padding: 0 15px 0 0; } .productListing .panel-group .panel { overflow: visible; } .productListing .panel-body { position: relative; padding: 28px 16px; z-index: 99; } .productListing .filterByBlock .panel-body a { color: #777; display: block; text-align: left; margin-bottom: 5px; padding: 2px 6px 0 0; text-transform: capitalize; font-size: 13px; } .productListing .filterByBlock .panel-body a:hover, .productListing .filterByBlock .panel-body a.active { color: #2d89b1; } .productListing .filterByBlock .panel-body { max-height: 300px; overflow-y: auto; } .productListing .panel-body a.active { background-color: #d5e3ed; color: #333; box-shadow: inherit; } .productListing .filterByBlock .panel-body h5 { color: #969599; font-size: 14px; margin: 0; text-transform: uppercase; margin-bottom: 5px; } .productListing .filterByBlock .panel-body h5 ~ h5 { margin-top: 10px; } .productListing .filterByBlock .panel-body .block { padding-left: 15px; } .productListing .checkbox, .productListing .radio { margin-top: 0; text-transform: capitalize; min-height: 10px; margin-bottom: 5px; } .productListing input[type="checkbox"], .productListing input[type="radio"] { margin-top: 0; margin-right: 5px; background-color: #fff; } .productListing .filterBlock { padding-right: 10px; padding-top: 50px; } .productListing .filterBlock .fullListFilter { background-color: #fff; border: 5px solid #e4e4e4; border-left-width: 1px; border-top-width: 35px; overflow: hidden; width: 627px; display: none; } .productListing .filterBlock .allList { padding: 10px; width: 617px; display: none; overflow-x: auto; overflow-y: hidden; white-space: nowrap; } .productListing .filterBlock .collapse.in .allList { display: block; } .productListing .filterBlock .allList .column { width: 196px; display: inline-block; } .productListing .filterBlock .allList .column + .column { padding-left: 10px; } .productListing .filterBlock .fullListFilter > .applyBlock { background-color: #e4e4e4; margin-top: 10px; padding: 0 10px 10px; } .productListing .filterBlock .fullListFilter > .applyBlock .btn { margin-top: 15px; min-width: 90px; text-transform: uppercase; padding-top: 10px; background-color: #333; border-color: #333; } .productListing .filterBlock .fullListFilter > .applyBlock .btn-warning { background-color: #a2a2a2; border-color: #909090; } .productListing .filterBlock .fullListActive { padding: 0; width: 627px; } .productListing .filterBlock .hideFullListBtn { position: absolute; right: 5px; top: 0; padding: 7px 20px; background-color: #333; color: #fff; } .productListing .filterBlock .fullListActive .fullListFilter, .productListing .filterBlock .fullListActive > .hideFullListBtn { display: block; } .productListing .filterBlock .fullListActive > .checkbox, .productListing .filterBlock .fullListActive > .radio, .productListing .filterBlock .fullListActive > .showFullListBtn, .productListing .filterBlock .hideFullListBtn { display: none; } .productListing .showFullListBtn { float: right; color: #000; } .advSearchInside { margin-top: -4px; } .advSearchInside .tab-content { background-color: #c3cdce; padding: 20px; margin-bottom: 15px; border-radius: 4px; } .productListing .filterBlock .filterColor li { font-size: 15px; line-height: 1.5; display: inline-block; margin: 0 4px 10px; vertical-align: top; width: 55px; text-align: center; } .productListing .filterBlock .filterColor li .colorSwatch { background-color: rgb(255, 253, 208); border-color: rgb(255, 253, 208); width: 40px; height: 40px; display: inline-block; border-radius: 50%; } .productListing .pageFilter { background-color: #fff; border: 1px solid #cedde1; margin-bottom: 15px; font-size: 12px; } .productListing .pageFilter > .row { margin: 0; } .pageFilter .navbar-nav, .pageFilter .navbar-nav > li { float: none; } .pageFilter .navbar-nav > li > a, .pageFilter .block > a { padding: 15px 8px; font-weight: 500; text-align: center; display: block; text-transform: capitalize; font-size: 12px; } .pageFilter .dropdown-menu { left: -6px; right: -6px; } .pageFilter .block > a { padding: 13px 8px; } .productListing .pageFilter .form-group { margin-bottom: 0; } .productListing .pageFilter .block + .block { border-left: 1px solid #cedde1; } .productListing .pageFilter .block:hover { background-color: #eee; } .productListing .pageFilter .block .form-control { border: 0; -webkit-box-shadow: none; box-shadow: none; padding: 12px 4px 13px; font-size: 12px; height: auto; } .productSection { margin-top: 20px; } @media only screen and (min-width: 960px) and (max-width: 1199px) { .productListing .filterBlock { padding-right: 0; } .pageFilter .navbar-nav > li > a, .pageFilter .block > a { padding: 15px 0; } } @media only screen and (max-width: 959px) { .productListing .filterBlock { padding-right: 0; } .pageFilter .navbar-nav > li > a, .pageFilter .block > a { padding: 15px 0; font-size: 9.5px; } } .filterBlock.hidden-xs { display: none; } .filterBlock { position: fixed; left: 0; background-color: #fff; width: 350px; top: 52px; bottom: 0; padding: 10px; padding-right: 0; border-right: 1px solid #ddd; z-index: 999; } #filterShow { background-color: #000; border-color: #000; left: 0; color: #fff; padding: 10px; width: 40px; z-index: 99; display: block !important; width: 120px; text-align: center; transition: 0.5s; box-shadow: 3px 3px 0 #dedede; border: 1px solid #dedede; border-radius: 6px; font-weight: 700; position: fixed; left: 0; top: 50%; } #filterShow:hover { border: 1px solid #d0edbb; text-decoration: none; width: 130px; cursor: pointer; } #filterShow img { width: 18px; } #filterShow span { font-size: 14px; margin-left: 5px; cursor: pointer; } #filterHide { position: absolute; top: 10px; right: 9px; z-index: 9999; display: block !important; background-color: transparent !important; border-color: #000 !important; color: #000 !important; } .filterBlock .panel-group { height: 100%; overflow-y: auto; padding-bottom: 20px; padding-right: 10px; } .productListing .filterBlock .fullListFilter { overflow: hidden; width: 100%; } .productListing .filterBlock .fullListActive, .productListing .filterBlock .allList { width: 100%; } .productListing .filterBlock .allList { white-space: normal; max-height: 250px; overflow-y: auto; } .productListing .filterBlock .allList .column + .column { padding-left: 0; } .productListing .infoBlock > p, .productListing .infoBlock > hr { display: none; } .productListing .pageFilter .block .form-control { padding-top: 0; padding-bottom: 0; } .productListing .writeUpInfo h2, .productListing .writeUpInfo h3 { text-shadow: none; margin-bottom: 1rem; display: flex; justify-content: start; align-items: center; font-weight: 600; } .productSecHead .form-control { height: auto; padding: 17px 12px; font-size: 15px; } @media (min-width: 768px) { .productListing .product.table { width: 33.33333333%; max-width: none; margin: 0; } } @media (min-width: 992px) { .productListing .product.table { width: 25%; max-width: none; margin: 0; } } .productListing .product .block { position: relative; margin-bottom: 20px; background-color: #fff; border: 1px solid #efefef; border-radius: 6px; overflow: hidden; cursor: pointer; } .productListing .product .block .info, .bestSellerSec .block .info { padding: 15px; } .productListing .productSection .imageBlock { position: relative; margin-bottom: 0; z-index: 1; } .productListing .productSection .image, .productListing .productSection .image .carousel-inner { display: block; height: 232px; background-color: #fff; overflow: hidden; margin: 0; border-radius: 6px; padding: 0; cursor: pointer; } .productListing .productSection .image .carousel-inner .item { height: 100%; } .productListing .productSection .image .item img { width: auto; } .productListing .productSection .imageBlock .carousel-control { height: 50px; width: 30px; margin: auto; color: #000; } .productListing .productSection .imageBlock .carousel-control span { margin-top: -17px; width: 20px; } .productListing .stockInfo { height: 19px; margin-bottom: 5px; } #listCarousel .carousel-inner .item { opacity: 0.5; transition-property: opacity; } #listCarousel .carousel-inner .active { opacity: 1; } #listCarousel .carousel-inner .active.left, #listCarousel .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } #listCarousel .carousel-inner .next.left, #listCarousel .carousel-inner .prev.right { opacity: 1; } .productListing .product .title, .bestSellerSec .block .info .title { margin: 0; font-size: 16px; line-height: 1.3; margin-bottom: 5px; font-weight: 100; } .productListing .product .title a { color: #000; display: inline-block; } .productListing .product .title a, .bestSellerSec .block .info .title { display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 42px; } .productListing .productSection .image .price, .callForPrice a { color: #000; text-transform: uppercase; } .productListing .product .sTag { color: #000; display: block; } .productListing .product .sTag.payPalB { min-height: 40px; margin-top: 5px; } .productListing .product .sTag + .sTag { margin-top: 5px; } .productListing .product .sIcon { display: inline-block; text-align: center; } .sIcon img { max-height: 14px; margin: -2px 2px 0 0; } .productListing .productSection .dualImage > img:nth-of-type(3), .productListing .productSection .dualImage > img:nth-of-type(2), .productListing .productSection .block:hover .dualImage > img:nth-of-type(1) { visibility: hidden; } .productListing .productSection .block:hover .dualImage > img:nth-of-type(3), .productListing .productSection .block:hover .dualImage > img:nth-of-type(2), .productListing .productSection .block .dualImage > img:nth-of-type(1) { visibility: visible; } .blindsBanner { position: relative; } .blindsBanner .contentArea { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; padding: 30px; max-width: 1000px; text-align: center; background-color: rgb(234 237 237 / 88%); color: #000; } .blindsBanner .contentArea h2 { font-size: 40px; margin: 0 0 30px; } .blindsBanner .contentArea .btn { font-weight: 700; font-size: 20px; color: #4d5b66; background-image: linear-gradient(144deg, #af40ff, #5b42f3 50%, #00ddeb); border: 0; border-radius: 6px; box-shadow: rgb(151 65 252 / 20%) 0 15px 30px -5px; box-sizing: border-box; color: #fff; padding: 3px 4px; margin: 0 8px 15px; } .blindsBanner .contentArea .btn span { background-color: rgb(5, 6, 45); padding: 16px 24px; border-radius: 6px; display: block; transition: 300ms; } .blindsBanner .contentArea .btn:hover span, .blindsBanner .contentArea .btn.active span { background: none; } .blindsBanner .contentArea .btn:hover, .blindsBanner .contentArea .btn.active { outline: 0; } .blindsBanner .contentArea .writeUp p { font-size: 20px; } .blindsBanner .contentArea .writeUp p + p { margin: 20px 0 0; } @media only screen and (min-width: 1600px) { .productListing .productSection .image, .productListing .productSection .image .item, #listCarousel .carousel-inner .item { height: 260px; } } @media only screen and (max-width: 767px) { .proFilter .nav-tabs > li > a { border: 1px solid #e6e6e6; } .productListing .productSection .image, .productListing .productSection .image .item, .productListing .productSection .image .carousel-inner { height: 170px; } .productListing .productSection.productSectionBlinds .image, .productListing .productSection.productSectionBlinds .image .item, .productListing .productSection.productSectionBlinds .image .carousel-inner { height: 198px; } .productListing .product { width: 50%; } .productSection .row#product { display: flex; flex-wrap: wrap; } .productListing .product .block { margin-bottom: 10px; height: calc(100% - 10px) !important; } .productListing .product .addCartBtn { padding: 7px; margin-bottom: 3px; } .productListing .product .block > .row > .col-xs-3 { width: 35%; } .productListing .product .block > .row > .col-xs-7 { width: 65%; } .productListing .product .proDisc { margin-top: -12px; } .productListing .price { text-align: left; } .productListing .product .title { margin-bottom: 10px; max-height: 60px; } .productListing .price .pOne { font-size: 14px; } .productListing .product .title a, .bestSellerSec .block .info .title { min-height: auto; } } .quickViewPopup .productDetailsPg { margin-top: 0; } .quickViewPopup #productDetailsCarousel { margin-bottom: 0; } .quickViewPopup #productDetailsCarousel .carousel-inner .item { height: 550px; } .customQuickView { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999999; overflow-y: auto; display: none; } .customQuickView .customQuickViewBackDrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); display: none; } .customQuickView.activeView, .customQuickView.activeView .customQuickViewBackDrop { display: block; } .customQuickView .modal-dialog { margin: 20px auto 10px; } @media only screen and (max-width: 959px) { .compareStickBox { display: none !important; } } .compareCheck { font-size: 14px; margin-top: 8px; } .compareStickBox .StickTitleBar a + a, .compareStickBox.hideCompare .StickTitleBar a { display: none; } .compareStickBox.hideCompare .StickTitleBar a + a { display: block; } .compareStickBox { position: fixed; right: 200px; bottom: 0; background-color: #fff; width: 600px; padding: 6px 20px; border-radius: 5px 5px 0 0; border: 1px solid #989898; z-index: 99; -webkit-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.3); -box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.3); transition: bottom 0.8s; } .compareStickBox.hideCompare { bottom: -122px; } .compareStickBox h5 { font-size: 16px; margin: 0 0 12px; } .compareStickBox .image { margin: 0 8px 0 0; height: 89px; } .compareStickBox .image img { max-height: 100%; margin: auto; } .compareStickBox .block .removeLink, .compareStickBox .removeAllLink { padding: 2px 5px; display: block; text-transform: uppercase; font-size: 12px; color: #000; } .compareStickBox .removeAllLink { font-size: 14px; text-align: center; } .compareLising .productSection .image { height: 235px; } .compareLising .compareData .rowBlock { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } .compareLising .compareData .rowBlock + .rowBlock { border-top: 0; } .compareLising .compareData .block { padding: 23px 0 23px 8px; } .compareLising .compareData .hBlock { font-weight: 700; padding: 20px 0 20px; } @media only screen and (max-width: 767px) { .compareCheck { display: none; } } .productListing .product.stripAdd .block { height: auto !important; } .productListing .product.stripAdd .block img { width: 100%; } .productListing .product.boxAdd .block { padding-top: 0; } .productListing .product.boxAdd .block a { height: auto; } .productListing .product.boxAdd .block a img { position: static; } @media only screen and (min-width: 959px) { .productListing .product.boxAdd .block a { height: 515px; } } .bulkDiscBand { background-color: #000; color: #fff; padding: 5px 0; text-transform: uppercase; font-size: 12px; } .bulkDiscBand .titleBand { background-color: #000; font-size: 15px; padding: 10px 5px; margin-bottom: 6px; } .bulkDiscBand .titleBand b { margin-left: 5px; } .bulkDiscBand a { color: #fff; padding: 8px 0; transition: 0.5s all ease-in-out; } .bulkDiscBand .blockOne a, .bulkDiscBand .blockThree a { padding: 13px 0 8px; } .bulkDiscBand a, .bulkDiscBand .saleTimmer { display: inline-block; } .bulkDiscBand p, .bulkDiscBand ul { margin-bottom: 0; } .bulkDiscBand .blockTwo { text-align: center; } .bulkDiscBand .saleTimmer { border: 1px solid #ffcb2e; padding: 3px 6px 2px; margin-left: 8px; border-radius: 5px; } .bulkDiscBand .saleTimmer ul { margin-left: 0; } .bulkDiscBand .saleTimmer ul li { position: relative; padding-left: 1px; color: #ffcb2e; padding-left: 1px; } .bulkDiscBand .saleTimmer ul li + li:before { content: ":"; margin-right: 8px; } @media (min-width: 1280px) and (max-width: 1440px) { .bulkDiscBand { font-size: 11px; } } @media (min-width: 768px) { .bulkDiscBand .blockTwo { text-align: center; } .bulkDiscBand .blockThree { text-align: right; } } @media only screen and (max-width: 959px) and (min-width: 768px) { .bulkDiscBand { font-size: 11px; margin-bottom: 15px; } } @media (max-width: 767px) { .bulkDiscBand { background-color: #fff; height: 52px; overflow: hidden; transition: height 1s; text-align: center; } .bulkDiscBand.active { height: 180px; } .bulkDiscBand a { background-color: #e2e2e2; display: block; margin-bottom: 6px; border-radius: 6px; color: #2e2e2e; } .bulkDiscBand .saleTimmer { display: block; margin-left: 0; padding: 10px 8px 8px; font-size: 14px; background-color: #000; border-radius: 6px; } } .addvertiseBlock { position: relative; color: #000; border: 1px solid #efefef; background-color: #f7f7f7; padding: 8px 12px 6px; font-size: 14px; margin-bottom: 10px; display: inline-block; text-transform: uppercase; border-radius: 6px; display: none; } @media (max-width: 1600px) { .addvertiseBlock { font-size: 12px; } } .addvertiseBlock.blue { background-color: #014373; } .addvertiseBlock.red { background-color: #e10f32; } .addvertiseBlock.yellow, .addvertiseBlock.yellow:hover, .addvertiseBlock.yellow:focus { background-color: #ffcc31; color: #000; } .addvertiseBlock.yellow span { font-weight: 700; color: #f90000; } .addvertiseBlock:hover, .addvertiseBlock:focus { color: #fff; background-color: #333; } .addvertiseBlock.two { color: #fd8000; border-color: #fd8000; } .addvertiseBlock.three { color: #d54644; border-color: #d54644; } .addvertiseBlock.four { color: #0050af; border-color: #0050af; } .productDetailsPg .addvertiseBlock.blackTag .visible-xs { display: none !important; } .addvertiseBlock.blackTag img { margin: -18px -5px -15px; } @media only screen and (max-width: 767px) { .addvertiseBlock.blackTag img { margin: -8px -1px -3px; max-height: 30px; } } @media only screen and (max-width: 576px) { .productListing .product .title, .bestSellerSec .block .info .title { font-size: 14px; } .productListing .product .block .info, .bestSellerSec .block .info { padding: 10px; } .addvertiseBlock { font-size: 12px; } .addvertiseBlock { font-size: 12px; } .productListing .product .sTag + .sTag { font-size: 13px; } } .productSection .sIcon img, .productSection .deliveryTag img { max-width: 14px; height: 14px; filter: opacity(0.5) drop-shadow(0 0 0 green); } .addvertiseBlock .tipInfo { top: auto; bottom: 27px; right: auto; width: 160px; left: -40px; } .productListing .tipInfo p { color: #fff; font-weight: 400; margin-bottom: 0; } .productListing .tipInfo p + p { margin-top: 10px; } @media only screen and (min-width: 960px) and (max-width: 1199px) { .addvertiseBlock { font-size: 16px; font-weight: 500; } } @media only screen and (max-width: 959px) { .addvertiseBlock { font-size: 13px; font-weight: 300; } } @media (max-width: 768px) { .ranges .ranges-list { width: 50%; } .productListing .writeUpInfo h1, .productListing .writeUpInfo h2, .productListing .writeUpInfo h3 { font-size: 18px !important; font-weight: 400; } .proFilter .nav-tabs > li > a { padding: 6px 10px; font-size: 11px; } } #loadmore { margin: 10px 0 20px; } #loadmore_msg { background-color: #99999a; margin: 0 auto 20px; color: #fff; padding: 11px 12px 8px; position: relative; text-transform: uppercase; text-align: center; width: fit-content; } #loadmore_msg a { color: #fff; display: block; } #loadmore .progress { margin: 10px auto 6px; height: 18px; max-width: 300px; } #loadmore .progress-bar { background-color: #868686; } .rangePage .ranges .block { display: block; margin-bottom: 10px; position: relative; } .rangePage .ranges > .container > .row { display: flex; flex-wrap: wrap; } .rangePage .productListing.ranges > .container > .row { display: block; } .rangePage .ranges .block .image { display: block; position: relative; height: 276px; background-color: #fff; border: 1px solid #efefef; margin-bottom: 10px; overflow: hidden; } .rangePage .productListing.ranges .block .image { border: 0; } .rangePage .ranges .block .image > .img-responsive { max-width: 100%; max-height: 100%; } .rangePage .ranges .block .image:before { position: absolute; top: 0; left: 50%; width: 120%; height: 100px; background: rgba(255, 255, 255, 0.3); content: ""; -webkit-transition: transform 0.9s ease-out; transition: transform 0.9s ease-out; z-index: 1; transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0); backface-visibility: hidden; display: none; } .rangePage .ranges .block .image:hover:before { transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 400%, 0); } .rangePage .ranges .block .image > .img-responsive { padding: 5px; border-radius: 10px; } .rangePage .ranges .block .title { border-top: 0; text-align: center; color: #000; } .rangePage .productListing.ranges .block .title { text-align: left; } .rangePage .ranges .block .title h2, .rangePage .ranges .block .title h3 { margin: 0; font-size: 17px; color: inherit; } .rangePage .ranges .block .title p.rPrice { margin-bottom: 0; } .rangePage .ranges .block .title p.rPrice span { font-size: 18px; margin-right: 8px; color: #e00f32; } @media only screen and (min-width: 1600px) { .rangePage.two .ranges .block .image { height: 374px; } } @media only screen and (min-width: 960px) and (max-width: 1199px) { .rangePage .ranges .block .image { height: 170px; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .rangePage .ranges .block .image { height: 132px; } .rangePage .ranges .block .title h2, .rangePage .ranges .block .title h3 { font-size: 13px; } } @media only screen and (max-width: 767px) { .rangePage .ranges .block .image { height: 150px; } .rangePage .ranges .block { background-color: #fff; margin-bottom: 10px; } .rangePage .ranges .block .title { height: auto !important; } .writeUpInfo .dailyTimmer { margin-bottom: 15px; width: 100%; } .dailyTimmer { font-size: 12px; } .productSecHead .dailyTimmer { font-size: 14px; } .writeUpInfo h1, .writeUpInfo h2, .writeUpInfo h3 { font-size: 2.5 rem !important; line-height: 1.4; font-weight: 700; } .writeUpInfo { padding: 5px 0 5px; } .writeUpInfo h1 .small, .writeUpInfo h2 .small, .writeUpInfo h3 .small { display: block; } } @media only screen and (max-width: 480px) { .rangePage .ranges .block .title h2, .rangePage .ranges .block .title h3 { margin: 0; font-size: 1.2 rem; color: inherit; } } @media only screen and (max-width: 400px) { .rangePage .ranges .block .title h2, .rangePage .ranges .block .title h3 { margin: 0; font-size: 13px; color: inherit; } } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframesslideoutleft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } .imageouter { padding: 25px 5px !important; } .imageouter .image img { height: auto !important; max-height: none !important; } .img_info { float: right; margin-right: 9px; position: relative; z-index: 1; } .img_info svg { width: 20px; height: 20px; opacity: 0.7; border: 0; outline: 0; cursor: pointer; } .outer_info_wrap { background: #fafafa; border: 1px solid #8d8b8b; position: absolute; left: 10px; top: 23px; border-radius: 5px; padding: 10px; opacity: 1; transition: opacity 0.1s; right: 10px; display: none; z-index: 10; } .info_icon_active { opacity: 1; display: block; } .info_wrap { position: absolute; left: 0; width: 100%; bottom: 25px; padding: 0 10px; } .list-wrap { padding: 0; list-style: none; } .list-wrap li p { font-size: 14px; margin-bottom: 4px; } .close_info_icon { color: #000; top: 1px; position: absolute; right: 25px; cursor: pointer; } .outer_info_wrap .tableBlock .table > tbody > tr > td, .outer_info_wrap .tableBlock tr > td { border-top: 0; padding: 5px 1px; border-bottom: 1px solid #efefef; } .outer_info_wrap .tableBlock .table { margin-bottom: 0; } @media screen and (max-width: 500px) { .outer_info_wrap { font-size: 12px; } .outer_info_wrap .tableBlock .table > tbody > tr > td, .outer_info_wrap .tableBlock tr > td { padding: 4px 1px; } } .close_info_icon::before { content: ""; position: absolute; width: 15px; height: 2px; display: block; background: #000; transform: translateY(11px) rotate(45deg); } .close_info_icon::after { content: ""; position: absolute; width: 15px; height: 2px; display: block; background: #000; transform: translateY(11px) rotate(-45deg); } .outer_wrap_cat_topsec { padding: 0 20px !important; background-color: #f2f2f2 !important; } .outer_wrap_cat_topsec .itemsCount { bottom: 0; margin: 0 1px; font-size: 22px; } .productListing .writeUpInfo h1.head_tosec_catagory { font-size: 22px !important; margin-bottom: 5px; margin-top: 0; font-weight: 700; } .productListing .writeUpInfo .outer_wrap_cat_topsec .subhead_tosec_catagory { margin: 0 auto 7px; font-size: 16px !important; } .outer_wrap_cat_topsec .infoReadMore, .outer_wrap_cat_topsec .infoClose { font-size: 13px; } .outer_wrap_cat_topsec { font-size: 20px; } .outer_wrap_cat_topsec .readMoreBlock .info.textExceeds { height: 0; } .outer_wrap_cat_topsec .readMoreBlock .textExceeds.fulltext { height: auto; } @media screen and (max-width: 500px) { .outer_wrap_cat_topsec .head_tosec_catagory { margin-top: 0; } #Category-desc { padding: 10px; } } .productListing .writeUpInfo .outer_wrap_cat_topsec .table { font-size: 13px; } .productListing .writeUpInfo .outer_wrap_cat_topsec .readMoreBlock a { text-decoration: underline; } .productListing .writeUpInfo .outer_wrap_cat_topsec .readMoreBlock a:hover { text-decoration: none; } .productListing .writeUpInfo { padding: 15px 0; } .container_Searchfilter { border: 1px solid #efefef; padding: 0 10px 20px; border-radius: 15px; float: left; margin: 0 10px 20px; width: 99%; } .container_Searchfilter h2 { margin: 5px; font-size: 20px; color: #000; font-weight: 700; text-align: center; padding-top: 15px; } .container_Searchfilter ul { display: flex; flex-wrap: wrap; list-style-type: none; padding: 0; justify-content: center; } .container_Searchfilter ul li { padding: 5px 10px; margin: 5px; border-radius: 5px; border: 1px solid #ccc; } .container_Searchfilter ul li a.filter_btn { color: #766f6f; text-decoration: none; font-size: 15px; } .container_Searchfilter ul li:hover { border-color: #2d2c2c; } .container_Searchfilter ul li:hover a.filter_btn { color: #000; } @media (max-width: 500px) { .container_Searchfilter ul li { padding: 5px 7px; margin: 3px; } .container_Searchfilter ul li a.filter_btn { font-size: 14px; } .container_Searchfilter { padding: 0 3px 10px; margin: 0 10px 10px; } .container_Searchfilter h2 { padding-top: 10px; font-size: 17px; } } p.anydaybg_change { background: #fff; color: #c50708; max-width: 220px; font-weight: 700; padding: 1px 10px; border: 1px solid #afaeae; margin-bottom: 0px; border-radius: 5px; font-size: 15px; position: absolute; left: 15px; bottom: -7px; } @media only screen and (max-width: 600px) { p.anydaybg_change { font-size: 13px; padding: 3px 5px; } } .slider_cat { margin: 30px auto 0; } .slider_cat .info a h3 { font-size: 18px; margin: 10px 0px; font-weight: 400; text-align: center; line-height: 1.4; color: #000; } @media (max-width: 768px) { #filterShow { position: initial; } .slider_cat { margin: 10px auto; } } .slider_cat .cmnTitle p { font-size: 26px; display: inline-block; color: #000; text-transform: capitalize; position: relative; z-index: 9; margin: 0 15px; font-weight: 700; } .slider_cat .cmnTitle p:after { content: ""; position: absolute; bottom: -5px; left: 0; right: 0; margin: auto; height: 2px; background-color: #676767; width: 100%; z-index: 9; } .slider_cat .image a img { cursor: pointer; } .christmas_tag23 { position: absolute; right: 15px; z-index: 9; bottom: -11px; background: #c50708; border-top-right-radius: 5px; border-bottom-left-radius: 5px; color: #fff; font-weight: 600; display: flex; align-items: center; justify-content: center; } .christmas_tag23 span.svg-wrap { background: #046e3c; display: inline-block; padding: 4px 3px; border-bottom-left-radius: 5px; height: 27px; } .christmas_tag23 span.svg-wrap svg { height: 23px; margin-top: -9px; width: 25px; } .christmas_tag23 span.text_wrap { padding: 0px 3px; font-size: 11px; font-weight: 700; } @media screen and (max-width: 1200px) { .christmas_tag23 { bottom: -35px; left: 15px; right: auto; } } @media screen and (max-width: 768px) { .FilterstickyAnimation { display: flex; justify-content: space-between; width: 100%; } .outerFilterSHeader { display: flex; align-items: center; justify-content: space-between; } .slideFilterscatwrap.active { position: fixed; top: 62px; z-index: 999; width: 100%; border-radius: 0; } .slideFilterscatwrap, .outerFilterSHeader { transition: top 0.3s ease, background 0.3s ease; } .outerFilterSHeader.active { position: fixed; background: #fff; z-index: 999; width: 100%; top: 60px; left: 0; border: 1px solid #efefef; padding: 10px; } .christmas_tag23 { bottom: -35px; left: 15px; right: auto; } .christmas_tag23 span.text_wrap { font-size: 9px; } } .slider_cat_listing .info a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; } .cmnTitle h2 { font-size: 26px; display: inline-block; color: #000; text-transform: capitalize; position: relative; z-index: 9; margin: 0 15px; font-weight: 700; } .cmnTitle h2 a { font-size: 26px; display: inline-block; color: #000; text-transform: capitalize; background-color: transparent; position: relative; z-index: 9; margin: 0 15px; font-weight: 700; float: none; } .cmnTitle h2:after { content: ""; position: absolute; bottom: -5px; left: 0; right: 0; margin: auto; height: 2px; background-color: #676767; width: 100%; z-index: 9; } .slider_cat_listing { margin: 30px auto 0; } .slider_cat_listing .popularProducts { position: relative; } .slider_cat_listing .view_all_btn { position: absolute; right: 10px; top: 20px; font-size: 14px; color: #424242; border: 1px solid #efefef; padding: 2px 6px; border-radius: 4px; cursor: pointer; } .slider_cat_listing .view_all_btn:hover { border: 1px solid #000; } .slider_cat_listing .info a p { font-size: 14px; margin: 0; font-weight: 400; line-height: 1.4; color: #000; } .slider_cat_listing .info .price .pOne { font-size: 18px !important; } .slider_cat_listing .inStock, .slider_cat_listing .outOfStock { display: flex; align-items: center; } .slider_cat_listing .image { height: 165px; } .slider_cat_listing .image a img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-height: 90%; max-width: 90%; height: auto; } .slider_cat_listing .block { margin-bottom: 20px; padding: 8px; border: 1px solid #efefef; border-radius: 6px; } .slider_cat_listing ul { margin: 0; padding: 0; list-style: none; } @media (max-width: 768px) { .slider_cat_listing { margin: 10px auto; } .slider_cat_listing .info a { -webkit-line-clamp: 2; line-clamp: 2; } .slider_cat_listing .image { height: 122px; } .cmnTitle h2 a { font-size: 20px; } .slider_cat_listing .view_all_btn { top: 30px; } } .container_Searchfilter { background: #fafafa; } .container_Searchfilter ul li { background: #fff; } .outer_info_wrap { padding: 10px 2px 0; } .christmas_tag23 p.text_wrap { padding: 2px 12px; font-size: 11px; font-weight: 700; margin-bottom: 0; line-height: 1.1; text-align: center; } .christmas_tag23 span.svg-wrap { padding: 4px 3px; } .christmas_tag23 p.text_wrap span { font-weight: 300; } @media screen and (max-width: 1200px) { .christmas_tag23 p.text_wrap { padding: 2px 3px; font-size: 8px; line-height: 1.4; } .christmas_tag23 span.svg-wrap { padding: 4px 6px; } .christmas_tag23 p.text_wrap { font-size: 8px; } } @media screen and (max-width: 500px) { .christmas_tag23 { bottom: 0; } .info_wrap { bottom: 15px; } .writeUpInfo h1, .writeUpInfo h2, .writeUpInfo h3 { font-size: 22px; margin: 5px 0; } .productListing .writeUpInfo h1 { font-size: 22px; font-weight: 700; } .writeUpInfo h1 .small { display: inline-block; margin-left: 2px !important; } .slider_cat { margin: 5px auto 0; } .slider_cat .cmnTitle p { font-size: 20px; } .slider_cat .info a h3 { font-size: 15px; } .slider_cat .bx-wrapper .bx-controls-direction a { background-size: 28%; width: 20px; height: 20px; top: 33%; } .rangePage .writeUpInfo, .productListing .writeUpInfo { padding: 10px 0; margin: 10px 0; } .container_Searchfilter { margin: 0 10px 10px; } .productListing .writeUpInfo .outer_wrap_cat_topsec .subhead_tosec_catagory { padding-bottom: 0px; margin-bottom: 0; } .productListing .writeUpInfo h1.head_tosec_catagory { font-size: 18px !important; } } .rangePage .writeUpInfo { padding: 10px 20px; } .nextDay_outer { margin: 20px auto !important; } .outer_wrap_cat_topsec { background: #f7f7f7; padding: 20px; border-radius: 5px; position: relative; } .productListing .writeUpInfo .outer_wrap_cat_topsec h1.head_tosec_catagory { font-weight: 700; padding: 7px 0 0; } .productListing .writeUpInfo .outer_wrap_cat_topsec .subhead_tosec_catagory { padding-bottom: 20px; font-weight: 600; } .productListing .writeUpInfo .outer_wrap_cat_topsec .table tbody { display: flex; align-items: center; justify-content: space-between; width: 100%; flex-wrap: wrap; } .productListing .writeUpInfo .outer_wrap_cat_topsec .table tbody tr { width: 50%; max-width: 745px; background: #fff; display: flex; align-items: center; margin: 5px 0; border-radius: 5px; } .productListing .writeUpInfo .outer_wrap_cat_topsec .table tbody tr td { border: 0; padding: 10px 8px; line-height: 1.4; background-color: #fff; } .productListing .writeUpInfo .outer_wrap_cat_topsec .readMoreBlock a { text-decoration: none; } .productListing .writeUpInfo .outer_wrap_cat_topsec .table tbody tr td.price_td { border: 1px solid #d5d5d5; border-top-right-radius: 5px; border-bottom-right-radius: 5px; max-width: 145px; width: 100%; text-align: center; } .productListing .writeUpInfo .outer_wrap_cat_topsec .table tbody tr td.title_td { border: navajowhite; text-align: left; float: left; width: 70%; border-radius: 5px; font-size: 16px; } .productListing .writeUpInfo .outer_wrap_cat_topsec .table tbody tr td.items_td { max-width: 100px; width: 100%; display: flex; align-items: center; justify-content: center; font-weight: 400; color: rgba(0, 0, 0, 0.502); background: #fff; font-size: 14px; } .outer_wrap_cat_topsec .readMoreBlock .textExceeds.fulltext ~ span .infoClose { position: absolute; right: 2px; top: -3px; padding: 4px; background-color: #fff; border-radius: 2px; text-decoration: none; margin-top: 0; } @media (max-width: 1900px) { .productListing .writeUpInfo .outer_wrap_cat_topsec .table tbody tr { max-width: none; width: 100%; } .productListing .writeUpInfo .outer_wrap_cat_topsec .table tbody tr td.title_td { width: 85%; } } @media (max-width: 768px) { .outer_wrap_cat_topsec { padding: 10px !important; } .productListing .writeUpInfo .outer_wrap_cat_topsec .table tbody tr td { font-size: 13px !important; padding: 19px 5px; } .productListing .writeUpInfo .outer_wrap_cat_topsec .table tbody tr td.title_td { padding: 2px 5px 2px 10px; } .productListing .writeUpInfo .outer_wrap_cat_topsec .subhead_tosec_catagory { padding-bottom: 0; } .readMoreBlock .textExceeds ~ span .infoReadMore { max-width: 70px; float: right; margin-top: 10px; } .productListing .writeUpInfo { padding: 5px 0 20px; margin: 0 0 20px; } } .btn-info { background-color: transparent !important; border-color: transparent !important; color: #e00404 !important; } .readMoreBlock .textExceeds.fulltext ~ span .infoClose { bottom: auto; } .catWrapOuter ul li a { cursor: pointer; } .catWrapOuter ul { flex-wrap: wrap; justify-content: flex-start; } .catWrapOuter ul li { width: auto; margin-right: 20px; } .catWrapOuter ul li:last-child { margin-right: 0; } .readMoreBlock .textExceeds ~ span .infoReadMore { position: absolute; right: 20px; bottom: 0; } .productListing .writeUpInfo .outer_wrap_cat_topsec .subhead_tosec_catagory { padding-bottom: 0; } .productListing .writeUpInfo { padding: 10px 0; margin: 20px 0 0; } .slideFilters .bx-controls-direction { display: none; } .slideFilters.visible-xs { background: #f2f2f2; padding: 20px 10px; border-radius: 6px; border-top-left-radius: 0; border-top-right-radius: 0; margin-bottom: 20px; } .bx-wrapper .bx-viewport { background: transparent; } .slideFilters ul li.slide { font-size: 16px; line-height: 1.375rem; } .slideFilters ul li.slide a { border-bottom: 1px solid #c9cacc; text-decoration: underline; } .catWrapOuter { margin: 0; background: #f2f2f2; padding: 20px 20px 0; border-radius: 6px; border-top-left-radius: 0; border-top-right-radius: 0; } .catWrapOuter ul { list-style: none; display: flex; align-items: center; padding-left: 0; margin-bottom: 0; flex-wrap: wrap; justify-content: flex-start; } .catWrapOuter ul li { font-size: 16px; line-height: 1.375rem; width: auto; margin-right: 20px; margin-bottom: 20px; } .catWrapOuter ul li a { border-bottom: 1px solid #c9cacc; } .rangePage .writeUpInfo, .productListing .writeUpInfo { margin: 20px 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } @media (max-width: 768px) { .readMoreBlock .textExceeds ~ span .infoReadMore { right: 10px; bottom: 2px; } .productListing .productSection .block:hover .dualImage > img:nth-of-type(1) { visibility: visible; } .productListing .productSection .block:hover .dualImage > img:nth-of-type(2) { visibility: hidden; } } .swacthesWrapListing { margin-bottom: 5px; } .swacthesWrapListing ul { display: flex; align-items: center; justify-content: start; padding-left: 0; list-style: none; column-gap: 8px; flex-wrap: wrap; padding: 0 15px; } .swacthesWrapListing ul li { border: 1px solid #c5c0c0; padding: 3px; transition: border 0.3s, box-shadow 0.3s; margin-bottom: 5px; } .swacthesWrapListing ul li a, .swacthesWrapListing ul li div { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; } .swacthesWrapListing ul li a img, .swacthesWrapListing ul li div img { width: auto; height: 100%; } .productListing .product .block .info { padding: 15px 15px 5px; } .swacthesWrapListing ul li:hover { border: 1px solid #000; } @media (max-width: 768px) { .swacthesWrapListing ul li a, .swacthesWrapListing ul li div { width: 32px; height: 32px; } .swacthesWrapListing ul { column-gap: 6px; } .swacthesWrapListing ul li { padding: 2px; } } @media (max-width: 390px) { .swacthesWrapListing ul { column-gap: 3px; } .swacthesWrapListing ul li { margin-bottom: 3px; } .swacthesWrapListing ul li a, .swacthesWrapListing ul li div { width: 30px; height: 30px; } .img_info { margin-right: 3px; } } #loadMoreItems { width: 151px; color: #fff; display: block; text-align: center; margin: 20px auto 50px; padding: 10px; border-radius: 5px; /*border: 1px groove #dedede; background-color: #ddefd0;*/ transition: 0.5s; box-shadow: 3px 3px 0 #dedede; border: 1px solid #dedede; border-radius: 6px; background-color: #000; cursor: pointer; } #loadMoreItems:hover { border: 1px solid #d0edbb; text-decoration: none; width: 180px; font-size: 14px; font-weight: 500; } .blackout-img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 200px; height: 200px; } .breadcum { margin: 5px auto 0; } .bx-wrapper .bx-viewport { height: auto !important; background: transparent; } .breadcrumpSliderOuter .bx-controls-direction { display: none; } .breadcrumpSliderOuter { visibility: hidden; } .breadcum ul > li { margin: 5px 0 0; } .breadcum { margin: 5px auto 0; } .bx-wrapper .bx-viewport { height: auto !important; background: transparent; } .breadcrumpSliderOuter .bx-controls-direction { display: none; } .breadcrumpSliderOuter { visibility: hidden; } .breadcrumpSliderOuter .breadcum ul > li { margin: 5px 0 0; } .productListing .writeUpInfo { margin: 5px 0 20px; } .container.rauch_banner { margin: 30px auto 16px; } .container.rauch_banner img { width: 100%; } .readMoreBlock .textExceeds.fulltext ~ span .infoClose { bottom: auto; } .catWrapOuter ul li a { cursor: pointer; } .catWrapOuter ul { flex-wrap: wrap; justify-content: flex-start; } .catWrapOuter ul li { width: auto; margin-right: 20px; } .catWrapOuter ul li:last-child { margin-right: 0; } .readMoreBlock .textExceeds ~ span .infoReadMore { position: absolute; right: 20px; bottom: 0; } .productListing .writeUpInfo .outer_wrap_cat_topsec .subhead_tosec_catagory { padding-bottom: 0; } .productListing .writeUpInfo { padding: 10px 0; margin: 20px 0 0; } .slideFilters .bx-controls-direction { display: none; } .slideFilters.visible-xs { background: #f2f2f2; padding: 20px 10px; border-radius: 6px; border-top-left-radius: 0; border-top-right-radius: 0; margin-bottom: 20px; visibility: hidden; } .bx-wrapper .bx-viewport { background: transparent; } .slideFilters ul li.slide { font-size: 16px; line-height: 1.2; } .slideFilters ul li.slide a { text-decoration: underline; font-size: 16px; } .catWrapOuter ul { list-style: none; display: flex; align-items: center; padding-left: 0; margin-bottom: 0; flex-wrap: wrap; justify-content: flex-start; } .catWrapOuter ul li { font-size: 16px; line-height: 1.375rem; width: auto; margin-right: 20px; margin-bottom: 20px; } .catWrapOuter ul li a { border-bottom: 1px solid #c9cacc; } .rangePage .writeUpInfo, .productListing .writeUpInfo { margin: 20px 0 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .slideFilters.visible-xs.active { position: fixed; z-index: 999; top: 55px; width: 100%; border-radius: 0; left: 0; } .outerFilterSHeader.active { top: 92px; } @media (max-width: 768px) { .readMoreBlock .textExceeds ~ span .infoReadMore { right: 10px; bottom: -8px; } } .proFilter { display: none !important; } @media only screen and (max-width: 767px) { .productListing .product { width: 50%; } } .tabContentArea.tabcontentListing .readMoreBlock .textExceeds ~ span .infoReadMore { bottom: -30px; } .tab-content .productListing .writeUpInfo.c000003 { padding: 40px 0; } .writeUpInfo.c000001 { padding: 30px 15px; } .brandCategory ul li p.title { font-size: 14px; min-height: 40px; text-align: center; display: flex; align-items: center; justify-content: center; } .brandCategory ul li:last-child { margin-right: 0; } .brandCategory ul li a .imgwrap { position: relative; height: 80px; border-radius: 5px; } .brandCategory ul li a { border: 1px solid #efefef; display: block; padding: 2px; } .brandCategory ul li a .imgwrap img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-height: 90%; max-width: 120px; } .brandCategory h3 { text-align: center; margin: 30px 0 20px; font-weight: 700; } .brandCategoryslider { padding-left: 0; } .bx-wrapper .bx-controls-direction a { z-index: 9 !important; } @media only screen and (max-width: 768px) { .brandCategory h3 { margin: 0px 0 5px; font-size: 18px; text-align: left; } .brandCategory { margin-bottom: 30px; } .brandCategory .bx-wrapper .bx-next, .brandCategory .bx-wrapper .bx-prev { background-size: 70%; width: 11px; margin-top: -11px; height: 22px; } } .trendingSearch { background-color: #efefef; padding: 20px 5px; margin-top: 50px; } .trendingSearch h3 { margin-top: 0; margin-bottom: 20px; font-size: 20px; font-weight: 600; text-align: left; } .trendingSearch ul li a { text-decoration: underline; font-size: 15px; } .trendingSearch ul li a:hover { text-decoration: none; } .trendingSearch .bx-wrapper .bx-controls-direction a { width: 22px; } .trendingSearch .bx-wrapper .bx-viewport { background: transparent; padding: 0 35px; } div#popHomeCategories { margin-bottom: 20px; } .tabContentArea.tabcontentListing .tab-pane ul li a:after { display: none; } .tabContentArea.tabcontentListing .popCatOuter { display: flex; justify-content: center; width: 100%; padding: 0; align-items: normal; } .popCatOuter ul { list-style: none; padding: 0; width: 22%; margin-right: 10px; } .block.popCatOuter ul { width: 100%; } .popCatOuter ul li { border-bottom: 1px solid #efefef; padding: 10px 0px 10px 20px; font-size: 13px; position: relative; } .popCatOuter ul li h3 { font-size: 14px !important; font-weight: 700; margin: 2px auto; } .popCatOuter ul li:nth-child(2) { margin-top: 10px; } .popCatOuter ul li:first-child { font-weight: 700; font-size: 16px; background: #f5f3f0; border-radius: 5px; padding: 5px 10px; } .popCatOuter ul li:first-child:before { display: none; } .popCatOuter ul li:before { content: ""; background: url(https://www.choicefurnituresuperstore.co.uk/img/2024/iconHome/next.png); position: absolute; left: 4px; width: 10px; height: 10px; background-size: 100%; top: 50%; margin-top: -6px; } .popCatOuter ul li:last-child { border: 0; } .popCatOuter ul li.hideIconWrap { padding: 0; width: 100%; } .popCatOuter ul li.hideIconWrap span { font-size: 24px; line-height: 1; z-index: 999; position: absolute; right: 50%; cursor: pointer; background: #000; color: #fff; padding: 1px 5px; border-radius: 2px; bottom: -40px; margin-right: -14px; } .popCatOuter ul.openonClick { width: 100%; } .popCatOuter ul.openonClick li:first-child { background: transparent; font-weight: normal; font-size: 14px; padding: 10px 0px 10px 20px; } .popCatOuter ul li:nth-child(7) { border: none; } .popCatOuter ul.openonClick.open li:nth-child(1) { border-top: 1px solid #efefef; border-radius: 0; } .popCatOuter ul.openonClick.open { display: block !important; } .popCatOuter ul li.hideIconWrap:before { display: none; } .popCatOuter ul.openonClick li:first-child:before { display: block; } .popCatOuter ul.openonClick li:nth-child(2) { margin-top: 0; } .tabContentArea.tabcontentListing .tab-content .list-inline li { position: relative; padding: 0 5px; } .tab-content .list-inline li:after { position: absolute; width: 2px; height: 2px; content: "|" !important; right: -2px; padding: 0 0px; } @media only screen and (max-width: 1800px) { .popCatOuter ul li { min-height: 67px; display: flex; align-items: center; justify-content: flex-start; } } @media only screen and (max-width: 1200px) { .popCatOuter ul li:first-child { min-height: 78px; } .popCatOuter ul li { font-size: 14px; } } @media only screen and (max-width: 992px) { .popCatOuter ul li { font-size: 13px; min-height: 75px; } .popularProductsCat .panel-default { box-shadow: none; margin: 0 0px 10px; border-color: #ddd; padding: 0 20px; } .popularProductsCat .panel-default > .panel-heading { background: transparent; border: 0; } .popularProductsCat li.subMenuHead { border-bottom: 1px solid #efefef; padding: 10px 15px; } .popularProductsCat li.subMenuHead:last-child { border-bottom: 0; } .popularProductsCat .panel-body { padding: 0; } .popularProductsCat .panel-title { font-weight: normal; margin-bottom: 0; } .popularProductsCat .panel-title span:after { position: absolute; content: "-"; right: 40px; font-size: 20px; line-height: 17px; } .popularProductsCat .panel-title span.collapsed:after { content: "+"; background: none; } .popularProductsCat .panel-title > span { font-weight: 600; font-size: 15px; padding: 10px 9px !important; text-transform: capitalize; } .tabContentArea.tabcontentListing .tab-content { padding: 6px; } .tabContentArea.tabcontentListing .tab-pane { padding: 0; } .popularProductsCat li.subMenuHead a { margin-bottom: 0 !important; background-color: transparent !important; } .popularProductsCat li.subMenuHead { padding: 4px 10px; } } .tabContentArea.tabcontentListing .tab-pane.poprange ul li:not(:last-child):after { display: none; } .tabContentArea.tabcontentListing .tab-pane ul.faqs_wrap li:not(:last-child):after { display: none; } ul.faqs_wrap li { color: #232f3e; font-size: 14px; } ul.faqs_wrap li p.quest { background-color: #f8f9f9; padding: 20px 10px; color: #232f3e; font-size: 14px; font-weight: 700; } ul.faqs_wrap li p.ans { padding: 0 10px; } .bestSellerSec.bestSellerSecListing .block .info .title { font-size: 18px; margin-bottom: 20px; } .bestSellerSec.bestSellerSecListing .block { border: none; } .bestSellerSec.bestSellerSecListing .block .image { border: 1px solid #efefef; } .bestSellerSec.bestSellerSecListing .block .image { height: 280px; } .bestSellerSec.bestSellerSecListing .block .image img { max-width: 90%; } .bestSellerSec.bestSellerSecListing .block .info { padding: 2px; } .bestSellerSec.bestSellerSecListing .block .info a { color: #000; font-weight: 600; } .bestSellerSec.bestSellerSecListing .block .info .disc2 { margin-top: 40px; color: #7f7f7f; font-size: 13px; } .botImgTag, .botImgRightTag { font-size: 10px; } .NextDayImgTag span { font-size: 10px !important; } .breadcum { margin-bottom: 0px; } /* Filter Styling */ .productListing .panel-group .panel .btn { text-align: left; white-space: unset; } @media only screen and (min-width: 767px) { .breadcum { margin-bottom: 20px; } .outer_container { display: flex; justify-content: space-between; } .productListing .filterBlock { top: 0; } .panel-default { border-color: transparent; } .productListing .panel-group .panel .btn { border-radius: 5px; border: 1px solid rgb(153, 153, 153); margin-bottom: 10px; padding: 10px 14px 10px 16px; margin-right: 5px; } .productListing .panel-heading { background-color: transparent; padding: 0; border-color: transparent; box-shadow: none; } .productListing .panel-title > a, .productListing .panel-title > span { padding: 18px 0; } .btn input[type="checkbox"], .productListing input[type="radio"] { display: grid; place-content: center; } input[type="checkbox"]::before, .productListing input[type="radio"]::before { content: ""; position: absolute; right: 10px; } .btn input[type="checkbox"]:checked::before, .productListing input[type="radio"]:checked::before { background-image: url(img/filters_sele_tick.svg); width: 17px; height: 17px; background-size: 100%; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: transparent; } .productListing .panel-body { padding: 0; } .productListing input[type="checkbox"], .productListing input[type="radio"] { margin-right: 0; } .productListing .panel-title > span { position: relative; } .productListing .panel-title > span:after { background: url(img/arrow_up_down.svg) center no-repeat; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); transform-origin: center center; -webkit-transition: 200ms ease-in-out; transition: 200ms ease-in-out; content: ""; width: 20px; position: absolute; right: 0; top: 50%; height: 20px; margin-top: -10px; } .productListing .panel-title > span.collapsed:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); transform-origin: center center; -webkit-transition: 200ms ease-in-out; transition: 200ms ease-in-out; } /* .productSection ul li.col-md-3{width: 33%;} */ .filter_outer_wrap .filter_wrap { display: flex; align-items: center; justify-content: space-between; color: rgb(48, 59, 65); font-size: 16px; border-bottom: 1px solid rgb(197 195 195); padding: 10px 0; } .filter_outer_wrap .filter_wrap span:nth-child(1) { font-weight: 700; } .filter_sele { display: flex; align-items: center; margin-top: 10px; margin-bottom: 30px; } .filter_sele p.selected_opt { border: 1.5px solid #000; padding: 5px 0px 5px 6px; border-radius: 3px; margin: 0 2px; } .filter_sele p.selected_opt span { margin: 0 6px; vertical-align: middle; } .filter_sele p.selected_opt span svg { width: 12px; height: 12px; } .botImgTag, .botImgRightTag { font-size: 10px; } .NextDayImgTag span { font-size: 10px !important; } .filterBlock .panel-body::-webkit-scrollbar { width: 10px; height: 10px; } .filterBlock .panel-body::-webkit-scrollbar-track { background: #f1f1f1; -webkit-box-shadow: none !important; } .filterBlock .panel-body::-webkit-scrollbar-thumb { background: #9a9a9a; -webkit-box-shadow: none !important; } .filter_overlay { position: fixed; width: 100%; height: 100vh; background: #000; top: 0; left: 0; z-index: 99; opacity: 0.5; display: none; } .filter_overlay.show_overlay { display: block; } .navbar-wrapper { z-index: 99 !important; } } .filter_overlay { position: fixed; width: 100%; height: 100vh; background: #000; top: 0; left: 0; z-index: 99; opacity: 0.5; display: none; } .filter_overlay.show_overlay { display: block; } /* Filter Styling */ .productListing .writeUpInfo.c000003 { padding: 40px; } .productListing .productSection .image img { max-width: calc(90% - 10px); } @media only screen and (max-width: 767px) { .tabContentArea .nav-tabs > li { font-size: 12px; } } .breadcum.breadcrumpSliderOuter .bx-wrapper .bx-viewport { background: #f7f7f7; } .slideFilterscatwrap .bx-wrapper .bx-viewport { background: #f2f2f2; } @media only screen and (max-width: 500px) { .productListing .price .pOne, .productListing .price { font-size: 13px; } .price .pStroke { font-size: 12px; } .bestSellerSec.bestSellerSecListing .block .image { height: 170px; } .bestSellerSec.bestSellerSecListing .block .info .title { font-size: 15px; margin-bottom: 5px; } .bestSellerSec.bestSellerSecListing .block .info .disc2 { margin-top: 10px; } } @media only screen and (max-width: 410px) { .tabContentArea.tabcontentListing .nav-tabs > li { min-height: 56px; display: flex; align-items: center; justify-content: center; } } .trendingSearch.trendingSearchBrandMap { background-color: #efefef; padding: 20px 5px; margin: 10px auto 50px; } .trendingSearch.trendingSearchBrandMap .bx-wrapper .bx-viewport { background: transparent; padding: 0 35px; } .trendingSearch.trendingSearchBrandMap .bx-wrapper .bx-controls-direction a { background-color: #fff !important; } .trendingSearch.trendingSearchBrandMap h3 { font-size: 20px; font-weight: 600; text-align: left; margin-top: 0; margin-bottom: 20px; } .trendingSearch.trendingSearchBrandMap .bx-wrapper .bx-controls-direction a { width: 22px; } .errorMsg.centerText { text-align: center; margin: auto; height: 240px; padding: 20px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgb(249 249 249 / 49%); color: #000; } .errorMsg.centerText p { font-size: 15px; margin-bottom: 0; } .errorMsg.centerText h5, .errorMsg.centerText h6 { font-size: 16px; } .errorMsg.centerText h4 { font-size: 20px; } .fourOFour .banner { position: relative; } footer .footer-2 .social a { display: flex; align-items: center; justify-content: center; } @media only screen and (max-width: 768px) { .errorMsg.centerText { height: 181px; padding: 0 10px 10px; } .errorMsg.centerText h2 { margin-top: 10px; } } .ranges_wrap { border: 1px solid #efefef; padding: 20px; border-radius: 5px; position: relative; margin-bottom: 50px; } .ranges-list { width: 25%; list-style: none; } .ranges_outer { display: flex; align-items: center; flex-wrap: wrap; padding: 0; } .rangePage .ranges .ranges_wrap .block .image { height: 205px; border: 0; } .ranges_wrap.showAll { height: auto; } .ranges_wrap span { cursor: pointer; position: absolute; left: 0; right: 0; margin: 0 auto; text-align: center; bottom: 10px; } .ranges_wrap span.CloseBtn { bottom: 0px; display: none; } .ranges_wrap.showAll span { padding: 6px 12px; max-width: fit-content; border-radius: 5px; background: #000; color: #fff; max-width: 100px; } .ranges_wrap.showAll span.CloseBtn { display: block; } .ranges_wrap.showAll span.viewAllBtn { display: none; } .ranges_wrap span.viewAllBtn { padding: 6px 12px; max-width: fit-content; border-radius: 5px; background: #000; color: #fff; } .rangePage ul.productSlideFive { padding: 0; margin: 0; } .rangePage .readMoreBlock .info.textExceeds { height: 0; } .rangePage .readMoreBlock .textExceeds.fulltext { height: auto; } .rangePage .bestSellerSec .block { min-height: 386px; } .rangePage .bx-wrapper .bx-controls-direction a { background-color: transparent !important; } .rangePage .ranges .ranges_wrap .block { border: 1px solid #cfcfcf; padding: 10px 0; border-radius: 3px; } .rangePage .ranges .block .title h2 { font-weight: 600; } @media only screen and (max-width: 900px) { .rangePage .ranges .ranges_wrap .block .image { height: 105px; } } @media only screen and (max-width: 767px) { .rangePage .ranges .ranges_wrap .block .image { height: 95px; } .ranges_wrap.showAll { height: auto; } .ranges_wrap { margin-bottom: 0; padding: 20px 10px; } .rangePage .cmnTitle h3 a { padding: 0; margin: 0; } .rangePage .ranges .block .title h2 { font-size: 12px; } .rangePage .ranges .block .title { height: 27px; display: flex; align-items: center; justify-content: center; } } .outerFilterSHeader { margin-top: 20px; } .readMoreBlock .textExceeds ~ span .infoReadMore.bywwood { bottom: 10px; } .tabContentArea .tab-pane ul.faqs_wrap li:not(:last-child):after { display: none; }