#menu-mobile, .mobile
{	display: none;
}



/* Lets make the Design Responsive */

@media (min-width: 1024px) and (max-width: 1399px) { 
	/* CSS for browsers less than 1024px*/
	body 
	{ 	max-width: 1390px; 
		/*background: purple;*/
	}

}




@media (min-width: 960px) and (max-width: 1023px) { 
	/* CSS for browsers less than 1024px*/
	body 
	{ 	max-width: 1000px; 
		/*background: orange;*/
	}



}





@media (min-width: 768px) and (max-width: 959px) { 
	/* CSS for browsers less than 960px*/
	body 
	{	max-width: 950px; 
		/*background: yellow;*/
	}

	
	.mobile
	{	display: block;
	}

	.no-mobile
	{	display: none;
	}


	/* header */
	#menu-shop > div
	{	justify-content: flex-start;
	}

	#menu-slider
	{	max-width: 100%;
	}

	#menu-slider > div
	{	width: 100%;
	}

	#footer-bottom
	{	/*background: orange;*/
	}


	/* home */
	#home-phares > div
	{	width: 100%;
	}

	#home-produits > div > ul
	{	width: 90%;
	}

	#home-produits > div > ul li
	{	width: 27%;
	}

	#home-produits > div > ul li div
	{	width: 200px;
		height: 200px;
	}

	#home-presentation1 > div a, #home-presentation2 > div
	{	width: 100%;
	}


	/* produits */
	body.post-type-archive-product .products
	{	width: 100% !important;
	}

	body.post-type-archive-product ul.products li.product
	{	width: 32%;
	}




}



@media (max-width: 767px) { 
	/* CSS for browsers less than 480px*/
	body 
	{	max-width: 760px; 
		/*background: cyan;*/
	}


	.mobile
	{	display: block;
	}

	.no-mobile
	{	display: none;
	}



	/* header */

	#header-menu-mobile
	{	display: block;
		position: absolute;
		top:  35px;
		left:  5%;
	}

	#menu-burger
	{	position: absolute;
		left: 0;
		z-index: 1100;
	}

	#menu-burger img
	{	width: 20px;
		height: auto;
	}

	#header-menu-mobile > div
	{	display: none;
		position: absolute;
		left: -5%;
		width: 100%;
		top: 65px;
		
		background-color: black;
		color:  white !important;
	}

	.handheld-navigation
	{	max-height: unset !important;
		overflow: unset !important;
		padding: 10px;
	}

	.handheld-navigation ul.menu li a
	{	display: block;
		color:  white;
		font-size: 24px;
		text-transform: uppercase;
		margin-bottom: 5px;
	}

	.handheld-navigation ul.menu .sub-menu
	{	visibility: visible !important;
		opacity: 1 !important;
		display: inline-block !important;
		margin-bottom: 5px !important;
	}

	.site-header .handheld-navigation ul.menu li.current-menu-item > a, .site-header .handheld-navigation ul.menu li > a:hover
	{	color: #F8D960;
	}

	.handheld-navigation ul.menu li:hover .sub-menu
	{	display: block;
		visibility: visible !important;
		opacity: 1 !important;
		max-height: unset !important;
	}


	.handheld-navigation ul.menu .sub-menu li a::before
	{	content: ">";
		margin-right: 7px;
	}

	.handheld-navigation ul.menu .sub-menu li a
	{	font-size:  20px;
	}


	#header-lang
	{	display: none;
	}

	#header_block
	{	justify-content: flex-end;
		height: auto;
	}

	#header-tools ul li
	{	margin-left: 0;
		margin-right:  1em;
	}

	#header-tools ul li:last-child
	{	margin-right: 0;
	}

	.site-header-cart .cart-contents
	{	display: block !important;
	}

	.woocommerce-active .site-header .site-branding
	{	margin-left:  -120px !important;
	}

	.woocommerce-active .site-header .site-branding img
	{	height:  1.4em;
	}

	#site-navigation
	{	position:  relative;
	}

	.main-navigation div.menu:last-child
	{	display: none;
	}
	#site-navigation button.menu-toggle
	{	display: none;
	}

	.site-header
	{	background:  #F8D960 !important;
		color:  black;
		height: 100px;
	}

	#header-recherche-wrapper
	{	margin-top: 35px;
	}


	/* footer */
	.storefront-handheld-footer-bar
	{	display: none;
	}

	#footer-bottom > div.footer-widgets
	{	flex-direction: column;
		margin: 50px 60px 30px 60px;
	}

	#footer-bottom > div.footer-widgets > div
	{	margin-bottom: 1em;
	}

	#footer-bottom > div.footer-widgets > div:first-child
	{	margin-bottom: 2em;
	}



	/* home */
	#home-slider
	{	
		height:  auto;
		margin-bottom:30px;
	}

	#home-slider > div
	{	height: 190px;
	}

	#home-phares{
		margin-top:0;
	}

	#home-phares > div
	{	width: 100%;
		flex-direction: column;
	}

	#home-phares > div a
	{	margin-right: 0;
		margin-bottom: 40px;
	}

	#home-phares > div a img
	{	margin: 0 auto;
	}

	#home-produits > div > ul
	{	width: 100%;
		justify-content: space-around;
	}

	#home-produits > div > ul li
	{	width: 45%;
		text-align: center;
	}

	#home-produits > div > ul li div
	{	width: 170px;
		height: auto;
		margin: 0 auto;
	}

	#home-produits > div > ul li a
	{	display: inline-block;
	}

	#home-produits > div > a span
	{	margin: 0 50px;
	}

	#home-presentation1 > div a
	{	width: 100%;
		flex-direction: column;
	}

	#home-presentation1 > div a:first-child div:last-child
	{	margin-top:  30px;
	}

	#home-presentation1 > div a:last-child div:first-child
	{	margin-bottom:  30px;
	}

	#home-presentation2 > div	
	{	width: 100%;
		flex-direction: column;
	}

	#home-presentation2 > div a
	{	margin-left: 0;
		margin-bottom: 40px;
	}

	#home-instagram
	{	width: 90%;
		margin-left: auto;
		margin-right: auto;
	}



	/* produits */

	body.post-type-archive-product .products
	{	width: 100% !important;
		justify-content: space-around;
	}

	body.post-type-archive-product ul.products li.product
	{	width: 45%;
	}



	/* catégorie produit */
	.woocommerce-products-header .term-description
	{	width: 100%;
	}

	body.tax-product_cat .col-full
	{	margin: 0 !important;	
	}

	body.tax-product_cat #content
	{	margin-top:  100px;
	}

	body.tax-product_cat #woocommerce-products-picture
	{	height: auto;
	}

	body.tax-product_cat #main
	{	margin-top: 50px;
	}

	body.tax-product_cat .storefront-sorting
	{	width: 100%;
	}

	body.tax-product_cat .products
	{	width: 100% !important;
	}

	body.tax-product_cat ul.products li.product
	{	width: 45%;
	}



	/* Fiche produit */
	body.single-product #main
	{	width: 100%;
	}

	.single-product-price button.single_add_to_cart_button.button.alt
	{	font-size: 16px !important;
		margin-top:  20px;
	}

	.single-product-price .price
	{	min-width: 130px;
	}

	.single-product div.product .woocommerce-product-gallery .flex-control-thumbs
	{	display: flex;
		justify-content: center;
	}

	.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:last-child
	{	margin-right:  0;
	}


	/* contact */
	body.page .wp-block-contact-form-7-contact-form-selector
	{	width: 100%;
	}


	form.wpcf7-form > div
	{	flex-direction: column;
	}

	form.wpcf7-form > div > div:first-child
	{	margin-right: 	0;
	}

	form.wpcf7-form > div > div:last-child
	{	margin-left: 0;
	}




	/* compte client */
	.storefront-full-width-content.woocommerce-account .entry-content
	{	width: 100%;
	}


	/* panier */
	.storefront-full-width-content.woocommerce-cart .entry-content
	{	width: 100%;
	}


	/* wishlist */
	body.page-id-880 #main
	{	width: 100%;
	}


	/* commande */
	form.checkout
	{	width: 100%;
	}

	#ship-to-different-address
	{	margin: 50px auto !important;
	}

	#order_review_heading
	{	margin-top:  50px;
	}



	#popup-content
	{	font-size: 10px;
		line-height: 13px;
	}


}






@media (min-width: 600px) and (max-width: 767px) { 


	#footer-bottom > div.footer-widgets
	{	flex-direction: row !important;
	}

	#footer-bottom > div.footer-widgets
	{	margin: 50px 30px 30px 30px;
	}

	#popup-content
	{	font-size: 10px;
		line-height: 13px;
	}

}