@media all and (max-width: 1250px ){
	.fixed-form-pro,.connexion{
		display:none
	}
.compte-resp {
	display: block;
	background: #126bab;
}
.compte-resp a{
	color: #fff !important;
}
.form-pro-overflow {
    width: 95%;
		margin: 0 auto
}
	
	.contener-menu, .nav-menu-resp{
	  display : block
	}
	.close-nav {
    display: block;
}
	#nav-icon4 span {
	  display: block;
	  position: absolute;
	  height: 2px;
	  width: 36px;
	  background: #333;
	  border-radius: 9px;
	  opacity: 1;
	  left: 0;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .25s ease-in-out;
	  -moz-transition: .25s ease-in-out;
	  -o-transition: .25s ease-in-out;
	  transition: .25s ease-in-out;
	}
	.titre-menu {
		font-weight: bold;
	}
	#nav-icon4 span:nth-child(1) {
	  top: 0px;
	  -webkit-transform-origin: left center;
	  -moz-transform-origin: left center;
	  -o-transform-origin: left center;
	  transform-origin: left center;
	}
	
	#nav-icon4 span:nth-child(2) {
	  top: 12px;
	  -webkit-transform-origin: left center;
	  -moz-transform-origin: left center;
	  -o-transform-origin: left center;
	  transform-origin: left center;
	}
	
	#nav-icon4 span:nth-child(3) {
	  top: 24px;
	  -webkit-transform-origin: left center;
	  -moz-transform-origin: left center;
	  -o-transform-origin: left center;
	  transform-origin: left center;
	}
	
	#nav-icon4.open span:nth-child(1) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	  top: -3px;
	  left: 8px;
	}
	
	#nav-icon4.open span:nth-child(2) {
	  width: 0%;
	  opacity: 0;
	}
	th.product-quantity{
		min-width: 140px;
	}
	#nav-icon4.open span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  top: 23px;
	  left: 8px;
	}
	.contener-menu .logo-menu {
		display: inline-block;
		vertical-align: middle;
	}
	#nav-icon4 {
		width: 60px;
		height: 28px;
		position: relative;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
		display: inline-block;
		vertical-align: middle;
		margin-right: 20%;
	}
	
	
	#nav-icon5 span {
	  display: block;
	  position: absolute;
	  height: 1px;
	  width: 36px;
	  background: #fff;
	  border-radius: 9px;
	  opacity: 1;
	  left: 0;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	  -webkit-transition: .25s ease-in-out;
	  -moz-transition: .25s ease-in-out;
	  -o-transition: .25s ease-in-out;
	  transition: .25s ease-in-out;
	}
	
	
	#nav-icon5 span:nth-child(1) {
	  top: 0px;
	  -webkit-transform-origin: left center;
	  -moz-transform-origin: left center;
	  -o-transform-origin: left center;
	  transform-origin: left center;
	}
	
	#nav-icon5 span:nth-child(2) {
	  top: 12px;
	  -webkit-transform-origin: left center;
	  -moz-transform-origin: left center;
	  -o-transform-origin: left center;
	  transform-origin: left center;
	}
	
	#nav-icon5 span:nth-child(3) {
	  top: 24px;
	  -webkit-transform-origin: left center;
	  -moz-transform-origin: left center;
	  -o-transform-origin: left center;
	  transform-origin: left center;
	}
	
	#nav-icon5.open span:nth-child(1) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	  top: -3px;
	  left: 8px;
	}
	
	#nav-icon5.open span:nth-child(2) {
	  width: 0%;
	  opacity: 0;
	}
	
	#nav-icon5.open span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  top: 23px;
	  left: 8px;
	}
	
	#site-navigation {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9;
		height: 100%;
		width: 100%;
	}
#site-navigation {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    height: 100%;
    width: 100%;
    left : -100%;
    background: #00175ee6;
    transition: all ease 0.3s;
}
	.menu-menu-principal-container {
	max-width: 350px;
	background: #fff;
	height: 100%;
	padding: 3% 1% 0 2%;
}
#menu-principal {
	flex-wrap: wrap;
	margin-top: 5%;
}
#site-navigation li {
	width: 100%;
}
#site-navigation li a {
	display: block;
	width: 100%;
}
li:hover .sub-menu {
  position: relative;
}
.sub-menu {
	position: absolute;
	background: #ececec;
	box-shadow: none;
	z-index: 2;
}
.fixed-nav nav#site-navigation {
    left: 0%;
    transition: all ease 0.3s;
}
}

@media all and (max-width: 1024px ){
	
	#customer_details,#order_review,.woocommerce-info,.woocommerce-MyAccount-content,.woocommerce-cart-form,.cart-collaterals{
		width : 95%;
		max-width : 95%;
		margin : 0 auto 20px auto
	}
	.woocommerce-MyAccount-navigation {
		width: 95%;
		min-width: 280px;
		background: #2d4691;
		border-radius: 5px;
		position: relative;
		padding: 2%;
		margin: 3% auto;
	}
	p.img-profil {
		position: relative;
		top: 0%;
		max-width: 200px;
		border-radius: 150px;
		overflow: hidden;
		max-height: 200px;
		border: 10px solid #ffffff;
		box-shadow: 0px 0px 9px rgb(0 0 0 / 20%);
		left: 0%;
		width: 100%;
		margin: -50px auto 0 auto;
	}
	.nav-user {
		 margin-top: 0%; 
	}
	li.product {
		width : 45%
	}
	.sidefooter{
		display:none
	}
	.open-close-footer{
		display:block
	}
	
}
@media all and (max-width: 900px ){
	.section-cle.article p {
	width: 100%;
	max-width: 47%;
	margin: 0;
}
	.cat-blog article{
		width : 45% !important;

	}
		#page{
		padding: 10px
	}
	.img-profil-search {
    overflow: hidden;
    border-radius: 350px;
    max-width: 150px;
    max-height: 150px;
    margin-top: 0; 
    margin-left: auto;
    margin-right: auto;
    border: 10px solid #fff;
}
.image-profil-member {
    width: 100px;
    height: 100px;
    margin: 0;
}
.full-width {
    min-height: 306px;
}

}

@media all and (max-width: 480px ){
	.form-row-first, .form-row-last, #billing_postcode_field, #billing_phone_field, #billing_email_field, #billing_city_field, #billing_company_field, #billing_country_field,.woocommerce-account .u-column1.col-1 img,.login-form , .vignette-membre, .vignette-pro,.file-mission,.content-mission,.cat-blog article{
		width : 100% !important;

	}
.section-cle p,.section-cle.article p {
	width: 100%;
	max-width: 100%;
	margin: 0;
}
.vignette-member {
	width: 100%;
	max-width: 100%;
	margin: 0 0 20px 0;
}
	.vignette-membre, .vignette-pro{
		margin-bottom : 15px
	}

	.masterhead{
		padding: 10px 5px;
	}
	.logo-afecti img {
		max-width: 100px;
	}
	.statsuser {
		flex-wrap: wrap;
	}
	.statsuser p {
		width: 44%;
		height: 100px;
		text-align: center;
		max-width: 44%;
		border-radius: 350px;
	}
		li.product,.woocommerce-product-gallery,.summary.entry-summary{
			width : 95%
		}
}