@media screen and (max-width:1400px){
  .mobile-empty-column {display:none !important;}
}

@media screen and (max-width:1200px){
  .header-desktop .menu-main ul {justify-content: flex-start;}
  .content-small > .fusion-builder-row {padding:0 0 !important;} 

  #wrapper ul.products.products-4,
  #wrapper div.products {grid-template-columns: repeat(2, 1fr); gap:16px;}
}

@media screen and (max-width:1000px) {
  .header-mobile .mobile-menu-toggle {display: flex;gap:10px;margin: 0px;flex-direction: row-reverse;}
  .header-mobile .mobile-menu-toggle::after {content:"Menu"; text-transform:uppercase; color:#fff; font-family:var(--awb-typography1-font-family);}
}


@media screen and (max-width: 991px) {

    .header-mobile .mobile-menu-toggle {
      font-size: 18px !important;
      align-items: center;
    }
    .header-mobile .mobile-menu-toggle::after{
        font-size: 16px;
    }
    .alignright, .fusion-alignright, .alignleft, .fusion-alignleft{
        display: block;
        float: none;
        margin: 0 0 15px;
    }
}

@media screen and (max-width:800px) { 
  .footer-menu.copyright ul {display:flex; flex-direction: column; gap:8px;}
  .footer-menu.copyright ul li {margin:0px;}

  .fusion-footer .no-hover-mobile ul li a:hover,
  .fusion-footer .no-hover-mobile ul li a:hover span,
  .fusion-footer .no-hover-mobile ul li a span:hover {color:var(--awb-color) !important;}

  /* Product card (custom productCard()): hide buttons and make the whole card clickable */
  .product-card .button-wrapper {display:none;}
  .product-card .title a::after {content:''; position:absolute; inset:0; z-index:2; font-size:16px}

  /* Avada default product loop: hide buttons and make the whole card clickable */
  .products li.product {position:relative;}
  .products li.product .product-buttons {display:none;}
  .products li.product .product-title a::after {content:''; position:absolute; inset:0; z-index:2;}

  #wrapper .products .product-card {padding:16px; border-radius:24px;}
  #wrapper .products .product-card .content h4.title {font-size:16px; margin-bottom:8px;}
  #wrapper .products .product-card .content .after-content-container .button-wrapper .product-card-button {z-index:1111111; position:relative;}
  #wrapper .products .product-card .content .after-content-container .button-wrapper .view-product-link {display:none !important;}

  /* Product tabs: Avada resets borders and padding below 800px, so match its specificity */
  .fusion-woo-tabs-tb {--tabs-border-radius:12px;}
  .fusion-woo-tabs-tb .wc-tabs {display:flex; margin:0; padding:0;}
  .fusion-woo-tabs-tb .wc-tabs li {flex:1 1 0; margin:0; text-align:center;}
  .fusion-body .fusion-woo-tabs-tb .woocommerce-tabs > .tabs li a {display:flex; align-items:center; justify-content:center; height:100%; padding:12px 8px; font-size:14px; line-height:1.25;}
  /* Positioned with a background so it covers the panel's top border */
  .fusion-body .fusion-woo-tabs-tb.woo-tabs-horizontal .woocommerce-tabs > .tabs .active {border:solid var(--tabs-border-color) 1px; border-bottom:none; border-radius:var(--tabs-border-radius) var(--tabs-border-radius) 0 0; position:relative; z-index:1; background:var(--awb-backgroundcolor);}
  .fusion-body .fusion-woo-tabs-tb .woocommerce-tabs .panel {border-top:solid var(--tabs-border-color) 1px; padding:16px !important;}
  /* The tab label already names the panel; the heading only costs space */
  .fusion-woo-tabs-tb .fusion-woocommerce-tab-title {display:none;}
  .fusion-woo-tabs-tb .shop_attributes {width:100%;}
}

@media screen and (max-width:600px) { 
  #wrapper ul.products.products-4,
  #wrapper div.products {grid-template-columns: repeat(2, 1fr) !important; gap:16px;}

  .cart .fusion-button-wrapper {display:flex; flex-direction: column; gap:8px; align-items: flex-start !important;}

  .footer-border-mobile > .fusion-column-wrapper h6 {text-align:center !important;}
  .footer-border-mobile > .fusion-column-wrapper {border: solid var(--awb-color7) 2px !important; border-radius:40px !important; padding:24px !important; text-align:center !important;}
  .footer-border-mobile > .fusion-column-wrapper ul li a{text-align:center !important; justify-content:center !important}
}

@media screen and (max-width:460px) { 
  #wrapper ul.products.products-4,
  #wrapper div.products {grid-template-columns: repeat(2, 1fr);gap:12px;}
}

@media screen and (max-width:400px) {
  .column-link .fusion-column-wrapper {padding-right:4px !important;}
  .column-link .fusion-text {font-size:20px !important}

  .footer-contact-button {padding-left:8px !important; padding-right:8px !important;}

  
}