@media all and (max-width: 1250px){

.tooltip::after{
display : none
}
#sidebar-bea {
	position: fixed;
	background: #fff;
	z-index: 999999;
	padding: 10px;
	height: 100%;
	width: 40%;
	left: -100%;
	top: 0;
	transition: all ease 0.3s;
	box-shadow: 0 0 10px 6px rgba(0,0,0,0.18);
	min-width: 300px;
}
.close-sidbar{
    display: block !important;
}
#sidebar-bea.visible {
	left: 0%;
	transition: all ease 0.3s;
}
.resp .filter-side {
	position: fixed;
	top: 20%;
	left: 0;
    display: block !important;
	background: #0b6cff;
	font-size: 30px;
	width: 50px;
	height: 50px;
	text-align: center;
    z-index: 990;
	line-height: 51px;
	border-radius: 0 5px 5px 0;
	color: #fff;
	cursor: pointer;
}
.content-archive.bea {
	width: 100%;
}


}

@media all and (max-width: 1024px){
.go-shop {
	display: none;
}
li.product {
    width: 31%;
}
.woocommerce-account .woocommerce {
	flex-direction: column;
}
.menu-nav-account {
	display: flex;
	width: 100%;
}
.woocommerce-MyAccount-navigation{
    margin:0
}
.woocommerce-MyAccount-navigation ul {
	width: 100%;
    columns: 2;
}
.woocommerce-MyAccount-navigation  {
	width: 50%;
}
.woocommerce-MyAccount-navigation li {
	margin-bottom: 10px;
}
.woocommerce-MyAccount-content {
	width: 100%;
	margin-top: 30px;
}
.woocommerce-account .woocommerce {
	padding: 20px;
}
.woocommerce-MyAccount-navigation-link--customer-logout{
    display: block
}
.infouser-account {
	max-width: 250px;
    margin-right: 20px;
}
}


@media all and (max-width: 900px){
    .transport,.search-int-opening, .tabs.wc-tabs::after,.infouser-account{
        display : none
    }
    .article-cat,.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product{
        width : 48% !important
    }
    .woocommerce-page .owl-item li.product{
        width : 100% !important;
        min-width: 100% !important;
        margin-bottom: 0 !important;
    }
    .search.opening-search {
        width: auto;
        min-width: 0;
        margin-left:auto;
        margin-right: 4%;
    }
    .button-search-opening,.button-search-barcode {
        background: #fff;
        margin : 0;
        color: #333;
    }
    .cart-collaterals,.woocommerce-cart-form, .facturation,.order-bea{
        width:100%
    }

}

@media all and (max-width: 500px){
    .article-cat,.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product, .facturation .form-row-first, .facturation .form-row-last,#billing_postcode_field, #billing_city_field, #billing_phone_field, #billing_email_field{
        width : 100% !important
    }
    .woocommerce-breadcrumb, #site-navigation {
        max-width: 1400px;
        margin: 0     ;
    }
tfoot {
	width: 100% !important;
	display: block;
}
    .top-head, .account-cart, .tabs.wc-tabs li::after, .owl-nav{
        display: none;
    }
    .head-center {
        padding: 10px;
    }
    .tabs.wc-tabs li {
        display: block;
        margin: 0;
        width: 100%;
        background: #1e1e1e;
        margin-bottom: 10px;
        padding: 10px;
    }
    .related.products > h2 {
	display: block;
	text-align: center;
	font-size: 22px;
	margin: 40px 0 30px 0 !important;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}
    .tabs.wc-tabs li a {
	text-decoration: none;
	color: #fff;
	font-size: 18px;
}
    .account-cart.phone {
        display: block;
        margin-right: 20px;
    }
    .menu-nav {
        padding: 0;
        display: flex;
        justify-content: space-between;
    }
    .account-cart.phone div {
        margin-left: 10px;
    }
    .logo-bea {
        max-width: 150px;
        transition: all ease 0.3s;
    }
    .account-cart.phone a {
        color: #fff;
    }
    .row-box-counter {
  width: 100%;
    }
    .menu-nav {
        padding: 0 ;
    }
    .woocommerce-MyAccount-navigation ul {
	width: 100%;
	columns: 1;
}
table, thead, tbody, th, td, tr { 
    display: block; 
  }
  thead tr { 
    display: none; 
  }
  tr { margin-bottom: 1em; border: 1px solid #ccc; }
  td { 
    display: flex; 
    justify-content: space-between; 
    padding: 0.5em; 
    border-bottom: 1px solid #eee;
  }
  td::before {
    content: attr(data-label); /* Nom de la colonne */
    font-weight: bold;
  }
}

