/*RTL CSS*/ .services-section h3.main-ser-title { display: inline-block; border-right: 2px solid var(--wp--preset--color--primary); border-left: 2px solid var(--wp--preset--color--primary); padding: 0px 15px; } .banner-main-heading span{ color: var(--wp--preset--color--primary); } .raitng-box { gap:10px; } .banner-image img{ width: 100%; } .slider-main{ position: relative; } .banner-content-box{ position: absolute; top: 50%; right: 0; left: 0; transform: translateY(-50%); } .service-heading{ text-align: center; } .content-service{ box-shadow: 0px 4px 4px 0px #00000040; } .product-main-box .main-image img{ vertical-align: bottom !important; } .head-search-box ul li a span:hover{ color: var(--wp--preset--color--primary); } .head-search-box ul li a:hover{ text-decoration: none; } .product-main-box .main-image img{ width: 100%; } .social-icon { gap: 0px; } .head-menu-box{ border-bottom: 2px solid #ffffff; } .home .head-menu-box{ border-bottom: 0; } .social-icon li{ background-color:transparent !important; } .social-icon li a svg{ height: 20px !important; width: 20px !important; } .wlfmc-counter-wrapper{ width: auto; } .banner-text4 { padding: 20px; left: 0; right: 0px; width: 20%; top: 9% !important; } .banner-area{ gap:0px; } .blue-bg,.banner-area-text-box{ position: relative; } .blue-bg img,.banner-area-text-box img { width: 100%; height: 100%; vertical-align: middle !important; } .left-product-box { border-radius: 0px 18px 18px 0px; } .temp-box h2 span { color: #EA1044; } .button-right{ gap:10px; } .temp-box h2 span.celcious { color: #2A2A2C; vertical-align: super; font-size: 13px; } .head-menu-box ul li a:hover { background: #000; padding: 15px; } .head-menu-box ul li a { padding: 15px; } .banner-text1, .banner-text2, .banner-text3, .banner-text4 { display: inline-block; padding: 10px 30px; backdrop-filter: blur(10px); background: rgba(255, 255, 255, .4); position: absolute; top: 13%; border-radius: 10px; left: 30%; } .banner-text3 { top: auto; right: 20%; left: 0; width: 20%; bottom: 3%; padding: 20px 10px; } .banner-text2 { top: auto; bottom: 5%; left: 7%; padding: 15px 25px; } .head-search-box .wc-block-product-categories select { background: transparent; border: none; color: #000; font-size: 14px; font-weight: 400; margin-left: 0; text-transform: capitalize; font-family: "Figtree", sans-serif; padding: 5px 0; } .header-middle-box .wc-block-product-categories__button { cursor: pointer; } .head-search-box .wc-block-product-categories__button { background: #f5f5f5; border: none; padding: 5px; } .head-search-box .wp-block-search__inside-wrapper, .head-search-box input[type="search"]{ border:none; padding-bottom: 0; padding-top: 0; } .head-search-box .wp-block-search__button{ padding: 0; } .head-search-box input::placeholder{ font-family: "Figtree", sans-serif; font-size: 14px; color: #2A2A2C; font-weight: 400; } .head-search-box svg.search-icon{ rotate: 260deg; } .head-search-box .wc-block-product-categories__button{ background: #f5f5f5; border: none; padding: 5px; } .head-search-box .wc-block-product-categories.is-dropdown{ gap: 5px; } .head-search-box .wc-block-product-categories select{ background: transparent; border: none; color: #000; font-size: 14px; font-weight: 400; margin-left: 0; text-transform: capitalize; font-family: "Figtree", sans-serif; padding: 5px 0; } .head-search-box svg.dashicon.dashicons-arrow-right-alt2 { height: 15px; width: 13px; color: #000; } .translator-box .gt_selector{ background: transparent !important; border: none !important; color: #ffffff; padding-right: 5px; width: 95px; text-transform: uppercase; } .translator-box .gtranslate_wrapper{ position: relative; } .translator-box .gt_selector option{ color: #000000; } .chosen-container-single .chosen-single { background: transparent !important; color: #fff !important; border: 0px !important; box-shadow: none !important; } form.woocommerce-currency-switcher-form.woocs_show_flags { height: 30px; } .woocommerce-currency-switcher-form.woocs_show_flags br{ display: none; } .left-product-box h3:after { display: inline-block; content: ""; border-top: 5px solid #ea1044; width: 8%; margin: -4px 20px; transform: translateY(-10px); } .left-product-box h3{ position: relative; } .wp-block-image img{ vertical-align: unset; } .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li a { color: #000; } .wp-site-blocks{ padding: 0 !important; } footer.wp-block-template-part { margin-top: 0; } .comment-respond.wp-block-post-comments-form.wp-block-post-comments-form input[type=submit]{ color: #fff; } .sidebar-box .wp-block-search__button svg{ fill: #fff; } @media screen and (min-width: 320px) and (max-width: 599px) { span.wp-block-navigation-item__label { color: #ffffff; } .head-search-box ul li a span:hover{ color: #31313b; } .banner-main-heading { text-align: center; font-size: 19px !important; } .banner-main-text{ text-align: center; } .banner-btn-box{ justify-content: center !important; display: flex; } .banner-content .wp-block-buttons{ justify-content: center; } } @media screen and (min-width: 320px) and (max-width: 781px) { .slider-banner{ text-align: center; } .banner-image img{ height: 400px; } .banner-main-text{ text-align: center; } .head-search-box nav,.header-icon-box ,.head-icons .wp-block-buttons,.head-search-box ul{ justify-content: center; } .banner-main-heading { text-align: center; font-size: 19px !important; } .banner-btn-box{ justify-content: center !important; display: flex; } .banner-content .wp-block-buttons{ justify-content: center; } .shortcode-box{ justify-content: center !important; } .head-search-box .wc-block-product-categories.is-dropdown{ justify-content: center; } .head-logo-box{ text-align: center; } .search-inner{ border-right: 0px; padding-right: 0px !important; margin-top: 10px !important; } .head-menu-box ul{ justify-content: center; } .header-icon-box{ gap:8px; } .banner-text1 { right: 12px; } .banner-text3{ width: 47%; right: 4%; } .product-main-box{ padding-left: 0px !important; } .left-product-box { border-radius: 18px 18px 0px 0px; text-align: center; } .product-main-box h3,.product-main-box p{ text-align: center; } .deal-main-box{ border: 0px; } .deals-btn{ justify-content: center; } .banner-text4 { width: 46%; top: 9% !important; right: 10px; } .banner-text1, .banner-text2, .banner-text3, .banner-text4{ position: relative; } .banner-text2 { left: -3%; padding: 15px 20px; } .head-menu-box nav{ justify-content: center !important; } .left-bg-image{ display: none; } .banner-area-text-box{ text-align: center !important; } .raitng-box,.cart-btn{ justify-content: center !important; } .meta-row{ gap:10px; } .banner-content{ padding: 0px 0px !important; right: 0px; line-height: 30px; } .icon-box figure{ margin-right: 0em !important; } .icon-box { display: flex; justify-content: center; right: 0px; left: 0px; margin:0 auto; } .button-right{ text-align: center !important; justify-content: center !important; } .dummy-box { justify-content: center; display: flex; } .top-text-box p{ text-align: center !important; } .slider-banner .wp-block-buttons { justify-content: center; } .banner-box-1 .box-1row { gap: 10px; align-items: center !important; display: flex !important; width: 100%; flex-direction: column !important; } .banner-box-1 .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{ flex-basis: 50% !important; } .banner-box-2 .wp-block-column.is-vertically-aligned-center{ flex-basis: 45% !important; } } @media screen and (min-width: 782px) and (max-width: 1200px) { .left-bg-image{ display: none; } .banner-content-box { position: absolute; top: 50%; right: 5%; left: 5%; transform: translateY(-50%); } .footer-column { display: grid !important; grid-template-columns: auto auto !important; } .banner-content{ padding: 0px 0px !important; right: 0px; line-height: 30px; } .slider-main{ min-height: 550px !important; } .banner-image{ flex-basis: 50% !important; } .banner-area{ position: relative; } .top-header-box { gap: 5px; padding: 0px 10px !important; max-width: 100%; } .social-row { gap:5px; } .dummy-box{ flex-basis: 28% !important; } .banner-main-heading{ font-size: 20px !important; } .banner-btn-box a{ padding-left: 10px !important; padding-right: 15px !important } .cart-btn{ justify-content: center; } .blue-bg img.wp-image-51 { height: 450px; object-fit: cover; } .banner-text4 { width: 40%; } .banner-text1, .banner-text2, .banner-text3, .banner-text4 { left: 6%; } .deal-main-box{ max-width: 95% !important; } .left-product-box p{ margin-top: 10px !important; } .theme-btn{ font-size: 12px !important; } .theme-btn a{ padding-left: 8px !important; padding-right: 8px !important; } .raitng-box{ display: block !important; text-align: center; } .banner-text3 { right: 8%; width: 35%; } .banner-btn-box{ flex-basis: 72% !important; } .middle-header-column{ max-width: 100%; gap: 5px; padding: 0px 10px !important; } .top-text-box{ flex-basis: 42% !important; } .translator-box{ flex-basis: 30% !important; } } @media screen and (min-width: 1201px) and (max-width: 1500px) { .meta-small{ flex-basis: 80% !important; } } @media screen and (min-width: 320px) and (max-width: 800px) { .admin-bar .wp-block-navigation__responsive-container-close { color: #ffffff; top:15px; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{ justify-content: center !important; } } @media screen and (min-width: 601px) and (max-width: 781px) { .product-main { display: grid !important; grid-template-columns: auto auto !important; } } .wc-block-mini-cart.wp-block-woocommerce-mini-cart,.wp-block-woocommerce-customer-account { display: none; }