@media(max-width:480px) {
	
body {
	font-size:18px;
}
footer {
	flex-wrap: wrap;
	display: flex;
	justify-content: center;
	text-align: center;
	padding-bottom:40px;
}
ul#menu-pied-de-page-reseaux-sociaux {
	display: flex;
	justify-content: center;
	margin: 0 20px;
}

footer ul {
	margin-bottom:0;
}
.block-home1 {
	padding: 24px;
}
.block-home1-bottom {
	flex-direction: column;
}
.block-home2 {
	width: 90%;
}
.home3-imgs {
	display: flex;
	flex-direction: column;
}

.admin-bar .sidebar {
	padding-top: 46px;
}

.sidebar {
	position: fixed;
	left: 0;
	transform: translateX(-100%);
	transition: transform 0.5s ease-in;
	background: white;
	top: 0;
	height: 100%;
	overflow-y: auto;
	width: 100%;
	max-width: initial;
}

.sidebar-tab.sidebar-tab-categories {
	border-right: none;
	padding: 0 5%;
	width: 100%;
}

.sidebar-panel {
	min-width: 100%;
}

.sidebar.on {
	transform: translateX(0);
}

.responsive-column {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0px;
}

.product-list {
	justify-content: center;
}

header.site-header.search-on {
	margin-bottom: 40px;
	position: relative;
}

.products-search {
	position: absolute;
	bottom: -36px;
	width: 80vw;
	left: 10vw;
	margin: 0 auto;
	display: none;
}

.search-on .products-search {
	display: flex;
}

.products-search-mobile, .sidebar-mobile-toggle {
	display:block;
	width: 40px;
	height: 40px;
	color: white;
	background: var(--primary-dark);
	border-radius: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.site-header-right {
	gap: 12px;
}


.sidebar-close-mobile {
	display: flex;
	justify-content: flex-end;
	padding: 4px 16px 0;
}

.sidebar-close-mobile > div {
	display: inline-block;
	width: 16px;
	height: 16px;
	color: white;
	background: var(--black1);
	border-radius: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	font-size: 8px;
}

.modal-container-login {
	display: flex;
	flex-direction: column;
}
.modal-box {
    width: 90%;
}
.login-modal-left {
    max-width: 100%;
    border-radius: 8px 8px 0 0;
}
.login-modal-right {
    padding: 20px 40px;
}
#login-modal button.modal-close {
    color: white;
}
.documents-buttons a {
    min-width: 100%;
}
.product-specifications-attribute-block {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.identification {
    display: flex;
    flex-wrap: wrap;
}
}