.banner-section { width: auto; height: auto; } .banner-section img, .products-section .wc-block-grid__product-image img { width: 100%; } .banner-section-content h1,.products-section h2 { font-weight: 700; } .banner-section-content h1,.banner-section-content .banner-btn a,.service-section p,.products-section h2,.categories-section p { font-family: 'Roboto'; } .banner-btn a { color: #fff !important; padding: 10px; border: 2px #fff solid; font-weight: 600; text-decoration: none; } .categories-section .category { background: #000; padding: 16px; } .categories-section .category:before { content: "\f0c9"; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #fff; margin-right: 8px; } .categories-section ul { padding: 0px !important; } .categories-section ul li a,.products-section ul li a { text-decoration: none !important; } .categories-section { box-shadow: 0px 4px 4px rgb(0 0 0 / 30%); } .service-section.wp-block-columns { gap: 0em !important; } .service-section p { font-weight: 600; } .service-box { padding: 16px; } .products-section { border: 2px solid #f1f1f1; } .products-section .wc-block-grid__product-title { font-size: 18px !important; font-weight: 500; } .products-section a.wp-block-button__link, .products-section .added_to_cart { background-color: #E22626; color: #fff !important; border: #E22626; padding: 5px 10px !important; font-size: 14px !important; } .products-section a.wp-block-button__link:hover { background: #202020 !important; } .products-section span.woocommerce-Price-amount.amount { font-size: 16px; font-weight: 600; } .products-section li.wc-block-grid__product { max-width: 22% !important; margin: 0 16px; background: #f5f5f5; } .products-section li.wc-block-grid__product { border-left: 0px !important; border-right: 0px !important; } .products-section .wc-block-grid__product-onsale { background: #e22626; color: #fff; border: 0; border-radius: 50%; padding: 10px; position: absolute; top: 0; right: 0; } .products-section .added_to_cart{ border-radius: 50px; font-weight: 600; text-transform: uppercase; padding: 8px 10px !important; margin: 10px; } @media screen and (max-width: 767px) { .products-section li.wc-block-grid__product { max-width: 100% !important; margin: 0px 0px 20px 0px !important; } } @media screen and (max-width: 991px) and (min-width: 768px) { .banner-category-section.wp-block-columns, .banner-category-section .service-section.wp-block-columns { flex-wrap: nowrap !important; } .products-section a.wp-block-button__link{ margin-bottom: 10px; } .wp-block-columns:not(.is-not-stacked-on-mobile)>.categories-section { flex-basis: 47% !important; } .products-section ul.wc-block-grid__products{ display: grid; grid-template-columns: auto auto; } .products-section li.wc-block-grid__product { max-width: 100% !important; margin: 10px !important; } } @media screen and (max-width: 1439px) and (min-width: 993px) { .products-section li.wc-block-grid__product { max-width: 23% !important; margin: 0 7px !important; } }