@media (min-width: 300px) {
  .col-4-banner-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 7px !important;
  }
  .pro-offer-slider {
    overflow-x: scroll;
  }
  .product-offer-bg {
    width: 60% !important;
  }
  .product-offer-img img {
    height: 12rem !important;
  }
  .main-header {
    display: none !important;
  }

  .footer-sec-1 {
    flex-direction: column;
    width: 100% !important;
  }

  .footer-right-side {
    width: 100% !important;
  }

  .footer-menu {
    justify-content: center;
    gap: 2rem !important;
  }

  .col-4-banner img {
    height: auto !important;
    max-width: 100% !important;
  }
  .col-4-banner {
    padding: 7px !important;
  }

  .footer-divider,
  .quick-access-menu {
    width: 100% !important;
    align-items: center !important;
  }

  .footer-nav {
    text-align: center;
  }

  .contact-sec-bg,
  .footer-contact {
    width: 100% !important;
  }

  .footer-about-us {
    text-align: center;
    padding: 0rem 1.5rem;
  }

  .footer {
    font-size: 13px !important;
    padding: 0rem 1.5rem;
  }

  .contact-sec-bg {
    align-items: center;
    text-align: center;
  }

  .footer-sec-1 {
    margin-bottom: 10rem;
  }

  .post-main-content-body-wrapper {
    width: 95% !important;
  }
}

@media (min-width: 900px) {
  .footer-sec-1 {
    flex-direction: row;
    width: 90% !important;
    gap: 0 !important;
  }

  .footer-right-side {
    width: 80% !important;
  }

  .footer-contact {
    display: flex !important;
    justify-content: center !important;
  }

  .contact-sec-bg {
    width: 70% !important;
  }

  .footer-about-us {
    padding: 0;
    text-align: right;
  }

  .footer-nav {
    text-align: right;
  }

  .quick-access-menu {
    align-items: normal !important;
  }
}

@media (min-width: 1000px) {
  .col-4-banner-grid {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1rem !important;
  }
  header {
    font-size: 11px;
  }

  .up-header {
    gap: 1rem !important;
    width: 100% !important;
    padding: 0rem 1rem;
  }

  .header-btn,
  .main-nav-list {
    gap: 1rem !important;
  }

  .col-4-banner img {
    height: 14rem !important;
  }
}

@media (min-width: 1200px) {
  .close-shop-filter {
    display: none;
  }

  .mobile-ajax-filter {
    display: none !important;
  }
  .main-header {
    display: flex !important;
  }

  .mobile-main-header,
  .mobile-nav {
    display: none !important;
  }

  header {
    font-size: 13px;
  }

  .up-header {
    gap: 1rem !important;
    width: 100% !important;
    padding: 0rem 1rem;
  }

  .header-btn,
  .main-nav-list {
    gap: 1rem !important;
  }

  .col-4-banner img {
    height: 14rem !important;
  }

  .post-main-content-body-wrapper {
    width: 60% !important;
  }
}

@media (min-width: 1400px) {
  .pro-offer-slider {
    overflow-x: unset !important;
  }
  .product-offer-bg {
    width: 25% !important;
  }
  .product-offer-img img {
    height: 17rem !important;
  }
}

@media (min-width: 1500px) {
  .footer-right-side {
    width: 40% !important;
  }

  .footer-contact {
    width: 45% !important;
  }

  .contact-sec-bg {
    align-items: normal;
    text-align: right;
  }

  header,
  .footer {
    font-size: 14px !important;
  }

  .up-header {
    gap: 2rem !important;
    width: 90% !important;
  }

  .header-btn,
  .main-nav-list {
    gap: 2rem !important;
  }
}

/*** Woocommerce Archive Product ***/

@media (max-width: 1300px) {
  .before-shop-loop-cont {
    width: 100% !important;
  }

  .arch-pro-main-cont {
    width: 100% !important;
    padding: 0rem 1rem !important;
  }
  .main-hero__left-side img {
    height: 33rem !important;
  }
  .main-hero__right-side h1 {
    font-size: 2rem !important;
  }
  .main-hero__right-side p {
    font-size: 14px !important;
  }
}

@media (max-width: 1200px) {
  .shop-filter-sidebar {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 70% !important;
    z-index: 999;
    border-radius: 25px 0 0 25px !important;
    transition: all ease 0.5s;
    transform: translateX(100%);
  }

  .contact-info-box {
    width: 95% !important;
  }

  .arch-pro-main-cont,
  .product-arch-list ul {
    justify-content: center !important;
  }
  .product-arch-list ul {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

@media (max-width: 950px) {
  .product-arch-list ul {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .arch-pro-main-cont {
    font-size: 13px !important;
  }

  .product-archive-add-to-cart {
    padding: 1rem 0rem !important;
  }
}

@media (max-width: 700px) {
  .product-arch-list ul {
    display: grid;
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 1rem;
  }
  .arch-pro-main-cont {
    font-size: 15px !important;
  }
  .product-archive-box {
    flex-direction: row !important;
  }
  .product-archive-box-img {
    width: 50%;
  }
  .loop-product-items {
    width: 50%;
  }
  .loop-product-title h3,
  .main-arch-price span {
    text-align: right;
  }
  .main-arch-price,
  .loop-product-items {
    align-items: flex-start !important;
  }
  .main-arch-price {
    margin-top: 10px;
  }
  .product-archive-add-to-cart {
    display: none !important;
  }
  .main-arch-price {
    margin-top: 10px !important;
  }
  .arch-sale-price-wrapper del {
    text-align: right;
  }
  .product-archive-box-img img {
    height: 7rem;
    width: auto !important;
  }
}

@media (max-width: 600px) {
  .contact-email-wrapper,
  .contact-phone-wrapper {
    flex-direction: column;
    gap: 1.5rem;
  }
  .post-main-img-bg-wrapper {
    top: -25px !important;
  }
}

@media (max-width: 500px) {
  .product-archive-add-to-cart {
    font-weight: bold;
    font-size: 12px !important;
  }
  .product-archive-box h3 {
    font-size: 16px !important;
    gap: 1.3rem !important;
  }
  .main-arch-pro-add-to-cart {
    gap: 5px !important;
  }
}

/*** Woocommerce Single Page ***/
@media (max-width: 1500px) {
  .single-product-image-cont {
    width: 100% !important;
  }
  .related-product-col ul {
    grid-template-columns: repeat(4, 1fr) !important;
  }
  .bulk-purchase__sec {
    flex-direction: column !important;
    gap: 2rem !important;
  }
  .single-product__whatsapp-business-btn {
    width: 100% !important;
  }
  .bulk-purchase__sec a:link {
    width: 100%;
  }
  .single-product-des-container {
    width: 100% !important;
  }
}

@media (max-width: 1200px) {
  .single-product-image-cont {
    width: 100% !important;
  }

  .single-product-box {
    width: 100% !important;
  }

  .single-pro-main-cont {
    padding: 0rem 3rem !important;
  }
}
@media (max-width: 1069px) {
  .pro-price-box .quantity,
  .woocommerce div.product form.cart .button {
    width: 100% !important;
  }
}
@media (max-width: 1024px) {
  .single-product-box {
    flex-direction: column;
    gap: 2rem !important;
  }
  .single-product-right-side,
  .single-product-left-side, .post-breadcrumb-inner {
    width: 100% !important;
  }
  .woocommerce div.product div.images .flex-control-thumbs li {
    width: 35% !important;
  }
  .single-product-right-side {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) !important;
  }
  .main-hero-wrapper {
    flex-direction: column !important;
  }
  .main-hero__right-side,
  .main-hero__left-side {
    width: 100% !important;
    align-items: center;
  }
  /* .main-hero__right-side h1,
  p {
    text-align: center;
  } */
  .related-product-col ul {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .post-main-img-bg-wrapper {
    display: none !important;
  }
  .blog-page-img-inner {
    width: 100% !important;
  }
  .blog-page-img-inner img {
    border-radius: 0rem !important;
  }
  .post-breadcrumb-inner {
    margin-bottom: 0rem !important;
  }
}

@media (max-width: 900px) {
  /*** Blog Pgae ***/

  .post-breadcrumb-inner {
    top: 12px !important;
    right: 15px !important;
    font-size: 13px !important;
    padding: 0 !important;
  }
  .blog-page-img-inner {
    top: 2rem !important;
  }

  .post-main-title-inner h1 {
    font-size: 1.7rem !important;
  }
  .post-info-wrapper {
    gap: 5px !important;
  }
  .blog-date p,
  .blog-author p,
  .blog-category p {
    font-size: 15px !important;
  }
  .blog-date img,
  .blog-author img,
  .blog-category img {
    height: 2rem !important;
  }
}

@media (max-width: 860px) {
  p.comment-form-email {
    padding-right: 2px !important;
  }
  .main-hero__left-side img {
    height: auto !important;
    max-width: 100%;
  }
  .instagram-banner-wrapper {
    margin-top: 2rem !important;
  }
}
@media (max-width: 700px) {
  .related-product-col ul {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .post-body-content {
    line-height: 35px !important;
  }
}

@media (max-width: 560px) {
  .product-info {
    width: 35rem !important;
    border-radius: 26px;
  }
  .product-cat-img-container img {
    height: 3.5rem !important;
  }
  .tab-item {
    gap: 1rem !important;
  }

  .tab-links {
    font-size: 13px !important;
  }
  .main-arch-price {
    font-size: 17px !important;
  }
}

@media (max-width: 500px) {
  .product-info {
    width: 25rem !important;
  }

  .single-product-box {
    width: 100% !important;
    margin-top: 1rem !important;
  }

  .single-pro-main-cont {
    padding: 0px 7px !important;
  }

  .single-product-box::before {
    display: none !important;
  }

  .related-product-col ul {
    font-size: 13px !important;
  }
  .main-hero__right-side h1 {
    font-size: 25px !important;
  }
  .main-slider-pagination {
    bottom: -52px !important;
    width: 9rem !important;
    height: 8rem !important;
  }
  .product-offer-box h3 {
    font-size: 16px;
  }
  .instagram-banner-wrapper {
    margin-top: 1rem !important;
  }
  .post-body-content {
    font-size: 15px !important;
  }
}

@media (max-width: 400px) {
  .product-info {
    width: 100% !important;
  }
  .single-product-des-container {
    padding-right: 10px !important;
    font-size: 13px !important;
  }

  .single-product-des-container h2 {
    font-size: 20px !important;
  }
  .post-main-title-inner h1 {
    font-size: 23px !important;
  }
}

/*** Woocommerce Checkout ***/
@media (max-width: 1200px) {
  .wc-block-components-sidebar-layout .wc-block-components-main {
    width: 100% !important;
  }

  .wc-block-components-sidebar {
    width: 100% !important;
  }
  .wc-block-components-sidebar-layout.wc-block-cart.wp-block-woocommerce-filled-cart-block.is-large {
    gap: 2rem !important;
  }
}
@media (max-width: 780px) {
  .wc-block-components-main.wc-block-checkout__main.wp-block-woocommerce-checkout-fields-block {
    padding: 1.5rem !important;
  }
  .wc-block-components-sidebar-layout .wc-block-components-main {
    font-size: 1rem !important;
  }
  .main-page-content__wrapper {
    width: 100% !important;
  }
  .editor-styles-wrapper
    table.wc-block-cart-items
    .wc-block-cart-items__row
    .wc-block-cart-item__total,
  table.wc-block-cart-items
    .wc-block-cart-items__row
    .wc-block-cart-item__total {
    display: none;
  }
  tr.wc-block-cart-items__row {
    display: flex !important;
    flex-direction: row;
    padding: 1.5rem !important;
    gap: 1rem !important;
    align-items: center;
  }
  td.wc-block-cart-item__image {
    display: flex;
    justify-content: center;
  }

  .wc-block-components-sidebar-layout .wc-block-components-main {
    width: 100% !important;
  }

  .wc-block-components-sidebar {
    width: 100% !important;
  }
  .wc-block-components-sidebar-layout {
    gap: 2rem !important;
  }

  .wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block {
    padding: 1.5rem !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }

  .is-medium
    table.wc-block-cart-items
    .wc-block-cart-items__row
    .wc-block-cart-item__image {
    width: 100% !important;
  }
}
@media (max-width: 570px) {
  td.wc-block-cart-item__image {
    width: 45% !important;
  }
  td.wc-block-cart-item__product {
    width: 70% !important;
    display: flex;
    justify-content: center;
  }
  a.wc-block-components-product-name {
    font-size: 1rem !important;
  }
}
@media (max-width: 400px) {
  tr.wc-block-cart-items__row {
    display: flex !important;
    flex-direction: column !important;
    padding: 1.5rem !important;
    gap: 1rem !important;
  }
  td.wc-block-cart-item__image {
    width: 100% !important;
  }
}

@media (max-width: 782px) {
  .wc-block-cart .wc-block-cart__submit-container--sticky {
    position: relative !important;
  }
}

/*** Page Not Found ***/

@media (max-width: 1060px) {
  .not-found-btns {
    flex-direction: column;
    gap: 1rem;
  }
  .not-found-btns button {
    width: 100% !important;
  }
}

@media (max-width: 864px) {
  .not-found-cont {
    flex-direction: column;
    padding: 2rem 1rem !important;
    text-align: center;
    line-height: 2rem;
  }
  .not-found-img img {
    height: auto !important;
    max-width: 100% !important;
  }
}