/* very Small screen (phone) */
@media only screen and (max-width: 767px) {
	
	.homeadvertiser-item {
		margin-bottom: 30px;
	}

	#header .shopping_cart_area{
	    margin-right: 0;
	}
	#languages-block-top{
	    float: left !important;
	    margin-bottom: 10px;
	}
	#currencies-block-top{
	    float: left !important;
	    margin-bottom: 10px;
	}
	
	.nav_block_top{
	    display: block;
	    text-align: center;
	}
	.nav_block_top > div{
	    float: left;
	}
	.cart_block .cart-images{
	    margin-right: 10px;
	}
	
	.menu_area .top-bar{
		display: block;
		text-align: center;
	}
	.menu_area .top-bar form{
		display: inline-block;
	}
	.top-bar form#searchbox .form-search{
		margin: 0 auto;
		margin-bottom: 10px;
		margin-top: 30px;
	}
	.welcome_shopping_cart_language_area{
		margin-bottom: 30px;
	}
	
	header .row .welcome_shopping_cart_language_area .welcome-msg, header .row .welcome_shopping_cart_language_area .welcome-msg p{
		text-align: center;
	}
	#header .shopping_cart{
		float: none;
		margin: 0 auto;
	}

	#header nav .nav_block_top > div > a{
		margin-bottom: 10px;
	}
	
	#block_top_menu {
		padding-top: 6px;
	}

	.sf-menu > li > a{
		text-align: left;
		padding: 12px 20px;
	}
	.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a{
		border-top: 5px solid transparent;
	}
	
	#carousemanufacturer .bx-wrapper .bx-next{right: 0;}
	#carousemanufacturer .bx-wrapper .bx-prev{left: 0;}
	.shop-newsletter .subscribe-form{margin-right: 0px; float: left;}

	.shop-newsletter .subscribe-form label{
		margin-bottom: 12px;
	}
	.shop-newsletter .subscribe-form input.email{
		margin-bottom: 8px;
	}
	#mc-embedded-subscribe{margin-left: 0px; margin-bottom: 10px;}
	
	.content_scene_cat .content_scene_cat_bg{
		padding: 15px 15px 10px 15px;
	}
	
	#subcategories ul li{
		width: 140px;
		margin: 0 5px 5px 0px;
	}
	#subcategories ul li:nth-child(2n){
		margin-right: 0px;
	}
	.cart_navigation .button-medium{
		margin-bottom: 10px;
	}
	.cart_navigation .button-medium span{
		padding: 11px 13px 10px 13px;
	}

	ul.product_list.list > li .right-block .right-block-content .button-container .functional-buttons{
		vertical-align: top;
	}
	ul.product_list.list > li .right-block .right-block-content .functional-buttons > div{
		padding-right: 0px;
		padding-left: 8px;
	}
	ul.product_list.list > li .product-flags{
		margin: 0px 0 10px 0;
	}
	ul.product_list.list > li .center-block .comments_note{
		text-align: center;
	}
	ul.product_list .comments_note .star_content{
		float: none;
		display: inline-block;
	}
	.pb-left-column #image-block{
		margin-bottom: 10px;
	}
	#product #more_info_tabs li{
		display: block;
		width: 100%;
	}
	#product #more_info_tabs li a{
		width: 100%;
	}
	.commentList li{
		padding: 73px 8px 8px 15px;
	}
	.blog-post .post-date-wrapper {
	    float: left;
	    width: 100%;
	}
	.blog-post .post-content-wrapper {
	    float: left;
	    width: 100%;
	}
	#productscategory_list .bx-wrapper .bx-controls-direction a{
		/*top: -22%;*/
	}
	#subcategories ul li{
		height: 170px;
	}
	
	#product.content_only div.pb-left-column #thumbs_list_frame{
		height: 93px;
	}
	#thumbs_list li{
		height: 85px;
		width: 85px;
	}
	.shop-newsletter .subscribe-logo{
		background: none;
	}
	
	#currencies-block-top, #languages-block-top{
		border:none;
	}
	#my-account ul.myaccount-link-list li a{
		margin: 0px 4px 10px 0px;
	}
	.bx-wrapper img{
		margin: 0 auto;
	}
	#articleRelated .single_releted_article{
	    margin-bottom: 20px;
	}
	#articleComments{
		padding:0;
	}
	#mywishlist .block-center .table > thead > tr > th, #mywishlist .block-center .table > tbody > tr > td{
		padding: 9px 4px 11px 4px;
		text-align: center;
	}
	.button-container .button-medium{
		padding: 9px 6px 10px;
	}
	.widget_facebook_left, .widget_facebook_right, .widget_custom_box_right, .widget_custom_box_left{
		display: none;
	}

	.smart_newsletter_block{
		margin-bottom: 58px;
	}
	.homeadvertiser-item img{
		width: auto;
	}

	/*products_list*/
	ul.product_list .product-image-container .quick-view {
	    display: none;
	}
	.table tbody > tr > td.cart_quantity .cart_quantity_button a{
		float: left;
		margin-top: 3px;
	}
	.sds_tabs .nav-tabs > li{
		display: block;
	}
	.btn.rev-button:before{
		display: none;
	}
	.btn.rev-button {
		font-family: inherit;
		min-width: 65px !important;
		display: block;
		text-transform: none;
		text-align: left;
		padding: 13px 5px !important;
		min-height: 24px !important;
		font-size: 13px !important;
	}
		
}


/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
		#content input.button, #respond input#submit, a.button, button.button, input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce a.added_to_cart, .woocommerce-page a.added_to_cart{
			padding: 9px 10px 10px;
		}
		
		ul.product_list.grid > li .product-container div.right-block {
	    padding: 10px 10px 0px 10px;
		}
		ul.product_list.grid > li.last-item-of-mobile-line{
			clear: right;
		}
		#subcategories ul li:nth-child(2n){
		margin-right: 5px;
	}
	ul.product_list.grid > li .product-container{
		border: 4px solid rgba(0, 0, 0, 0);
	}
}




/* Small Screen   */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	/*Menu Area*/
	.menu_area .top-bar{
		display: block;
		text-align: center;
	}
	.menu_area .top-bar form{
		display: inline-block;
	}
	.top-bar form#searchbox .form-search{
		width: 290px;
	}

	#content input.button, #respond input#submit, a.button, button.button, input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce a.added_to_cart, .woocommerce-page a.added_to_cart{
		padding: 9px 10px 10px;
	}
	
	ul.product_list.grid > li .product-container div.right-block {
    padding: 12px 12px 0px 12px;
	}

	.accessories-block .exclusive span{
		padding: 2px 3px 3px;	
	}

	#carousemanufacturer .bx-wrapper .bx-next{right: 0;}
	#carousemanufacturer .bx-wrapper .bx-prev{left: 0;}
	.shop-newsletter .subscribe-form{margin-right: 0px; float: left;}

	.promo-block .promo-box a img{
		width: 100%;
	}
	.sidebar .related-sidebar .bx-wrapper .bx-controls-direction a {
		top: 7%;
		left: 29%;
	}
	.blog-post .post-date-wrapper {
	    float: left;
	    width: 14.5%;
	}
	.blog-post .post-content-wrapper {
	    float: left;
	    width: 85.5%;
	}
	#thumbs_list li{
		height: 76px;
		width: 76px;
		margin-right: 11px;
	}

	ul.product_list.grid li.ajax_block_product .product-container div.right-block {
		padding: 25px 10px 0px 10px;
	}
	
	

}



/* Mediam Screen   */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
	ul.product_list.grid li.ajax_block_product .product-container .old-price, ul.product_list.grid li.ajax_block_product .product-container .price, ul.product_list.grid li.ajax_block_product .product-container .price-percent-reduction {
	    font-size: 15px;
	}

	.blog-post .post-date-wrapper {
	    float: left;
	    width: 11.4%;
	}
	.blog-post .post-content-wrapper {
	    float: left;
	    width: 88.6%;
	}
	#thumbs_list li{
		height: 85px;
		width: 85px;
		margin-right: 8px;
	}
	#thumbs_list li a {
		height: 83px;
	}
	
	#productscategory_list li.ajax_block_product .product-container .right-block {
	    padding: 15px 0px;
	}
	
	#productscategory_list li.ajax_block_product .product-container .right-block p.price_display >span {
		font-size: 15px;
	}
	
	
	ul.product_style_common li.ajax_block_product .product-container .right-block {
	    padding: 15px 0px;
	}
	
	ul.product_style_common li.ajax_block_product .product-container .right-block p.price_display >span {
		font-size: 15px;
	}
	
	



}


/* Large Screen   */
@media (min-width: 1200px) {

	ul.product_list .product-image-container .quick-view {
	    display: none;
	}

	.submenu-container li.manufac_with_logo:nth-child(6n), .submenu-container li.manufac_only_logo:nth-child(6n) {
		margin-right: 0px;
	}


}

/* Responsive Design */
@media (max-width: 768px) {
	.footer-top {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.footer-nav {
		flex-direction: column;
		align-items: center;
	}
	.footer-section {
		width: 100%;
		margin-bottom: 30px;
	}
}
/* Responsive Design */
@media (max-width: 768px) {
	.footer-top {
		flex-direction: column;
		align-items: center;
	}
	.footer-nav ul {
		flex-direction: column;
		gap: 0.5rem;
		text-align: center;
	}
	.footer-bottom {
		flex-direction: column;
		gap: 0.5rem;
	}
}

@media(max-width :1200px){
	.footer-nav{
		flex-direction: column;
		align-items: center;
	}.footer-top{
			 flex-direction: column;
			 align-items: center;
			 text-align: center;
	}
	.footer-section {
		width: 100%;
		margin-bottom: 30px;
	}

}

/* Styles pour mobile et tablette */
@media (max-width: 768px) {
	.header-wrap {
		position: fixed;
		top: 0;
		left: -100%; /* Cacher toute la sidebar par défaut */
		width: 80%; /* Largeur de la sidebar */
		height: 100vh; /* Occupe toute la hauteur de l’écran */
		background-color: #fff;
		box-shadow: 2px 0 5px rgba(0, 0, 0, 0.3);
		transition: left 0.3s ease-in-out;
		overflow-y: auto; /* Scroll si contenu trop long */
		z-index: 1000;
		height: 100%;
		overflow-x: hidden;
	}
	#header{
		height: 100%;
		display: flex;
		flex-direction: column;
	}
	.header-container .container{
		padding: 0;
	}.header-container .container .row{
		display: flex;
		flex-direction: column;
	}
	 .nav_block_top{
		 display: flex;
		 flex-direction: column;
		 align-items: center;
		 justify-content: center;
	 }
	 .header-container{
		 flex-shrink: 0;
	 } .nav{
		 flex-shrink: 0;
	 }
	 .menu_area{
		 flex-grow:1;
		 position: relative;
	 }
	 #header_logo {
		 text-align: center;
	 }
	.header-wrap.open {
		left: 0; /* La sidebar devient visible */
	}
	header .row #header_logo a {
		float: none;
	}

	.sidebar-toggle {
		display: block; /* Bouton hamburger visible */
		position: fixed;
		width: 20px;
		height: 10px;
		top: 15px;
		left: 90%;
		z-index: 1100;
		font-size: 1.8rem;
		cursor: pointer;
	}
	.sidebar-toggle span {
		display: block;
		width: 100%;
		height: 4px; /* Épaisseur des lignes */
		background-color: #6AC4CC; /* Couleur des lignes */
		border-radius: 2px;
		position: absolute;
		left: 0;
		transition: transform 0.3s ease, top 0.3s ease, opacity 0.3s ease;
	}
	.sidebar-toggle span:nth-child(1) {
		top: 0;
	}

	.sidebar-toggle span:nth-child(2) {
		top: 6px; /* Espacement entre les lignes */
		background-color: #EA641D !important;
	}

	.sidebar-toggle span:nth-child(3) {
		top: 12px;
	}

	/* État actif (menu ouvert) */
	.sidebar-toggle.open span:nth-child(1) {
		transform: rotate(45deg);
		top: 12px; /* Aligner la croix au centre */
	}

	.sidebar-toggle.open span:nth-child(2) {
		opacity: 0; /* Masquer la ligne du milieu */
	}

	.sidebar-toggle.open span:nth-child(3) {
		transform: rotate(-45deg);
		top: 12px; /* Aligner la croix au centre */
	}


	.banner {
		order: 2; /* Pousse la bannière en bas */
	}

	.nav {
		order: 1; /* Place la navigation en premier */
	}
	.menu_area{
		order: 3;
	}
	#header nav .nav_block_top > div > a{
		border: none;
	}
	#header_logo{
		padding-top: 45px!important;
	}
}