/* woocommerce */

@media (max-width: 768px) {

  /* Stack layout */
  .woocommerce-cart .woocommerce {
    flex-direction: column;
    gap: 20px;
  }

  /* Full width for both sections */
  .woocommerce-cart-form,
  .cart-collaterals {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    min-width: 0 !important; /* important fix */
  }

  /* Allow table to behave normally on mobile */
  .woocommerce-cart-form table {
    table-layout: auto !important;
  }

  /* Prevent weird overflow from cells */
  .woocommerce table.cart td,
  .woocommerce table.cart th {
    word-break: break-word;
  }

.woocommerce table.shop_table_responsive tr td {
    display: block;
    width: 100%;
  }
}

/* @media only screen and (min-width: 1000px) {
    .post-area.masonry.span_9, 
    .post-area.span_9, 
    .single-portfolio 
    .post-area.span_9, 
    body.search.material 
    .container-wrap .span_9, 
    body[data-ext-responsive=true] .post-area.masonry.span_9, 
    body[data-ext-responsive=true] .post-area.masonry.span_9.meta_overlaid {
        padding-right: 0;
        margin-right: 4%;
        width: 68.5%;
        background: #FFF !important;
        padding: 1rem;
    }
} */


@media only screen and (min-width: 1300px) {
  body.woocommerce:not(.single-product) ul.products[data-n-desktop-columns="4"] li.product {
    /* width: 48.49% !important; */
  }
}

  

 /* @media only screen and (min-width: 1000px) {
    .container {
        background:rgba(192,192,192,0.1) !important
    }
} */

@media (max-width: 768px) {
  .salient-loop-short-desc {
    font-size: 12px;
  }
}

@media only screen and (min-width: 1px) and (max-width: 999px) {
    body #header-outer {
        margin-bottom: 0;
        padding: 20px 0;
    }
}

@media (max-width: 999px) {
    #header-outer .mobile-menu-toggle {
        transform: scale(1.3);
    }
}


@media (min-width: 1000px) {
  #gs-intro-with-three-main-products .wpb_row .vc_column-inner {
    padding: 2%;
  }
}

@media (max-width: 999px) {
  #gs-intro-with-three-main-products .wpb_row .vc_column-inner {
    padding: 2%;
  }
}

/* ----------------------------------- 
/* TEMP MOBILE 
/* ----------------------------------- 

/* ----------------------------------- 
/* Apply forced desktop and mobile styles
/* -----------------------------------

/* Mobile forced styles below 690px */
body.force-mobile .container,
body.force-mobile .row {
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

body.force-mobile .wpb_column {
    width: 100% !important;
    margin-bottom: 20px !important;
}

/* Force mobile menu */
body.force-mobile #header-outer .mobile-menu-toggle {
    display: block !important;
}

body.force-mobile #header-outer nav#top {
    display: none !important;
}

/* Desktop forced styles for 690px+ */
body.force-desktop .container,
body.force-desktop .row {
    max-width: 1200px; /* or your desktop width */
    padding-left: 30px;
    padding-right: 30px;
}

/* Ensure desktop menu shows */
body.force-desktop #header-outer nav#top {
    display: block !important;
}

body.force-desktop #header-outer .mobile-menu-toggle {
    display: none !important;
}



/* ------------------------- 
   MOBILE WIDTH --- generate styles from code generator
   ---*/

/* @media (max-width: 690px) {
    .wpb_row .wpb_row .vc_col-sm-6 {
      width: 50% !important;
      float: left;
    }

    #fws_69b79b21cb19d .row-bg-wrap .row-bg {
    float:right !important;
          background: red !important;

    }

    #fws_69b79b21cb19d .row_col_wrap_12_inner.col.span_12.left {
      background: red !important
  } */

   /* wpb_text_column wpb_content_element  contact-customer-care-icons-text .wpb_wrapper h5  */


/* loop short description */

/* 
@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}
@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px;
    }
}
@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 720px;
    }
}
@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px;
    }
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-right: auto;
    margin-left: auto;
}
* {
    scrollbar-width: thin;
    scrollbar-color: rgb(var(--color-primary)) transparent;
}

 */