/*
Theme Name: Cosmetics Stores
Theme URI: https://www.titanthemes.net/products/cosmetics-stores
Author: Titan Themes
Author URI: https://www.titanthemes.net/
Description: The Cosmetics Stores Theme is a website design template created to support structured presentation of beauty and personal care products. It includes a responsive layout that adjusts to different screen sizes, ensuring consistent display across desktop, tablet, and mobile devices. The theme provides a homepage structure with sections for featured products, promotional banners, and category-based navigation. Product pages support image galleries, pricing display, descriptions, and review sections. A customizable header and footer allow adjustments to navigation menus, contact details, and informational links. Typography settings and color options enable visual consistency across pages. The theme includes blog layout support for publishing articles and updates, along with archive page formatting. It is compatible with common page-building tools and supports drag-and-drop content arrangement. Performance optimization features help reduce loading times through clean code structure and optimized media handling. The design also includes basic accessibility considerations such as readable fonts and structured headings. Overall layout components are organized to maintain clarity in product presentation and content hierarchy throughout the site. Navigation structure supports organized browsing across multiple content sections and pages within the site.
Requires at least: 6.1
Tested up to: 7.0
Requires PHP: 7.2
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: cosmetics-stores
Tags: grid-layout, two-columns, right-sidebar, left-sidebar, full-width-template, custom-background, custom-header, translation-ready, style-variations, one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, wide-blocks, block-styles, photography, e-commerce, blog
*/

a:focus {
  outline: 2px solid #000;
  outline-offset: 2px;
}
.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;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
button.wp-block-search__button.has-icon.wp-element-button{
  fill: #fff;
  color: #ffffff;
}
.prodcuct-box h2 a{
  text-decoration: none;
}
.header-inner-meta .wp-block-search__inside-wrapper {
  position: relative;
}
.header-inner-meta .wp-block-button a:focus{
  color: var(--wp--preset--color--base) !important;
  background-color: var(--wp--preset--color--primary) !important;
}
.post-date span.dashicons{
  color: #ffffff;
}
p.wp-block-post-excerpt__more-text a {
  background-color: var(--wp--preset--color--contrast);
  padding: 8px 25px;
  border-radius: 30px;
  color: #ffff;
  font-weight: 600 !important;
  text-decoration: none;
}
.post-date {
  position: absolute;
  top: 15px;
  right: 25px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.post-date i{
  color: #ffffff;
}
.blog-image{
  position: relative;
}
.blog-image{
  height: 200px;
}
.wp-block-button__link{
  height: auto;
}
.woocommerce span.onsale{
  background: var(--wp--preset--color--primary);
}
.related-post h4,.related-post p{
  color: var(--wp--preset--color--contrast);
}
.header-inner-menu ul li{
  padding: 3px 20px;
  position: relative;
}
.header-inner-menu ul li ul.wp-block-navigation-submenu li:hover{
  background: transparent !important;
}
.header-inner-menu ul li:hover ul.wp-block-navigation-submenu li a{
  color: #000000 !important
}
.header-inner-menu ul li ul.wp-block-navigation-submenu li:hover:after{
  display: none;
}
.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
  color: #000;
}
.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button{
  color: var(--wp--preset--color--base);
}
.header-inner-menu ul li.has-child.wp-block-navigation-submenu .wp-block-navigation__submenu-icon{
  color: #000000;
}
p.return-to-shop a,.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,.woocommerce div.product form.cart button.single_add_to_cart_button, .woocommerce div.product form.cart button[name=add-to-cart], .woocommerce .cart .button,.product-template-default .wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button,.woocommerce #review_form #respond .form-submit input{
  background: var(--wp--preset--color--primary) !important;
}
.header-inner-menu ul li a:hover, .header-inner-menu ul li.has-child.wp-block-navigation-submenu .wp-block-navigation__submenu-container a:hover{
  text-decoration: none;
  color: var(--wp--preset--color--primary) !important;
}
.header-inner-menu ul li a{
  position: relative;
  display: inline-block;
}
.wp-block-cover .wp-block-post-date time{
  color: #ffffff;
}
.post-block p.wp-block-post-author__name,.wp-block-post-date time,.post-block .wp-block-post-excerpt p.wp-block-post-excerpt__excerpt,.sidebar-heading{
  color: var(--wp--preset--color--contrast);
}
.sidebar-box .wp-block-social-links a{
  color: #ffffff !important;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__input{
  position: absolute;
  right: 50px;
  top: -0px;
  background: #ffffff !important;  
}
.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{
  justify-content: center !important;
}
.service-text-main{
  text-align: center;
}
.blog-heading{
  text-align: center;
}
.service-text-main .about-sec-title,.blog-heading .short-heading-banner{
  display: inline-block;
  position: relative;
  margin-bottom: 20px !important;
}
.service-text-main .about-sec-title:after ,.blog-heading .short-heading-banner:after {
  position: absolute;
  content: "";
  bottom: -10px;
  left: 0px;
  width: 100%;
  right: 0px;
  height: 8px;
  background-color: var(--wp--preset--color--tertiary);
  z-index: 0;
  border-radius: 3px;
  margin: 0 auto;
  clip-path: ellipse(45% 30% at 50% 50%);
}
.blog-image{
  height: 180px;
  position: relative;
}
.category-column .prodcuct-box figure img{
  height: 100px;
}
.header-inner-meta{
  position: relative;
}
.wp-block-social-links svg {
  font-size: 18px;
}
.wp-block-cover__inner-container time a {
  color: #fff !important;
}
ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu li:after{
  display: none;
}
button.wp-block-search__button.has-text-color.has-base-color.has-background.has-contrast-background-color.has-icon.wp-element-button {
  padding: 10px 10px;
  background: transparent;
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
  padding: 10px !important;
  align-items: center;
}

/*============== Effects Section ==============*/
.animations-hidden-item{
  opacity: 0;
  transform: translateY(150px);
  transition: all 1s;
}
.animations-show-item{
  opacity: 1;
  transform: translateY(0px);
}
/*============== Effects End Section ==============*/

.about-left {
  position: relative;
}
.wp-site-blocks{
  padding: 0 !important;
}
.wpcf7-spinner {
  position: absolute;
  right: 0px;
}
p span.dashicons{
  margin-right: 10px;
  color: var(--wp--preset--color--primary);
}
footer.wp-block-template-part .cosmeticsstores-footer-list {
  gap: 15px;
}
footer .cosmeticsstores-footer-list a{
  text-decoration: none;
}
footer .footer-bottom-box a{
  color: #ffffff;
}
footer a:hover{
  color: var(--wp--preset--color--tertiary) !important;
}
footer .wp-block-social-links li:hover,
footer .wp-block-social-links li a:hover {
  background-color: var(--wp--preset--color--tertiary) !important;
  border-radius: 50%;
}
footer .wp-block-social-links li a{
  padding: 10px;
}
footer .wp-block-social-links li a svg{
  height: 22px !important;
  width: 22px !important;
}
footer .wp-block-social-links li a:hover,
footer .wp-block-social-links li:hover a{
  color: #ffffff !important;
  fill: #ffffff !important;
}

/*.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button,*/
.woocommerce div.product form.cart button.single_add_to_cart_button, .woocommerce div.product form.cart button[name=add-to-cart],
.woocommerce .cart .button, .woocommerce .cart input.button,
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button{
  color: #fff !important;
}
.wlfmc-counter-wrapper{
  width: auto;
}
.wp-block-woocommerce-customer-account a span{
  font-family: var(--wp--preset--font-family--poppins) !important;
  font-weight: 500 !important;
}
.wp-block-woocommerce-customer-account a svg{
  height: 28px;
}
.wp-block-woocommerce-customer-account a{
  white-space: unset;
}
.wp-block-image img{
  vertical-align: unset;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container li a {
  padding: 10px 15px;
  color: #000000;
}
.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;
}
.comment-respond.wp-block-post-comments-form.wp-block-post-comments-form input[type=submit]:hover{
  background: var(--wp--preset--color--primary);
}
span.yith-wcwl-add-to-wishlist-button__label{
  display: none;
}
.sidebar-box .wp-block-search__button svg{
  fill: #fff;
}
blockquote.wp-block-quote.is-layout-flow.wp-block-quote-is-layout-flow {
  padding: 0px;
  margin: 10px 0px;
}
.woocommerce-page li.wc-block-product .wc-block-components-product-button .added_to_cart.wc_forward{
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--base);
  margin: 0;
  padding: 10px 15px;
  text-decoration: none;
}
.woocommerce-page li.wc-block-product .wc-block-components-product-button .added_to_cart.wc_forward:hover{
  background-color: var(--wp--preset--color--contrast);
}
.woocommerce-account .woocommerce-MyAccount-content header.woocommerce-Address-title h2{
  font-size: 25px;
  font-weight: 500;
}
.woocommerce-account .woocommerce-MyAccount-content header.woocommerce-Address-title .edit{
  float: left;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm button.woocommerce-Button{
  color: #ffffff;
}

/* Header Section */
.header-section .header-bottom nav.wp-block-navigation li a.wp-block-navigation-item__content:hover{
  color: #09648F;
  text-decoration: none;
}
.home .header-section{
  border-bottom: none;
}
.header-section .header-top .topbar-text2,
.header-section .header-top .topbar-text3{
  position: relative;
}
.header-section .header-top .topbar-text2:before,
.header-section .header-top .topbar-text2:after{
  content: '';
  position: absolute;
  height: 5px;
  width: 5px;
  background-color: #ffffff;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
.header-section .header-top .topbar-text2:before{
  left: -40px;
}
.header-section .header-top .topbar-text2:after{
  right: -40px;
}
.header-section .header-middle .header-search{
  background-color: #F6F6F6;
  border-radius: 5px;
}
.header-section .header-middle .header-search button.wp-block-search__button{
  padding: 2px;
  margin-left: 0;
  background-color: transparent;
}
.header-section .header-middle .header-search input.wp-block-search__input{
  padding: 4px 10px;
  border: none;
  background-color: transparent;
}
.header-section .header-middle .header-search button.wp-block-search__button svg{
  fill: #0F0F0F66;
}
.header-section .header-middle .header-right-btns .wishlist-btn a:focus, 
.header-section .header-middle .header-right-btns .account-btn a:focus, 
.header-section .header-middle .header-right-btns .cart-btn a:focus{
  color: var(--wp--preset--color--contrast);
}
.header-section .header-middle .header-right-btns .wishlist-btn a, 
.header-section .header-middle .header-right-btns .account-btn a, 
.header-section .header-middle .header-right-btns .cart-btn a{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  padding: 0;
}
.header-section .header-middle .header-right-btns .account-btn a span{
  font-weight: 400 !important;
}
.header-section .header-right-btns .wishlist-btn i,
.header-section .header-right-btns .account-btn svg,
.header-section .header-right-btns .cart-btn svg{
  height: 26px;
  width: 26px;
  font-size: 20px;
  display: flex;
  align-items: flex-end;
  margin-bottom: 4px;
}
.header-section .header-right-btns .wishlist-btn a,
.header-section .header-right-btns .cart-btn span.wc-block-cart-link__text{
  line-height: 1;
}
.header-section .header-right-btns .wishlist-btn a:hover,
.header-section .header-right-btns .account-btn a:hover,
.header-section .header-right-btns .cart-btn a:hover{
  color: var(--wp--preset--color--primary);
}

/* Banner Section */
.banner-section .banner-sub-title{
  width: fit-content;
  margin: 0 auto;
}
.banner-section .banner-review-box .banner-review-img{
  display: flex;
}
.banner-section .banner-review-box .banner-review-img img{
  height: 35px;
  width: auto !important;
}
.banner-section .banner-btns a{
  transition: 1s;
}
.banner-section .banner-btns a:hover{
  background-color: var(--wp--preset--color--primary) !important;
  color: var(--wp--preset--color--base) !important;
}
.banner-section .banner-down-arrow{
  text-align: center;
}

/* Product Section Static*/
.product-section .product-img-box .product-sale-tag{
  position: absolute;
  top: 15px;
  left: 0;
}
.product-section .product-img-box .product-img img{
  width: 100% !important;
}
.product-section .product-img-box .product-cart a img, .product-section .product-img-box .product-wishlist a img{
  height: 16px;
  width: 16px !important;
  object-fit: contain;
}
.product-section .product-img-box .product-cart a, .product-section .product-img-box .product-wishlist a{
  aspect-ratio: 1;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-section .product-img-box .product-wishlist a{
  box-shadow: 2px 2px 4px 0px #E5EAEF;
}
.product-section .product-img-box .product-wishlist{
  position: absolute;
  right: 15px;
  bottom: 15px;
}
.product-section .product-main-box:hover .product-title a{
  color: var(--wp--preset--color--primary);
}
.product-section .product-main-box .product-title a{
  text-decoration: none;
}

/* Product Section */
.product-section .product-sec-btn a, .blogs-section .blog-sec-btn a{
  box-shadow: 4px 4px 6px 0px #B2B2B23D;
  transition: 1s;
}
.product-section .product-sec-btn a:hover, .blogs-section .blog-sec-btn a:hover{
  background-color: var(--wp--preset--color--contrast) !important;
  color: var(--wp--preset--color--base) !important;
}
.product-section .product-img .product-sale-tag .wc-block-components-product-sale-badge{
  left: 0;
  top: 15px;
}
.product-section .product-img-box{
  position: relative;
}
.product-section .product-img .yith-wcwl-add-to-wishlist-button{
  bottom: 15px;
  right: 15px;
  top: auto;
  left: auto;
  background-color: #F2F4F6 !important;
  border-radius: 50%;
  aspect-ratio: 1;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 6px;
}
.product-section .product-img .yith-wcwl-add-to-wishlist-button svg{
  height: 18px !important;
  width: 18px !important;
}
.product-section .product-out-box li.wc-block-product .product-cart,
.product-section .product-main-box .product-cart{
  position: absolute;
  right: 15px;
  top: 15px;
  margin-top: 0;
}
.product-section .product-out-box li.wc-block-product .product-img .product-sale-tag .wc-block-components-product-sale-badge,
.product-section .product-out-box li.wc-block-product .product-cart,
.product-section .product-main-box .product-img-box .product-sale-tag,
.product-section .product-main-box .product-cart{
  display: none;
}
.product-section .product-out-box li.wc-block-product:hover .product-img .product-sale-tag .wc-block-components-product-sale-badge,
.product-section .product-out-box li.wc-block-product:hover .product-cart,
.product-section .product-main-box:hover .product-img-box .product-sale-tag,
.product-section .product-main-box:hover .product-cart{
  display: block;
}
.product-section .product-cart .add_to_cart_button{
  background-color: var(--wp--preset--color--button-bg);
}
.product-section .product-cart .add_to_cart_button span{
  text-indent: -9999px;
  background-image: url(./assets/images/cart-img.png);
  height: 18px;
  width: 18px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.product-section .product-cart span:has(.added_to_cart.wc_forward){
  background-color: var(--wp--preset--color--button-bg);
  position: absolute;
  padding: 8px;
  left: 0;
  top: 0;
  border-radius: 50%;
}
.product-section .product-cart .added_to_cart.wc_forward{
  margin: 0;
  text-indent: -9999px;
  background-image: url(./assets/images/view-cart.png);
  height: 18px;
  width: 18px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.product-section .product-rating, .product-section .product-rating .rating, .product-section .product-rating span{
  color: #FFD600;
  font-size: 12px;
}
.product-section .wc-block-product .product-img-box .product-img, .product-section .product-main-box .product-img{
  overflow: hidden;
}
.product-section .wc-block-product .product-img-box img, .product-section .product-main-box .product-img img{
  transition: 1s;
  object-fit: cover;
}
.product-section .wc-block-product:hover .product-img-box img, .product-section .product-main-box:hover .product-img img{
  transform: scale(1.1);
}
.product-section .wc-block-product:hover .product-title a{
  color: var(--wp--preset--color--primary);
}

/* Blogs Section */
.blogs-section .blogs-btm-box .blog-boxes li.wp-block-post:hover .blog-sec-title a{
  color: var(--wp--preset--color--primary);
}
.blogs-section .blogs-btm-box .blog-sec-img img{
  height: 300px;
  width: 100%;
}
.blogs-section .wp-block-post-date time{
  font-size: 15px;
  color: #494A48;
}
.blogs-section .wp-block-post-excerpt__more-link {
  background: transparent;
  border-radius: 6px;
  background-color: var(--wp--preset--color--button-bg);
  color: var(--wp--preset--color--contrast);
  text-transform: capitalize;
  font-size: 15px;
  margin-right: 5px;
  padding: 6px 15px;
  transition: 0.8s;
}
.blogs-section li.wp-block-post:hover .wp-block-post-excerpt__more-link{
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--base);
}
.blogs-section .wp-block-post-excerpt__more-link:hover {
  color: #000000;
}
.blogs-section .wp-block-post-excerpt__more-link:hover::after {
  background-color: #000000;
}
.blogs-section ul li .wp-block-column {
  flex-basis: 50% !important;
}
.blogs-section h2 a:hover {
  color: var(--wp--preset--color--primary);
}

/* Footer Section */
.footer-section {
  padding: unset;
}
.footer-section .footer-info-boxes p, .footer-section .footer-info-boxes li, .footer-section .footer-info-boxes a{
  font-size: 15px !important;
}
.footer-section .footer-info-boxes .wp-block-site-title a{
  font-size: 30px !important;
}
@media screen and (min-width: 320px) and (max-width: 599px) {
  span.wp-block-navigation-item__label {
    color: #000000;
  }
  .header-inner-meta .wp-block-group{
    justify-content: center !important;
  }
  footer p{
    text-align: center !important;
  }
  .column-banner{
    display: flex;
    flex-wrap: nowrap !important;
  }
  .header-inner-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
    left: auto;
    right: auto;
    width: 100%;
    position: relative;
    padding: 0px 0px;
  }
  .header-inner-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
    width: 100% !important;
    align-items: center;
    gap: 0px;
    padding-bottom: 0px !important;
  }
  .header-inner-menu ul li a{
    border-bottom: 1px solid #000;
    display: inline-block;
    width: 100%;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    text-align: center;
  }
  .header-inner-menu ul li.wp-block-navigation-submenu{
    padding: 0px !important;
    padding-bottom: 0px !important;
  }
  .header-inner-menu ul {
    gap: 0px !important;
  }
  .header-inner-menu ul li ul.wp-block-navigation-submenu li a{
    justify-content: center;
  }
  .header-inner-menu ul li {
    padding: 0px !important;
  }
  .wp-block-social-links{
    justify-content: center;
  }
  button.wp-block-navigation__responsive-container-close {
    background-color: var(--wp--preset--color--primary);
    padding: 5px;
    border-radius: 30px;
  }
  .wp-block-navigation__responsive-container-close svg{
    fill: var(--wp--preset--color--base) !important;
    color: var(--wp--preset--color--base) !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item{
    width: 100% !important;
    align-items: center;
  }
  .header-inner-menu ul li a{
    color: #000000 !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 781px) {
  .header-inner-menu li:after {
    display: none;
  }
  .column-banner{
    display: flex;
    flex-wrap: nowrap !important;
  }
  .blog-meta{
    gap:10px !important;
  }
  .service-text-main .about-sec-title,.service-text-main p{
    text-align: center;
  }
  .banner-cover{
    padding-top: 0px !important;
  }
  .service-text h6,.service-text p{
    text-align: center !important;
  }
  .header-inner-menu nav{
    justify-content: center !important;
  }
  .header-inner-menu ul{
    justify-content: center;
  }
  .header-logo .wp-block-group {
    justify-content: center !important;
  }
  .header-logo h1 {
    text-align: center;
  }
  .blogs-section .wp-block-column{
    text-align: center;
  }
}
@media screen and (min-width: 576px) and (max-width: 781px) {
  .header-inner-meta .wp-block-group{
    justify-content: center !important;
  }
  .categories-cloumn{
    display: grid !important;
    grid-template-columns: auto auto;
  }
  .wp-block-social-links{
    justify-content: center;
  }
}
@media screen and (min-width: 782px) and (max-width: 1200px) {
  .header-inner-menu ul {
    gap:0px !important;
  }
  .header-inner-meta {
    flex-basis: 26% !important;
  }
  .count-row,.blog-meta{
    gap:10px;
  }
  .header-inner-meta .wp-block-group{
    gap:10px;
  }
  .header-logo h1{
    font-size: 20px !important;
  }
  .blog-column,.category-column, footer.wp-block-template-part .wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-89f6da4a.wp-block-columns-is-layout-flex,.news-heading-box ,.news-section .wp-block-query.is-layout-flow.wp-block-query-is-layout-flow,.tour-box,.about-box,.service-group,.general-top-header .wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex{
    max-width: 90% !important;
  }
  .wp-block-social-links{
    gap:7px !important;
  }
}
@media screen and (min-width: 320px) and (max-width: 800px) {
  .admin-bar .wp-block-navigation__responsive-container-close {
    color: #000000;
    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: 1201px) and (max-width: 1440px) {
  .header-inner-menu ul li{
    padding: 3px 7px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .header-inner-menu ul li{
    padding: 3px 16px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .single-image figure{
    width: 100% !important;
  } 
}
@media screen and (min-width: 1201px) and (max-width: 1440px) {
  .wc-block-components-product-price{
    font-size: 15px !important;
  }
  .wp-block-social-links{
    gap:10px !important;
  }
}
@media screen and (max-width: 940px) {
  .footer-section,
  .blogs-section {
    clip-path: none;
  }
}
@media screen and (max-width: 767px) {
  .header-section .header-top .header-inner-top{
    gap: 10px;
  }
  .header-section .header-middle .header-right-btns .header-right-in-btns{
    justify-content: center;
  }
  .banner-section .banner-content{
    max-width: 90%;
  }
  .banner-section .banner-bg .wp-block-cover__inner-container{
    padding: 0;
  }
  .header-section .header-top .header-inner-top, 
  .banner-section .banner-review-box,
  .product-section .product-head-box,
  .blogs-section .blogs-head-box{
    flex-direction: column;
  }
  .product-section .product-head-box .product-sec-title, .blogs-section .blogs-head-box .blog-sec-title{
    font-size: 26px !important;
  }
  .product-section .product-boxes .product-title, .blogs-section .wp-block-post .blog-sec-title, .about-section .about-info-box .about-box-title{
    font-size: 20px !important;
  }
  .product-section .product-boxes .wc-block-product .wc-block-components-product-image img, 
  .product-section .product-main-box .product-img img{
    height: 260px !important;
  }
  .product-section .product-main-box .product-img-box{
    min-height: 260px !important;
  }
  .product-section .product-boxes ul.product-out-box{
    display: flex;
    flex-direction: column;
  }
  footer .footer-info-boxes{
    text-align: center;
  }
  footer .footer-info-boxes ul{
    display: inline-block;
  }
  footer .footer-info-boxes ul li{
    width: fit-content;
    margin: 0 auto;
  }
  footer .footer-info-boxes .footer-contact-info p{
    width: 100%;
  }
  footer .footer-bottom-box{
    justify-content: center;
  }
  .header-box-upper .header-inner-menu button.wp-block-navigation__responsive-container-open{
    background: #000;
    padding: 6px;
    border-radius: 4px;
    color: #ffffff;
    box-shadow: -2px 8px 17.1px 0px #FFFFFF40;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px){ 
  .header-section .header-top .header-inner-top{
    gap: 10px 70px;
  }
  .banner-section .banner-content{
    max-width: 80%;
  }
  .header-section .header-middle .header-right-btns .header-right-in-btns{
    justify-content: center;
  }
  .header-section .header-middle .header-middle-inner{
    flex-direction: column;
  }
  .header-section .header-logo .wp-block-site-title{
    text-align: center;
  }
  .product-section .product-boxes .wc-block-product .wc-block-components-product-image img{
    height: 260px !important;
  }
  .about-section .about-boxes{
    display: grid;
    grid-template-columns: auto auto;
  }
  .product-section .product-boxes .product-out-box{
    flex-wrap: nowrap !important;
  }
  .product-section .product-boxes .product-out-box .product-img-box .product-img{
    height: 260px !important;
  }
  .product-section .product-boxes .product-out-box .product-img-box{
    min-height: 260px !important;
  }
  .about-section .about-box{
    display: grid;
    grid-template-columns: auto auto auto; 
  }
  footer .footer-info-boxes{
    display: grid;
    grid-template-columns: auto auto;
  }
  footer .footer-bottom-box{
    justify-content: center;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
  .banner-section .banner-content{
    max-width: 60% !important;
  }
  .header-section .header-middle-inner:not(.is-not-stacked-on-mobile)>.header-logo{
    flex-basis: 20% !important;
  }
  .header-section .header-middle-inner:not(.is-not-stacked-on-mobile)>.header-search{
    flex-basis: 50% !important;
  }
  .header-section .header-middle-inner:not(.is-not-stacked-on-mobile)>.header-right-btns{
    flex-basis: 30% !important;
  }
  .about-section .about-boxes{
    gap: 14px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1499px){
  .banner-section .banner-content{
    max-width: 50% !important;
  }
}