html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } main { display: block; } hr { box-sizing: content-box; height: 0; overflow: visible; } .page-template-full-width .entry-content { margin-top: 0; } pre { font-family: monospace, monospace; font-size: 1em; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } .wp-element-button, .wp-block-button__link, a.wp-block-post-excerpt__more-link { transition: all 0.3s; } a:hover{ color: var(--wp--preset--color--primary); } .wp-element-button:hover, .wp-block-button__link:hover, a.wp-block-post-excerpt__more-link:hover, .woocommerce-page .wc-block-components-product-button .added_to_cart.wc_forward:hover { background-color: var(--wp--preset--color--secondary) !important; border-color: var(--wp--preset--color--secondary) !important; color: var(--wp--preset--color--base) !important; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: 2px; outline: 2px solid #000; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } footer.wp-block-template-part { margin: 0; } .orderby { padding: 15px; } div#sticky-header { z-index: 91 !important; } /* -------------- pagination start----------------*/ .page-numbers { background: var(--wp--preset--color--primary); margin: 0 0 5px 5px; padding: 6px 13px; border-radius: 6px; font-size: 12px; display: inline-block; color: var(--wp--preset--color--white); } .page-numbers:hover { color: var(--wp--preset--color--white); } .page-numbers.dots { background-color: transparent; } .wp-block-query-pagination { gap: 10px; } /* -------------- pagination End----------------*/ /* -------------- woocommerce-breadcrumb ----------------*/ .woocommerce .woocommerce-breadcrumb{ text-align: center; } .woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a { color: var(--wp--preset--color--link-color); } /* -------------- woocommerce-breadcrumb end----------------*/ /* -------------- Menus ----------------*/ .wp-block-navigation-item__content { padding-bottom: 3px; text-decoration: none; position: relative; overflow: hidden; } .wp-block-navigation-submenu li a:hover::before { left: 50%; } /* -------------- Menus ENd----------------*/ .wp-block-archives-list.wp-block-archives li::before, .wp-block-categories-list.wp-block-categories li::before, .taxonomy-category a::before { font-family: "Font Awesome 5 Free"; content: "\f054"; margin-left: 8px; font-weight: 600; font-size: 14px; } .wp-block-archives-list.wp-block-archives li, .wp-block-categories-list.wp-block-categories li { list-style-type: none; } .wp-block-archives-list.wp-block-archives, .wp-block-categories-list.wp-block-categories, .taxonomy-category a { padding-right: 10px; } .wp-block-tag-cloud a.tag-cloud-link { font-size: 16px !important; } .tag-cloud-link::before, .taxonomy-post_tag a:before { font-family: "Font Awesome 5 Free"; content: '\f02b'; font-weight: 600; margin-left: 8px; } .tag-cloud-link, .taxonomy-post_tag a { text-decoration: none; background: var(--wp--preset--color--primary); margin: 0 0 5px 5px; padding: 5px 10px; border-radius: 6px; font-size: 12px; display: inline-block; color: var(--wp--preset--color--base); text-decoration: none; } .tag-cloud-link:hover, .taxonomy-post_tag a:hover{ background: var(--wp--preset--color--secondary); color: var(--wp--preset--color--base); } .products-block-post-template li { box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .column-has-radius { border-radius: 8px; } .has-bg-image { background: #fff; border-radius: 100px; height: 100px; width: 100px; padding: 30px; display: flex; align-items: center; justify-content: center; } footer .has-arrow ul { padding: 0; } footer .has-arrow ul li:before { content: "\f345"; font-family: 'dashicons'; position: absolute; right: 0; top: 2px; font-size: 12px; } footer .has-arrow ul li { list-style: none; padding-right: 15px; position: relative; } a.wp-block-post-excerpt__more-link { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--base); text-decoration: none; font-size: 14px; padding: 8px 20px; border-radius: 5px; font-weight: 500; position: relative; } .wc-block-components-product-sale-badge.wc-block-components-product-sale-badge--align-right.wc-block-grid__product-onsale { background: #cf0000; border: none; color: #fff; font-size: 12px; } @media (max-width: 720px) { .no-border-mobile, .no-border-mobile .wp-block-column { border: none !important; } } /* blog page style */ .wp-block-post-author__name::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f007"; padding-left: 8px; } .wp-block-post-date time::before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f073"; padding-left: 8px; } .wp-block-read-more-is-layout-flow::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f061"; padding-right: 8px; } .wp-block-read-more-is-layout-flow:hover::after { padding-right: 10px; transition: color 0.10s ease; } a.wp-block-post-author-name__link:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f007"; padding-left: 8px; } .wp-block-cover { z-index: 1; } /* blog page style */ .sidebar a { text-decoration: none; } .wp-block-image img{ vertical-align: middle; } /* responsive style */ @media (max-width: 768px) { .brands{ padding-top: 20px !important; } .header-info-wrapper{ display: none !important; } .r-blog-spacing{ margin-top: 40px !important; margin-bottom: 40px !important; } } /* animal-clinic styles */ .has-no-underline a{ text-decoration: none; } .form-submit input.wp-block-button__link.wp-element-button{ border: none; } header a { text-decoration: none; } .single-post .single-post-meta{ gap: 10px 20px; } .single-post .single-post-meta .single-post-comment-box{ position: relative; padding-right: 22px; } .single-post .single-post-meta .single-post-comment-box:before{ content: "\f075"; position: absolute; color: var(--wp--preset--color--contrast); font-size: 15px; top: 50%; right: 0; transform: translateY(-50%); font-family: 'Font Awesome 7 Free'; font-weight: 900; } /* No Result */ .search.search-no-results .wp-block-query-no-results{ margin: 0; padding: 0; } .search.search-no-results .wp-block-query-no-results .wp-block-search__label{ font-size: 18px; font-weight: 600; } .search.search-no-results .wp-block-query-no-results .wp-block-search__inside-wrapper{ margin-top: 12px; } /* Header */ .main-header .header-menu-box nav .wp-block-navigation-item a:hover{ color: var(--wp--preset--color--primary); } .main-header .header-menu-box nav li.has-child.wp-block-navigation-submenu ul.wp-block-navigation-submenu a:hover{ color: var(--wp--preset--color--base); } .main-header .header-menu-box nav .wp-block-navigation-item.has-child .wp-block-navigation-submenu .wp-block-navigation-item a:hover{ background-color: var(--wp--preset--color--primary); } .main-header .header-menu-box .wp-block-button a{ min-width: 100px; } /* Banner Section */ .banner-section .wp-block-cover__inner-container{ padding: 0; } .banner-section .banner-right-box .banner-img-bg{ width: fit-content; margin: 0 auto; } .banner-section .banner-right-box .banner-img-bg{ height: 420px; aspect-ratio: 1; display: flex; align-items: center; justify-content: flex-start; } .banner-section .banner-right-box .banner-img-bg .banner-img{ margin-right: 0 !important; } .banner-section .banner-right-box .banner-img-bg .banner-img, .banner-section .banner-right-box .bnr-box1, .banner-section .banner-right-box .bnr-box2, .banner-section .banner-right-box .bnr-btm-box, .blog-section .blog-box .blog-img img{ transition: 1s; } .banner-section .banner-right-box .banner-img-bg .banner-img:hover{ transform: scale(1.06); } .banner-section .banner-right-box .bnr-box1:hover, .banner-section .banner-right-box .bnr-box2:hover, .banner-section .banner-right-box .bnr-btm-box:hover{ box-shadow: 0px 0px 6px 0px #000000bd; } .banner-section .banner-right-box{ position: relative; } .banner-section .banner-right-box .bnr-box1, .banner-section .banner-right-box .bnr-box2{ box-shadow: 0px 4px 4.7px 0px #00000038; position: absolute; } .banner-section .banner-right-box .bnr-box1{ top: 36%; left: 25px; transform: translateY(-50%); width: 230px; } .banner-section .banner-right-box .bnr-box2{ bottom: 40%; left: 0px; transform: translateY(50%); width: 200px; } .banner-section .banner-right-box .bnr-box1 i, .banner-section .banner-right-box .bnr-box2 i{ color: var(--wp--preset--color--primary-light); background-color: var(--wp--preset--color--secondary); font-size: 20px; height: 40px; width: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .banner-section .banner-right-box .bnr-btm-box{ width: fit-content; margin: -65px auto 20px; z-index: 1; position: relative; } .banner-section .banner-right-box .bnr-btm-box .bnr-btm-img img{ width: 100% !important; object-fit: cover; box-shadow: 0px 4px 4px 0px #00000036; } /* Our Doctors Section*/ .our-doctors-section .doctors-sec-head-box .doctors-icon-box, .blog-section .blog-sec-head-box .blog-icon-box{ text-align: center; position: relative; width: fit-content; } .our-doctors-section .doctors-sec-head-box .doctors-icon-box i, .blog-section .blog-sec-head-box .blog-icon-box i{ color: var(--wp--preset--color--secondary); font-size: 32px; } .our-doctors-section .doctors-sec-head-box .doctors-icon-box:before, .our-doctors-section .doctors-sec-head-box .doctors-icon-box:after, .blog-section .blog-sec-head-box .blog-icon-box:before, .blog-section .blog-sec-head-box .blog-icon-box:after{ content: ''; position: absolute; height: 2px; width: 45px; background-color: var(--wp--preset--color--secondary); top: 50%; transform: translateY(-50%); } .our-doctors-section .doctors-sec-head-box .doctors-icon-box:before, .blog-section .blog-sec-head-box .blog-icon-box:before{ left: -50px; } .our-doctors-section .doctors-sec-head-box .doctors-icon-box:after, .blog-section .blog-sec-head-box .blog-icon-box:after{ right: -50px; } .our-doctors-section .doctor-info-box .doctor-img img{ width: 100% !important; object-fit: cover; transition: 1s; } .our-doctors-section .doctor-info-box, .our-doctors-section .doctor-info-box .doctor-content{ position: relative; } .our-doctors-section .doctor-info-box:after, .our-doctors-section .doctor-info-box .doctor-content:after{ content: ''; position: absolute; width: 100%; right: 0; bottom: 0; background-color: transparent; transition: 1s; height: 100%; } .our-doctors-section .doctor-info-box:after{ border-bottom: 10px solid var(--wp--preset--color--secondary); } .our-doctors-section .doctor-info-box:hover .doctor-content{ padding-bottom: 8px !important; } .our-doctors-section .doctor-info-box:hover .wp-block-cover{ position: relative; } .our-doctors-section .doctor-info-box:hover .wp-block-cover:after{ content: ''; position: absolute; height: 100%; width: 100%; background-color: var(--wp--preset--color--contrast); opacity: 0.2; top: 0; right: 0; } .our-doctors-section .doctor-info-box:hover:after, .our-doctors-section .doctor-info-box:hover .doctor-content:after{ bottom: auto; top: 0; background-color: var(--wp--preset--color--secondary); } .our-doctors-section .doctor-info-box:hover .doctor-content:after{ z-index: 1; } .our-doctors-section .doctor-info-box:hover .doctor-content .doctor-name, .our-doctors-section .doctor-info-box:hover .doctor-content .doctor-designation{ color: var(--wp--preset--color--base) !important; position: relative; z-index: 2; } .our-doctors-section .doctor-info-box .doctor-desc, .our-doctors-section .doctor-info-box .doctor-social{ display: none; } .our-doctors-section .doctor-info-box:hover .doctor-desc, .our-doctors-section .doctor-info-box:hover .doctor-social{ display: block; position: relative; z-index: 2; text-align: center; } .our-doctors-section .doctor-info-box:hover .doctor-img img{ height: 230px !important; } .our-doctors-section .doctor-info-box .doctor-social li{ font-size: 30px; } .our-doctors-section .doctors-info-boxes .owl-nav button, .blog-section .blog-boxes .owl-nav button{ position: absolute; top: 50%; transform: translateY(-50%); background-color: var(--wp--preset--color--secondary); border: none; color: var(--wp--preset--color--base); border-radius: 50%; height: 48px; width: 48px; font-size: 20px; } .our-doctors-section .doctors-info-boxes .owl-nav button.owl-prev, .blog-section .blog-boxes .owl-nav button.owl-prev{ right: -22px; } .our-doctors-section .doctors-info-boxes .owl-nav button.owl-next, .blog-section .blog-boxes .owl-nav button.owl-next{ left: -22px; } .our-doctors-section .doctors-info-boxes .owl-nav button:hover, .blog-section .blog-boxes .owl-nav button:hover{ background-color: var(--wp--preset--color--primary); } /* Counter Section */ .counter-section .counter-img-box img{ width: 100% !important; object-fit: cover; object-position: top; transition: 1s; } .counter-section .counter-img-box figure{ overflow: hidden; } .counter-section .counter-img-box:hover img{ transform: scale(1.05); } .counter-section .counter-main-box .counter-in, .counter-section .counter-main-box .counter-sub-box{ height: 100%; } .counter-section .counter-main-box .counter-box{ transition: 1s; width: auto; } .counter-section .counter-main-box .counter-box i{ color: var(--wp--preset--color--primary-light); width: 100%; font-size: 55px; } .counter-section .counter-main-box .counter-box:hover{ background-color: var(--wp--preset--color--primary-light); } .counter-section .counter-main-box .counter-box:hover i{ color: var(--wp--preset--color--base); } .counter-section .counter-main-box .counter-box:hover .counter-num{ color: var(--wp--preset--color--base) !important; } .counter-section .counter-main-box{ position: relative; margin-top: 20px; } .counter-section .counter-main-box .counter-in{ position: absolute; right: -12%; left: 0; } .counter-section .counter-main-box .counter-sub-box{ position: relative; overflow: visible; } .counter-section .counter-main-box .counter-sub-box:before, .counter-section .counter-main-box .counter-sub-box:after{ content: ''; position: absolute; background-color: var(--wp--preset--color--primary-light); } .counter-section .counter-main-box .counter-sub-box:before{ width: 10px; height: 100%; bottom: -10px; right: -20px; } .counter-section .counter-main-box .counter-sub-box:after{ height: 10px; width: calc(100% + 20px); bottom: -10px; left: -10px; } /* Blog Section */ .blog-section .blog-box .blog-img{ overflow: hidden; border-radius: 5px; } .blog-section .blog-box:hover .blog-img img{ transform: scale(1.06); } .blog-section .blog-box:hover .blog-info-content .blog-title a{ color: var(--wp--preset--color--primary) !important; } .blog-section .blog-box .blog-excerpt .wp-block-post-excerpt__more-text a:hover{ background-color: transparent !important; color: var(--wp--preset--color--primary) !important; } .blog-section .blog-box .wp-block-post-excerpt__more-text .wp-block-post-excerpt__more-link{ color: var(--wp--preset--color--primary-light); background-color: transparent; padding: 0; font-size: 16px; font-weight: 500; } .blog-section .blog-box .blog-right-box .blog-title a:hover{ color: var(--wp--preset--color--contrast); } /* Footer Section */ .gutentor-active i:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; font-style: normal; } .gutentor-active i.fa-solid.fa-phone{ transform: rotate(-90deg); } .footer-section em,.footer-section .footer-box2 h4 em,.footer-section .footer-box3 h4 em,.footer-section .footer-box3 ul li em,.footer-section .footer-box4 h4 em{ font-style: normal !important; } .footer-section a:hover{ color: var(--wp--preset--color--primary) !important; } .footer-section .footer-boxes .footer-phone a, .footer-section .footer-boxes .footer-mail a, .footer-section .footer-boxes .footer-location a, .footer-section .footer-box3 a, .footer-section .footer-box4 a{ text-decoration: none; } .footer-section .footer-boxes .footer-phone a, .footer-section .footer-boxes .footer-mail a, .footer-section .footer-boxes .footer-location a{ display: flex; } .footer-section .footer-boxes .footer-phone i, .footer-section .footer-boxes .footer-mail i, .footer-section .footer-boxes .footer-location i{ margin-left: 10px; font-size: 16px; display: block; } .footer-section .footer-box3 ul, .footer-section .footer-box4 ul{ list-style: none; padding-right: 0; } .footer-section .footer-social-box a{ font-size: 22px; gap: 12px; } /* Scroll to Top */ .scroll-top-btn { display: none; /* Initially hidden */ position: fixed; bottom: 20px; left: 20px; background: var(--wp--preset--color--primary); color: white; border: none; border-radius: 50% !important; cursor: pointer; z-index: 1000; transition: opacity 0.3s; } .scroll-top-btn .wp-block-button__link.wp-element-button{ border-radius: 50% !important; padding: 0!important; margin: 0 !important; } .scroll-top-btn .wp-block-button__link, .scroll-top-btn .wp-block-button__link:hover{ background-color: transparent !important; font-size: 20px; } .scroll-top-btn .wp-block-button__link i{ height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; color: var(--wp--preset--color--base); font-size: 30px; } /* Woocommerce */ .woocommerce-page .wc-block-product .wp-block-post-title a:hover{ color: var(--wp--preset--color--heading-color); } .single-post .comment-form .form-submit input.wp-block-button__link, .woocommerce-account .woocommerce-form-login .form-row .woocommerce-form-login__submit, .woocommerce-page .wc-block-components-product-button .added_to_cart.wc_forward, .single-product .woocommerce-notices-wrapper .wc-block-components-notice-banner__content a.wc-forward, .single-product .single_add_to_cart_button, .wc-block-checkout .wc-block-checkout__actions .wc-block-components-button, .wc-block-cart .wc-block-cart__sidebar .wc-block-cart__submit .wc-block-cart__submit-button, .wc-block-checkout .wc-block-checkout__sidebar .wc-block-components-totals-coupon .wc-block-components-totals-coupon__form .wc-block-components-button, .wc-block-cart .wc-block-cart__sidebar .wc-block-components-totals-coupon .wc-block-components-totals-coupon__form .wc-block-components-button{ background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--base); border-radius: 5px; padding: 10px 25px !important; text-decoration: none; font-weight: 600; } .single-product .wc-block-components-notice-banner{ align-items: center; } .single-product .woocommerce-notices-wrapper .wc-block-components-notice-banner__content{ display: flex; justify-content: space-between; align-items: center; } .single-product .wp-block-group.woocommerce.product{ margin-top: 0; } .single-product .wp-block-woocommerce-product-meta .wp-block-group{ flex-wrap: wrap; } .woocommerce-shop .products-box .add_to_cart_button span{ font-size: 15px; } .woocommerce-page .add_to_cart_button{ background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--base); border-radius: 5px; } .woocommerce-page .added_to_cart.wc_forward{ margin-top: 0; } .woocommerce-account .woocommerce{ margin: 0 auto; } .woocommerce-account .woocommerce .woocommerce-notices-wrapper + h2{ text-align: center; } .sidebar-boxes form.wp-block-search button.wp-block-search__button{ background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--base); border-radius: 5px; } /* Product Rating */ .single-product #reviews{ box-shadow: 0 0 6px 2px #b9b9b9; padding: 10px 20px 15px; } .single-product #reviews .comment-form-author label, .single-product #reviews .comment-form-author #author, .single-product #reviews .comment-form-email label, .single-product #reviews .comment-form-email #email{ display: block; margin: 0; } .single-product #reviews .comment-form-author #author, .single-product #reviews .comment-form-email #email{ width: -webkit-fill-available; padding: 10px; } .single-product #reviews .comment-form-cookies-consent{ padding: 10px 0; } .single-product #reviews .comment-form-cookies-consent{ display: flex; align-items: flex-start; gap: 10px; } .single-product #reviews .comment-form-cookies-consent input#wp-comment-cookies-consent{ margin-top: 6px; } /* My Account */ .woocommerce-account .woocommerce-MyAccount-navigation li{ background-color: var(--wp--preset--color--secondary); margin-bottom: 10px; padding: 10px !important; } .woocommerce-account .woocommerce-MyAccount-navigation li a{ color: var(--wp--preset--color--base); } /* Sidebar */ .sidebar-boxes ul.wp-block-latest-posts{ display: flex; flex-direction: column; gap: 15px; } .sidebar-boxes ul.wp-block-latest-posts .wp-block-latest-posts__post-title{ font-weight: 600; font-size: 16px; } .comment-box .wp-block-post-comments-form .comment-form-cookies-consent{ display: flex; align-items: flex-start; } .single-post .wp-block-column .wp-block-post-featured-image img.wp-post-image{ height: 300px; width: auto; } /* Media */ @media screen and (max-width: 991px){ .header-bottom .header-btm-middle .wp-block-navigation__responsive-container-open, .header-bottom .header-btm-middle .wp-block-navigation__responsive-container.is-menu-open{ display: block; } .header-bottom .header-btm-middle .wp-block-navigation__responsive-container{ display: none; } .header-bottom .header-btm-middle .wp-block-navigation__responsive-container-content a { padding: 12px 16px !important; } .header-bottom .header-btm-middle .wp-block-navigation__responsive-container-content ul.wp-block-navigation{ gap: 0; } .header-bottom .header-btm-middle ul.wp-block-navigation__submenu-container{ padding-top: 0 !important; } .header-bottom .header-btm-middle ul.wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu li{ padding-right: 30px; } .header-bottom .header-btm-middle ul.wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation-submenu li a:before{ content: '\f107'; font-weight: 900; font-family: "Font Awesome 5 Free"; position: absolute; right: 0; top: 22px; transform: translateY(-50%); color: var(--wp--preset--color--base-2); font-size: 12px; } .header-bottom .header-btm-middle nav ul a:hover{ color: var(--wp--preset--color--text-1); } } @media screen and (max-width: 500px){ .footer-section .footer-boxes .footer-location i{ margin-left: 0; } } @media screen and (min-width: 782px) and (max-width: 1199px){ .sidebar-boxes .wp-block-latest-posts__list .wp-block-latest-posts__featured-image{ float: none; } } @media screen and (min-width: 600px) and (max-width: 799px){ .related-poducts ul{ display: grid !important; grid-template-columns: auto auto; } .related-poducts ul li{ width: 100% !important; } } @media screen and (min-width: 800px) and (max-width: 991px){ .related-poducts ul{ display: grid !important; grid-template-columns: auto auto auto; } .related-poducts ul li{ width: 100% !important; } } @media screen and (max-width: 991px){ .wc-block-cart__sidebar .wc-block-components-totals-coupon__form .wc-block-components-button__text, .single-product .taxonomy-product_tag, .wc-block-cart__sidebar .wc-block-cart__submit .wc-block-cart__submit-button, .wc-block-checkout__actions .wc-block-checkout__actions_row button.wc-block-components-button, .woocommerce-shop .products-box .add_to_cart_button span,.single-product div.product form.cart div.quantity .qty, .single-product .taxonomy-product_cat, .single-product .single_add_to_cart_button, .related-poducts li .add_to_cart_button span, .woocommerce-page .wc-block-components-product-button .added_to_cart.wc_forward, .single-product #reviews .form-submit .submit.wp-block-button__link{ font-size: 15px; } .woocommerce-shop .products-box .wp-block-post-title a, .related-poducts li .wp-block-post-title a{ font-size: 18px; } .woocommerce-shop .products-box .wp-block-woocommerce-product-price ins bdi, .woocommerce-shop .products-box .wp-block-woocommerce-product-price del bdi, .related-poducts li .wp-block-woocommerce-product-price ins bdi, .related-poducts li .wp-block-woocommerce-product-price del bdi{ font-size: 16px; } } @media screen and (max-width: 767px){ .banner-section .banner-right-box .banner-img-bg{ margin: 60px auto; } .banner-section .banner-right-box .bnr-box1, .banner-section .banner-right-box .bnr-box2{ left: 50% !important; transform: translateX(-50%); } .banner-section .banner-right-box .bnr-box2{ bottom: 40% !important; } .banner-section .banner-right-box .bnr-box1{ top: 0px !important; } .main-header .header-bottom .header-logo-box{ text-align: center; } .main-header .header-bottom{ padding-bottom: 35px !important; } .banner-section .banner-left-box{ text-align: center; } .banner-section .banner-left-box .banner-btn { justify-content: center; } .banner-section .banner-left-box .banner-btm-box{ border: none; } .banner-section .banner-right-box .banner-img-bg{ height: 255px; } .banner-section .banner-right-box .banner-img-bg .banner-img img{ height: 225px !important; } .banner-section .banner-right-box .bnr-box1{ top: 28%; width: 175px; left: 0; } .banner-section .banner-right-box .bnr-box2{ bottom: 55%; width: 185px; } .banner-section .banner-right-box .bnr-btm-box{ margin-top: 0; } .counter-section .counter-img-box img{ height: 350px !important; } .counter-section .counter-main-box .counter-in{ position: unset; } .counter-section .counter-main-box .counter-box i{ font-size: 40px; } .post-type-archive-tribe_events .tec-block__archive-events .tribe-events-calendar-list-nav .tribe-events-c-nav__list-item--today{ display: none; } .footer-section .footer-box2 ul li, .footer-section .footer-boxes .footer-phone a, .footer-section .footer-boxes .footer-mail a, .footer-section .footer-boxes .footer-location a{ justify-content: center; } .footer-section .footer-boxes{ text-align: center; } .footer-section .footer-boxes li a, .footer-section .wp-block-social-links li .wp-block-social-link-label{ font-size: 14px !important; } .footer-section .wp-block-social-links li svg{ height: 24px; width: 24px; } .footer-section .wp-block-social-links li{ margin: 0 auto !important; } .footer-section .footer-box1{ padding-left: 0 !important; } .footer-section .footer-box2 nav ul, .footer-section .footer-box2 nav ul li{ width: 100%; } footer .input-field{ width: 80% !important; } } @media screen and (min-width: 729px) and (max-width: 991px){ .wc-block-checkout__sidebar .wc-block-components-order-summary-item{ flex-wrap: wrap; } .wc-block-checkout__sidebar .wc-block-components-order-summary-item__description{ padding: 0; } .wc-block-checkout__sidebar .wc-block-components-checkout-order-summary__content{ padding: 10px; } } @media screen and (min-width: 768px) and (max-width: 991px){ .banner-section .banner-right-box .bnr-box1 { width: 150px !important; } .banner-section .banner-right-box .bnr-box1 .bnr-box-text1, .banner-section .banner-right-box .bnr-box2 .bnr-box-text1{ font-size: 15px !important; } .banner-section .banner-right-box .bnr-box1 i, .banner-section .banner-right-box .bnr-box2 i{ font-size: 17px; height: 32px; width: 32px; } .banner-section .banner-right-box .bnr-box1 .bnr-in-box{ gap: 5px; } .main-header .header-bottom .header-btm-middle, .banner-section .banner-boxes, .banner-section .bnr-btm-boxes, .counter-section .counter-sec-boxes{ flex-wrap: nowrap !important; } .banner-section{ min-height: 580px !important; } .banner-section .banner-left-box .banner-title{ font-size: 32px !important; } .banner-section .banner-left-box .banner-para{ font-size: 13px !important; } .banner-section .banner-right-box .banner-img-bg{ height: 300px; } .banner-section .banner-right-box .banner-img-bg .banner-img img{ height: 275px !important; } .banner-section .banner-right-box .bnr-box1{ width: 175px; left: 0; } .banner-section .banner-right-box .bnr-btm-box{ margin-top: 0; } .banner-section .banner-right-box .bnr-box2{ bottom: 50%; } .banner-section .bnr-btm-boxes:not(.is-not-stacked-on-mobile)>.banner-btm-box{ flex-basis: 25% !important; } .banner-section .bnr-btm-boxes:not(.is-not-stacked-on-mobile)>.banner-btm-box:nth-child(2){ flex-basis: 35% !important; } .counter-section .counter-main-box .counter-box i{ font-size: 30px; } .counter-section .counter-main-box .counter-sub-box{ display: grid; grid-template-columns: auto auto; } .footer-section .footer-boxes{ display: grid; grid-template-columns: 50% 50%; } .single-product .taxonomy-product_cat{ font-size: 16px; } .single-product .single-product-content{ flex-wrap: nowrap !important; } .single-product .single-product-right{ flex-basis: 100% !important; } footer .input-field{ width: 160px !important; } } @media screen and (min-width: 992px) and (max-width: 1199px){ .banner-section .banner-right-box .bnr-box1{ width: 200px; } .main-header .header-menu-box nav .wp-block-navigation-item a{ font-size: 14px; } .main-header .header-menu-box .wp-block-button a { padding: 8px !important; } .banner-section .banner-right-box .banner-img-bg{ height: 345px; } .banner-section .banner-right-box .banner-img-bg .banner-img img{ height: 330px !important; } .banner-section .banner-right-box .bnr-box2{ bottom: 50%; } .banner-section .banner-right-box .bnr-box1{ left: 0; } .counter-section .counter-main-box .counter-box i{ font-size: 35px; } .counter-section .counter-main-box .counter-box .counter-text{ font-size: 13px !important; } .footer-section .footer-boxes{ gap: 10px; } .footer-section .footer-boxes .footer-box1{ padding-left: var(--wp--preset--spacing--30) !important; } } @media screen and (min-width: 1200px) and (max-width: 1399px){ .footer-section .footer-boxes{ gap: 20px; } .footer-section .footer-boxes .footer-box1{ padding-left: var(--wp--preset--spacing--30) !important; } }