@media (max-width:767px) {
	body {
	    overflow-x: hidden;
	    width: 100%;
	}
	.logo_desktop {
		display: none;
	}
	.logo_mobile {
		display: block;
	}
	.bloc-search {
	    float: left;
	    margin-top: -10px;
	    width: 100%;
	}
	input.search-text {
	    background-image: none;
	    height: 65px;
	    top: 10px;
	    border: 0;
	    background-color: #f2f1f0;
	    float: left;
	    position: relative;
		z-index:5;
		color: #5b595d;
		width: calc(100% - 65px);
		margin: 0;
		padding: 5px 20px;
		box-sizing: border-box;
	    border: 1px solid #ebe9e6;
		font-size: 20px;
	}	
	input.search-text:focus {
		z-index:5;
		width: calc(100% - 65px);
		border: solid 1px #ebe9e6; 
		background-color: white;
		outline: none;
		cursor:auto;
		padding-right: 20px;
	}
	input.search-submit {
		display: block;
	    float: left;
	    height: 65px;
	    width: 65px;
	    background-image: url(../images/ui-icon-search-dark.svg);
	    background-size: 30px;
	    background-position: 16px center;
	    background-repeat: no-repeat;
	    background-color: #f2f1f0;
	    border: 1px solid #ebe9e6;
	    padding: 5px;
	    top: 10px;
	    left: 0;	    
	}
	#header .top_right_custom a.contact,
	#header .top_right_custom a.cart {
		height: 45px;
	    width: 0;
	    overflow: hidden;
	    float: left;
	    padding-left: 25px;
	    color: transparent;
        background-position: left top;
	}
	#header .top_right_custom a.contact {
		background-position: left 6px;
	}
	#header .top_right_custom a.cart span {
		top: 20px;
	}
	header > .top_left {
	    width: 50%;
	    padding-left: 15px;
	}
	header > .top_right {
	    width: calc(50% - 40px);
	    float: left;
	}
	#header .top_right_custom {
	    margin-top: 15px;
	}
	.menu_wrapper {
		float: left;
		width: 100%;
		position: relative;
	    margin: 0;
	    background: #1789D1;
	}
	body #header_wrapper,
	body #header_wrapper #inner_header_wrapper,
	body #header_wrapper > .menu_wrapper,
	body #header_wrapper > .menu_inner_wrap,
	body #header_wrapper > .menu_inner_wrap #main-menu {
	    position: relative;
	    width: 100%;
	    float: left;
	    height: auto;
	} 
	#main-menu > a,
	#header_wrapper .nav-toggle2 {
		position: absolute;
		z-index: 10;
		right: 15px;
		top: -59px;
		width: 30px;
		height: 30px;
		color: transparent;
		background-color: transparent;
		border: 0;
		background-image: url('../images/menu_mobile.png');
		background-repeat: no-repeat;
		background-size: 25px 16px;
		background-position: center;		
    	letter-spacing: 0;
    	content: ''!important;
    	overflow: hidden;
    	padding:0; 
	}	
	#main-menu ul {
		position: absolute;
		z-index: 20;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
    	background: #fff;
	}
	#main-menu ul.active {
		display: block;
	    /*padding-bottom: 50px;	    */
		-moz-box-shadow: 0px 1px 10px #ebe9e6;
	    -webkit-box-shadow: 0px 1px 10px #ebe9e6;
		-o-box-shadow: 0px 1px 10px #ebe9e6;
		box-shadow: 0px 1px 10px #ebe9e6;
	}
	#main-menu .menu-navigation-container > ul > li.expanded {
		background-color: #ebe9e6;
		background-image: url("../images/ui-icon-more-dark.svg");
		background-repeat: no-repeat;
		background-size: 30px;
	    background-position: calc(100% - 15px) 15px;
	}
	#main-menu .menu-navigation-container > ul > li.expanded.active {
		background-image: url("../images/ui-icon-less-dark.svg");
	}
	#main-menu .menu-navigation-container > ul > li.expanded > a:hover + ul.active {
		display: none;
	}
	#main-menu .menu-navigation-container > ul > li.expanded > a:hover,
	#main-menu .menu-navigation-container > ul > li.expanded > a {
	    font-family: 'RobotoCondensed-Regular';
	    font-weight: normal;
	    font-size: 14px;
	    color: #252526;
	    width: calc(100% - 60px);
	    height: 60px;
	    line-height: 60px;
	    padding: 0 0 0 25px;
	    text-align: left;
	    border: 0;
	    border-right: 1px solid #ebe9e6; 
	    border-bottom: 1px solid #ebe9e6;
	    background-color: #fff; 
	}
	#main-menu .menu-navigation-container > ul > li.expanded.active > a:hover,
	#main-menu .menu-navigation-container > ul > li.expanded.active > a {
		background-color: #ebe9e6; 
	}
	#main-menu li > ul.active {
		display: block;
		border-top: 1px solid #f2f1f0;
		border-bottom: 1px solid #f2f1f0;
	    padding: 10px 25px!important;
	}
	#main-menu ul.menu li li {
	    float: left;
	    width: 50%;
	}
	#main-menu ul.menu li li a {
		text-align: left;
	    color: #5b595d;
	}
	#main-menu .menu-navigation-container > ul > li.first a {
	    padding: 20px 0;
	    border: 0;
	}
	#main-menu .menu-navigation-container > ul > li >.drop-down-toggle {
		display: none;
	}
	.flexslider {
		border: 0;
	    margin: 0;
	}
	#flexslider_views_slideshow_main_owl_carrousel-block_1 .flex-control-paging li {
	    width: 30%;
	    margin: 0;
	}
	#block-views-nos-marques-mobile-block {
		float: left;
		width: 100%;
		padding: 30px 0;
	}
	#block-views-nos-marques-mobile-block .view-header div {
		padding: 0 20px;	
		font-family: 'Roboto-Medium';
		font-size: 32px;
		line-height: 40px;
		color: #252526;
	}
	#block-views-nos-marques-mobile-block .views-field.views-field-title {
		padding: 20px;	
		font-family: 'Roboto-Bold';
		font-size: 26px;
		line-height: 30px;
		color: #252526;
	}
	#block-views-nos-marques-mobile-block .views-field.views-field-body {
		padding: 20px;	
		font-family: 'Roboto-Light';
		font-size: 20px;
		line-height: 24px;
		color: #5b595d;
	}
	#block-views-bloc-newsletter-home-page-block {
	    padding-top: 40px;
	    padding-bottom: 40px;
	    padding-left: 25px;
	    padding-right: 25px;
	    margin-top: 45px;
	}
	.view-bloc-newsletter-home-page .views-fluid-grid-list {
	    width: 100%;
	}
	.view-bloc-newsletter-home-page .simple_subscription_header,
	.view-bloc-newsletter-home-page .views-field-body p {
		text-align: center;
		font-size: 32px;
	}
	.view-bloc-newsletter-home-page .views-row-2 input[type="submit"] {
		margin-top: 9px;
	}
	.view-bloc-newsletter-home-page .simple_subscription_header {
		margin-bottom: 20px;
	}
	#footer input[type="submit"] {
		margin-top: 10px;
	}
	#block-views-nos-marques-mobile-views-block {
		float: left;
		width: 100%;
	    padding: 90px 0;
	}
	.flexslider .slides img {
		width: auto;
	}
	.page-node .region-content #block-views-nos-marques-mobile-views-block .flex-nav-container .views-field-field-image {
	    width: 100%;
	    height: auto;
	    border-top: 1px solid #ebe9e6;
	    border-bottom: 1px solid #ebe9e6;
	}
	#footer-area .column.footer_forth {
		border-top: 1px solid #ebe9e6;
		border-bottom: 1px solid #ebe9e6;
		margin: 0;
		padding: 15px;
	}
	#block-views-slidermarqueshome-block-1 a img {
		border: 0;
		margin: 0 auto;
		height: 150px;
		width: auto;
	}
	#block-views-slidermarqueshome-block-1 .views-field-field-image-slider-home a {    
		float: left;
		width: 100%;
		height: 152px;
    	border-top: 1px solid #ebe9e6;
    	border-bottom: 1px solid #ebe9e6;
    	text-align: center;
	}
	#block-agegate-age-gate .modal-dialog {
	    max-width: 100%;
	    width: 100%;
	    margin: 0;
	    color: #5b595d;
	}
	#block-agegate-age-gate .modal-content {
	    border-radius: 0;
	    border: 0;
	}
	#block-agegate-age-gate .inner p {
	    margin-bottom: 30px;
	    text-align: center;
	}
	.age-gate-checkbox-right {
	    width: 185px;
	    margin: 0 auto;
	    float: left;
	    font-size: 14px;
	    margin-right: 0;
	}
	.age-gate-text-checkbox {
	    margin-bottom: 20px;
	    margin-top: 20px;
	}
	#age-form,
	.age-gate-text-checkbox p {
		text-align: center;
	}
	.age-gate-text-checkbox p br {
		display: none;
	}
	#block-agegate-age-gate #btn-reset,
	#block-agegate-age-gate #btn-submit {
		margin-right: 0;
	}
	.page-node-34 .text_bottom_contact {
	    font-family: 'Roboto-Regular';
	    font-size: 12px;
	    color: #5b595d;
	    float: left;
	    width: 100%;
	    padding: 0 20px 30px 20px;
	}
	.page-node-34 select.form-select {
		padding-left: 5px;
	}
}
@media (max-width:400px) {	
	#main-menu ul.menu li li {
	    float: left;
	    width: 100%;
	}
}