/* globel css */ iframe { max-width: 473px; } .section-category.active { border: 1px solid #253960; border-radius: 8px; background-color: #fff; } body .product-price .product-sale-price { margin-top: -5px; color: #222; } section.trade-account-wrapper { clear: both; } i.fas.fa-check.text-green { color: #69aa2f !important; font-size: 0.85rem; margin-right: 3px; transform: translateY(1px); } @media (max-width: 767px) { span.product-delivery-status span:first-child { margin: 0; margin-right: 10px; } .page-heading p { display: none; } } button.applyBtuFilter { width: 100%; } .section-product-brand p { color: #253960; font-weight: 600; font-size: 1.75rem; } .BtucalcDiv { position: absolute; right: 0; top: -20px; display: flex; align-items: center; max-width: 300px; float: none; border-radius: 5px; overflow: hidden; height: 60px; background-color: #fff; border: 1px solid #f1f1f1; } .BtucalcDiv .OrangeBtu { width: 3.4375rem; background-color: #e28129; float: left; height: 60px; text-align: center; display: flex; align-items: center; justify-content: center; } .BtucalcDiv .OrangeBtu img { width: 100%; max-width: 35px; } .BtucalcDiv .BtuCalcRight { width: auto; float: left; padding: 9px 8px; height: 100%; display: flex; align-items: center; justify-content: center; } .BtucalcDiv .BtuCalcRight h5 { font-size: 1rem; color: #5c5c5c; font-weight: 600; margin-bottom: 0; } .BtucalcDiv .BtuCalcRight h5 span { display: block; font-size: 10px; font-weight: 400; } .section-category > div a > div { padding-top: 80%; display: block; position: relative; overflow: hidden; } .section-category > div a .category-icon img { height: 100%; width: 100% !important; position: absolute; top: 0; left: 0; object-fit: contain; z-index: 1; } .filter-grayscale { filter: grayscale(1); } .filter-blur { filter: blur(5px); } .product-delivery-status { font-size: 0.875rem; } /* .product-stock .product-stock-status { font-weight: 700; } .product-delivery .product-delivery-status { font-weight: 700; } */ .product-rating { color: #f9d241; } .search-results-nav { background-color: #d1d1d1; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: #c6294c; } /* .product-favourite-btn>i { padding-left: 4px; } */ #module a.collapsed:before { content: "Show More"; } .cntnt-btncover { width: 100%; box-shadow: 0 0 30px #f9f8f7; z-index: 9; display: flex; position: relative; margin-top: -4px; justify-content: center; align-items: center; padding: 10px 0 20px; } .cntnt-btncover:before { content: ""; width: 100%; height: 100%; position: absolute; box-shadow: 0 -9px 15px #f4f4f4; background-color: #f4f4f4; z-index: -1; } .page-heading.collapse:not(.show) { height: 80px !important; overflow: hidden; display: block; } #module a.ctn-btn:not(.collapsed):before { content: "Show Less"; } .cntnt-btncover i.fas { transform: translateY(1px); margin-left: 10px; } #module a.ctn-btn:not(.collapsed) i.fas:before { content: "\f077"; } #module a.collapsed, #module a.ctn-btn:not(.collapsed) { display: block; border-bottom: 1px solid #253960; } .page-heading.collapsing { min-height: 122px !important; } /* BtucalcDiv modal */ .btu-calculator { width: 100%; } .btu-calculator .modal-dialog { max-width: 1200px; } .btu-calculator .btu-calculator-header { width: 100%; display: block; } .btu-calculator .btu-calculator-header .btu-calculator-header-icon { width: 3.5rem; height: 3.5rem; float: left; } .btu-calculator .btu-calculator-header .btu-calculator-header-text { float: left; } .btu-calculator .btu-calculator-header .page-heading { display: inline-block; margin: 0; color: #fff; font-weight: 600; font-size: 1.5rem; } .btu-calculator .btu-calculator-header p { display: block; margin: 0; color: #fff; font-size: 0.775rem; } .btu-calculator .btu-calculator-header .btu-calculator-label { color: #e28128; background-color: #fff; border-radius: 5px; border-bottom: 4px solid #bbb; padding: 0.625rem 1.25rem; position: relative; font-weight: 600; margin-bottom: 0; } .btu-calculator .btu-calculator-header .close { position: absolute; top: 2.3rem; right: 2rem; width: 3rem; height: 3rem; background-color: #fff; opacity: 1; padding: 0; border-radius: 3px; outline: 0; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } select.form-control:not([size]):not([multiple]) { height: auto; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #d9365a; border-color: #a20f30; } /* product filter start */ body .filter-wrapper { border: none; padding: 10px 0 0; } a:hover { text-decoration: none; } .filter-box { margin-bottom: 10px; border: 1px solid #e0dede; border-radius: 6px; overflow: hidden; } .filter-header { margin: 0; padding: 10px 8px 10px 12px; position: relative; border-radius: 0 !important; background-color: #f9f9f9; } .filter-body .card-body { padding: 0; border-radius: 0; } .filter-body ul { padding: 5px 2px; background: #fff; } .filter-body li { list-style-type: none; border: 0; padding: 0 8px; border-radius: 0 !important; transition-timing-function: ease-in; transition: 0.2s; } .custom-checkbox { position: relative; height: 2rem; display: inline-flex; align-items: center; } .filter-body li > span.badge-pill { right: 8px; border-radius: 0; width: 40px; text-align: center; padding-left: 0; padding-right: 0; background-color: #fff; color: #6c7689; font-size: 14px; top: 5px; height: 21px; } .custom-checkbox label { padding-left: 2rem; position: relative; font-weight: 600; z-index: 2; cursor: pointer; margin-bottom: 0; font-size: 0.825rem; } .custom-checkbox input { display: none; } .custom-checkbox span { display: inline-block; width: 18px; height: 18px; border: 2px solid #ced4da; border-radius: 3px; position: absolute; left: 0; transition: all 0.2s; z-index: 1; box-sizing: content-box; } .custom-checkbox span:before { transform: rotate(-55deg); top: 0.9rem; left: 0.37rem; } .custom-checkbox span:before, .custom-checkbox span:after { content: ""; display: inline-block; background: #ff1010; width: 0; height: 0.2rem; position: absolute; transform-origin: 0% 0%; } .custom-checkbox span:after { transform: rotate(50deg); bottom: 0.38rem; left: 0.26rem; } .custom-checkbox span:after { transform: rotate(50deg); bottom: 0.38rem; left: 0.26rem; } .custom-checkbox input:checked ~ span { background: #c6294c; border-color: #c6294c; } .custom-checkbox input:checked ~ span:before { width: 0.8rem; height: 0.12rem; transition: width 0.1s; transition-delay: 0.3s; } .custom-checkbox input:checked ~ span:after { width: 0.4rem; height: 0.15rem; transition: width 0.1s; transition-delay: 0.2s; } .custom-checkbox input:checked ~ span:before { width: 0.8rem; height: 0.12rem; transition: width 0.1s; transition-delay: 0.3s; } .custom-checkbox span:before, .custom-checkbox span:after { content: ""; display: inline-block; background: #ffffff; width: 0; height: 0.2rem; position: absolute; transform-origin: 0% 0%; } .filter-body .card-body button.btn_more, .filter-body .card-body button.btn_less, .filter-body .card-body a.btn_more, .filter-body .card-body a.btn_less { background-color: #fff; text-align: center; box-shadow: none; border: 0; padding: 10px 0; width: 100%; display: block; cursor: pointer; border-top: 1px solid #e0dede; position: relative; font-size: 0.875rem; font-weight: 600; outline: none; color: #253960; -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; } .filter-select-item-price { font-size: 0.825rem; display: table-cell; vertical-align: middle; } .filter-select-item-delete { display: table-cell; vertical-align: middle; text-align: right; } .filter-select-item-delete button { background-color: transparent; width: 40px; border: 0; padding: 0; margin: 0; font-size: 14px; color: #222; cursor: pointer; height: 21px; } .filter-select-item { height: 2rem; display: table; width: 100%; } .all-select-item-remove > a { font-size: 0.78rem; padding: 5px 10px; display: block; margin: 5px 0; display: inline-block; text-align: center; color: #222; text-transform: uppercase; font-weight: 700; } .all-select-item-remove { padding: 0 !important; text-align: right; } .filter-header-label { display: flex; font-weight: 600; font-size: 16px; cursor: pointer; color: #222; font-size: 0.92rem; margin-bottom: 0; padding: 0; text-align: left; line-height: 22px; position: relative; flex-direction: row-reverse; align-items: center; justify-content: space-between; } .search-page-product-info .sorting-dropdown, .section-sorting-product-header .sorting-dropdown { width: auto; margin-left: 0.5rem; } .search-page-product-info .sorting-label, .section-sorting-product-header .sorting-label { margin: 0; font-weight: 600; } .search-page-product-info .search-page-label, .section-sorting-product-header .sorting-page-label { font-weight: 600; } .search-page-product-info .search-page-count, .section-sorting-product-header .sorting-page-count { margin: 0 0.2rem; font-weight: 600; color: #c42c4e; } body .subcategory-product { border-radius: 10px; box-shadow: 0 6px 30px rgb(0 0 0 / 7%); overflow: hidden; } button.section-category-slider-toggler { display: none; } .search-page-product-info, .section-sorting-product-header { position: relative; margin: 0; border-bottom: 1px double #f1f1f1; padding: 0.973rem 0; background-color: #fff0; border-bottom: 1px solid #e0dede; } .custom-breadcrumb li.breadcrumb-item a, .custom-breadcrumb li.breadcrumb-item span { font-size: 0.825rem; } .custom-breadcrumb li.breadcrumb-item a i svg { width: 14px; } .custom-breadcrumb li.breadcrumb-item span:hover, .custom-breadcrumb li.breadcrumb-item span { color: #c6294c; cursor: pointer; } /* end */ /* tab-page */ .blog-box { background-color: #fff; border: 1px solid #e0dede; border-radius: 5px; overflow: hidden; display: flex; flex-direction: column; height: 100%; } .blog-box .blog-img a { display: block; } .blog-box .blog-img img { min-height: 262px; } .blog-box .blog-info { display: flex; flex-direction: column; flex-grow: 1; padding-top: 20px; } .blog-box .blog-info .blog-title { flex-grow: 1; padding: 0 20px; } .blog-box .blog-info .blog-title h3 { font-size: 22px; font-weight: 600; color: #253960; } .blog-box .blog-info .blog-short-desc p { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .blog-box .blog-info .blog-footer { font-size: 14px; padding: 12px 20px; border-top: 1px solid #e0dede; display: flex; color: #3f3f3f; position: relative; background-color: #fbfbfb; } .blog-box .blog-info .blog-short-desc { flex-grow: 1; padding: 0 20px; } /* brands page */ .brand-right-side .brand-image-box { display: block; position: relative; width: 100%; height: 100%; border-radius: 5px; overflow: hidden; background-color: #fff; text-align: center; padding: 10px; } .brand-right-side .brand-image-box .brand-name { font-size: 1rem; color: #fff; padding: 0.85rem 0.3125rem; text-align: center; font-weight: 500; display: table-cell; vertical-align: middle; line-height: 15px; display: none; float: left; background-color: rgba(37, 57, 96, 0.9); color: #fff; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .brand-right-side .brand-image-box:hover .brand-name { width: 100%; display: block; pointer-events: none; } .filter-header .filter-title .filter-header-label.collapsed:before { content: "+"; font-size: 24px; float: right !important; font-family: "font awesome 5 free"; padding-right: 10px; font-weight: 600; transition: transform 0.2s ease, -webkit-transform 0.2s ease; height: auto; background-color: transparent; } .filter-header .filter-title .filter-header-label:before { content: ""; width: 14px; height: 2.1px; background: #000; margin-right: 10px; float: right !important; font-size: 1.2rem; font-weight: 600; transition: transform 0.2s ease, -webkit-transform 0.2s ease; } .subcategory-product .subcategory-product-img img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; display: block; } .subcategory-product a .subcategory-product-img picture { position: relative; padding-top: 100%; display: block; overflow: hidden; } .product-brand-img a { padding-top: 100%; display: block; position: relative; overflow: hidden; } .product-brand-img a img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: contain; padding: 15px !important; } .page-content h3 { color: #253960; font-weight: 600; font-size: 1.75rem; } .subcategory-product .subcategory-product-title { padding: 6px 15px; background-color: #fff; text-align: center; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; min-height: 65px; max-height: 65px; line-height: 20px; font-weight: 600; } .subcategory-product:hover .subcategory-product-title { color: #c6294c; } .page-content .page-heading h1 { color: #253960; font-weight: 600; font-size: 2rem; display: inline-block; } .page-content h2 { color: #253960; font-weight: 600; font-size: 1.75rem; } .innerpage-banner-wrapper a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; } .innerpage-banner-wrapper a { padding-top: 5.8%; width: 100%; height: 100%; position: relative; overflow: hidden; display: block; } /* slider-content */ .slider-content.pt-2.pb-2 { display: flex; flex-wrap: wrap; justify-content: center; } .section-category { width: calc(11.11% - 10px); padding: 5px; margin: 0 5px; } .section-category span { font-size: 0.8rem; max-width: 150px; display: block; margin: 0 auto; color: #253960; } .section-sorting-product-header .totalItemsCount { justify-content: end !important; } .brand-image-box a picture { padding-top: 100%; display: block; position: relative; overflow: hidden; } .brand-image-box a picture img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: contain; } @media (min-width: 768px) { .Frag_block { width: 100%; float: left; margin-bottom: 12px; } .Frag_block:nth-child(even) .Fragment_left { width: 75%; float: right; padding-left: 1rem; } .Frag_block:nth-child(even) .Fragment_right { width: 25%; float: left; } .Frag_block:nth-child(odd) .Fragment_left { float: left; width: 75%; padding-right: 1rem; } .Frag_block:nth-child(odd) .Fragment_right { width: 25%; float: right; } .Frag_block img { width: 100%; } } /* banner timer */ .innerpage-banner-countdown { left: 2.7%; top: 25.6%; position: absolute; color: #fff; text-align: center; /* display: none; */ } .innerpage-banner-countdown .time-box { /* border: 2px solid #000 !important; */ border-radius: 10px; width: 40px; height: 40px; overflow: visible; background-color: #2d2e30; box-shadow: 0 0 0 6px #ffffff00; border: none; margin: 0 4px; line-height: 0.2; position: relative; /* border: 3px solid #ddd9d0; */ float: left; } .innerpage-banner-countdown .time-box .time-countdown { color: #fff; font-size: 22px; transform: translateY(5px); display: block; background: 0 0; line-height: 31px; font-weight: 700; } .innerpage-banner-countdown .time-box .time-countdown-label { color: #000000; text-transform: uppercase; font-weight: 700; transform: translate(-8px, 20px); font-size: 11px; letter-spacing: 0; text-align: center; width: 55px; padding: 0px 0 0px; border-radius: 0 0 13px 13px; background: 0 0; display: block; } .innerpage-banner-countdown .time-ends-in { display: none; } .innerpage-banner-countdown .time-separator { display: none; font-size: 2.3rem; } /* /banner timer */ .BtucalcDiv + p { margin-top: 8px; } /* filterbar responsive */ @media (min-width: 992px) { .blog-list > .col-xl-3 { max-width: 33.33%; width: 33.33%; flex: 33.33%; } div.section-page-category > .col-xl-3.col-lg-3 { width: 20% !important; flex: 20% !important; max-width: 20% !important; } } @media (max-width: 767px) { body.deal-of-the-week-body div#product-listings-container .col-6 { flex: 0 0 100%; max-width: 100%; } body .mobile-product-filter, body select.sorting-dropdown { border-radius: 6px !important; border: none !important; background-color: #263a5f !important; color: #fff !important; height: 100%; display: block; font-size: 0.875rem; font-weight: 500; padding: 0.5rem; } .section-sorting-product-header .sortingHTML { display: none !important; } .mobile-product-filter .hnp-menu-icon { position: relative; right: 0; float: right; top: 0.1875rem; font-size: 1.1rem; } body select.sorting-dropdown { background-color: #263a5f !important; border: 2px solid #263a5f !important; margin-left: 7px; margin-right: 0 !important; background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 100% 50%; outline-width: 0; height: 40px; font-size: 0.875rem; padding: 4px 8px; } select.form-control:not([size]):not([multiple]) { -webkit-appearance: none; } .card-header.filter-header { background-color: #c6294c; color: #fff; padding: 0.3125rem 0.5rem; } .filter-header .filter-header-label { color: #fff; font-weight: 500; } div#productFilterBy { max-width: 100%; } .section-sorting-product-header { border: none; margin-top: 10px; } .product-ref.flex-fill.small.font-weight-bold { width: 100%; } .product-rating.flex-fill.text-right { text-align: left !important; } .mobile-section-page-heading h1 { font-size: 1.25rem; color: #253960; font-weight: 600; } .subcategory-product .subcategory-product-title { color: #fff; background-color: #253960; font-size: 0.75rem; line-height: 1rem; max-height: 50px; min-height: 50px; overflow: hidden; padding: 0 0.325rem; } .custom-breadcrumb { display: none; } div#wrapper { padding-top: 50px; } .page-heading.collapse:not(.show) { height: 100% !important; } .section-category div span { font-size: 0.7rem; line-height: 1.4; display: inline-block; } .innerpage-banner-wrapper a { padding-top: 12.1%; } .mobile-section-page-category .col-6:nth-child(odd) { padding-right: 0.3125rem; } .mobile-section-page-category .col-6:nth-child(even) { padding-left: 0.3125rem; } .mobile-product-filter i { position: relative; right: 0; float: right; top: -0.3125rem; line-height: 1; font-size: 1.7rem; } .filter-header .filter-title .filter-header-label:before { background-color: #fff; /* margin-right: 0px; */ } .filter-box .filter-header .filter-title .filter-header-label.collapsed:before { background-color: transparent; } .filter-box { margin-bottom: 0px; } .slider-content.pt-2.pb-2 { justify-content: flex-start; } .section-category { width: calc(33.33% - 10px) !important; padding: 0; } .category-icon { position: relative; padding-top: 100%; overflow: hidden; } .category-icon img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: contain; } .section-category a { display: block; padding: 3px 10px; } .mobBtucalcDiv { width: auto; float: none; border-radius: 5px; overflow: hidden; height: 40px; background-color: #fff; border: 1px solid #f1f1f1; display: inline-block; position: relative; top: -0.2125rem; } .mobBtucalcDiv .OrangeBtu { width: 40px; background-color: #e28129; float: left; height: 40px; text-align: cente; } .mobBtucalcDiv .OrangeBtu img { width: 85%; margin: 6% 12%; text-align: center; display: block; } .mobBtucalcDiv .BtuCalcRight { width: auto; float: left; padding: 0.625rem 0.3125rem; height: 100%; } .mobBtucalcDiv .BtuCalcRight h5 { font-size: 0.875rem; color: #5c5c5c; font-weight: 600; margin-bottom: 0; } .mobBtucalcDiv .BtuCalcRight h5 span { display: none; font-size: 10px; font-weight: 400; } .BtucalcDiv .OrangeBtu img { width: 100%; max-width: 35px; } /* btu-calculator */ .write-review-popup .modal-content, .customer-review-popup .modal-content, .modal-addto-basket .modal-content, .btu-calculator .modal-content, .save-my-basket-popup .modal-content { top: 0; height: 100vh; overflow-y: auto; overflow-x: hidden; position: absolute !important; z-index: 999; border-radius: 0; } .btu-calculator .btu-calculator-header { padding: 0.5rem; border-radius: 0; top: 0; left: 0; width: 100%; z-index: 9; } .btu-calculator .btu-calculator-header .btu-calculator-header-icon { width: 3rem; height: 3rem; } .btu-calculator .btu-calculator-header .page-heading { font-size: 1.1rem; } .btu-calculator .btu-calculator-header p { font-size: 0.625rem; } .btu-calculator .btu-calculator-header .btu-calculator-label { padding: 0.3125rem 1rem; font-weight: 500; text-align: center; width: 70%; left: 15%; } .btu-calculator .btu-calculator-header .close { top: 1rem; right: 1rem; width: 2.5rem; height: 2.5rem; background-color: #000; border-radius: 0; font-weight: 400; text-shadow: none; color: #fff; } .btu-calculator .modal-body { overflow-y: auto; } .btu-calculator .modal-body .form-group { margin-bottom: 0; } .btu-calculator .modal-body .form-group .col-form-label { font-size: 0.875rem; } .btu-calculator .modal-footer { border: 0 !important; padding: 0; } .btu-calculator .modal-footer .form-group { border-radius: 0; } .btu-calculator .modal-footer .form-group label { width: 100%; text-align: center; } .btu-calculator .modal-footer .applyBtuFilter { border-radius: 0; margin-bottom: 1rem; } .btu-calculator .modal-footer .col-6:nth-child(2) { padding-left: 0; } .btu-calculator .modal-footer .col-6:nth-child(1) { padding-right: 0; } .sortingHTML select { height: 100% !important; } .sortingHTML { height: 100% !important; } .section-sorting-product-header .totalItemsCount { justify-content: center !important; } .BtucalcDiv .OrangeBtu { width: 2.65rem; height: 3rem; } .BtucalcDiv { position: initial; margin: 5px 0 15px; height: 3rem; max-width: 180px; } .BtucalcDiv a{ display: flex; align-items: center; } .BtucalcDiv .BtuCalcRight h5 { font-size: 0.9rem; } .BtucalcDiv .BtuCalcRight h5 span{ display: none; } .BtucalcDiv .BtuCalcRight { padding: 7px 8px; } .section-page-description{ order: 2; } body .section-page-description #collapseExample{ height: auto; } .cntnt-btncover { display: none; } body .page-content h3 , .page-content h3 > b, .page-content h3 > strong, .section-product-brand p { font-size: 1.5rem; } } @media (max-width: 991px) { .page-content .innerpage-banner-wrapper a { padding-top: 12.1%; display: block; position: relative; overflow: hidden; } .page-content .innerpage-banner-wrapper a img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: contain; } } .section-page-description .collapse:not(.show) { height: 80px; overflow: hidden; display: block; } .section-page-description .collapsing { min-height: 80px; } /* section box new design */ .section-btn-style { display: flex; flex-wrap: wrap; } .section-btn-style .section-category { width: max-content; margin: 0; } .section-btn-style .section-category a div { padding: 0 15px !important; background-color: #fff; display: flex; align-items: center; justify-content: center; min-height: 40px; max-height: 40px; width: max-content; border-radius: 10px; color: #253960 !important; font-weight: 600; font-size: 0.8rem; border: 1px solid #adadad; box-shadow: 3px 2px 8px #c9c9c9; } .section-btn-style .section-category a div span { width: 100%; max-width: 100%; } .section-btn-style .section-category a div p svg { width: 27px; height: 27px; } .section-btn-style .section-category a div p { margin: 0; width: 32px; min-width: 32px; height: 30px; display: flex; align-items: center; justify-content: center; background: #c6294c; color: #ffff; border-radius: 4px; margin-left: 10px; } .section-btn-style .section-category a div:hover { color: #c6294c !important; } @media (max-width: 1040px) { .section-btn-style .section-category a div { font-size: 13px; } .section-btn-style .section-category a div p { width: 31px; height: 30px; min-width: 30px; } } @media (max-width: 991px) { .section-btn-style .section-category a div { font-size: 14.5px; } } @media (max-width: 767px) { .section-btn-style .section-category { width: 100% !important; margin: 0; white-space: nowrap; } body .all-categorys-box { max-height: 70px; overflow: auto; } .section-btn-style .section-category a div { font-size: 13px; width: 100%; justify-content: space-between; text-align: left !important; } .section-btn-style .section-category a div p { width: 31px; height: 29px; min-width: 31px; } .section-btn-style .section-category a { padding: 3px 0 !important; } body .section-btn-style { display: flex; flex-wrap: nowrap; overflow-y: auto; gap: 10px; } } .all-categorys-box { max-height: 110px; overflow: auto; } @media (min-width: 1200px){ body #productFilterBy { min-width: 25%; } }