/* ---------------------------------------
	Responsive design code
	-----------------------------------------*/

	@media screen and (min-width: 1024px) {

		.hidemobile5 {
			display: none !important;
		}

		#banner {
			display: inherit;
		}
		#nav1 {
			display: inherit;
		}
		#module1 {
			display: inherit;
		}
		#module2 {
			display: inherit;
		}
		#module3 {
			display: inherit;
		}
		#module4 {
			display: inherit;
		}
		#module5 {
			display: inherit;
		}
		#module6 {
			display: inherit;
		}
		#module7 {
			display: inherit;
		}


	}
	@media screen and (min-width: 768px){
		.itemid-101 #banner{
			position: fixed;
			width: 100%;
			background-color: #fff;
			z-index: 9999;
		}
		.itemid-101 #nav1{
			position: fixed;
			width: 100%;
			top: 90px;
			z-index: 99999;
		}
	}
	@media screen and (max-width: 1024px) {

		img {
			max-width: 100% !important;
			height: auto !important;
		}

		.container {
			width: 950px !important;
		}

		.hidemobile4 {
			display: none !important;
		}

		#banner {
			display: inherit;
		}
		#nav1 {
			display: inherit;
		}
		#module1 {
			display: inherit;
		}
		#module2 {
			display: inherit;
		}
		#module3 {
			display: inherit;
		}
		#module4 {
			display: inherit;
		}
		#module5 {
			display: inherit;
		}
		#module6 {
			display: inherit;
		}
		#module7 {
			display: inherit;
		}


	}

	@media screen and (max-width: 950px) {

		.container {
			width: 758px !important;
		}

		.hidemobile3 {
			display: none !important;
		}

		#banner {
			display: inherit;
		}
		#nav1 {
			display: inherit;
		}
		#module1 {
			display: inherit;
		}
		#module2 {
			display: inherit;
		}
		#module3 {
			display: inherit;
		}
		#module4 {
			display: inherit;
		}
		#module5 {
			display: inherit;
		}
		#module6 {
			display: inherit;
		}
		#module7 {
			display: inherit;
		}


	}

	@media screen and (max-width: 758px) {

		.container {
			width: 524px !important;
		}

		.hidemobile2 {
			display: none !important;
		}

		#banner {
			height: auto !important;
		}
		#banner .logobloc {
			float :none !important;
			width: auto !important;
		}
		#banner img {
			display :block !important;
			margin: 0 auto !important;
		}
		#nav1 {
			height: auto !important;
		}
		#nav1 ul {
			height: auto !important;
		}
		#nav1 li {
			float :none !important;
			width: 100% !important;
		}
		#nav1 div.floatck {
			width: 100% !important;
		}
		#module1 {
			display: inherit;
		}
		#module1 {
			height: auto !important;
		}
		#module1 .logobloc {
			float :none !important;
			width: auto !important;
		}
		#module2 {
			display: inherit;
		}
		#module2 {
			height: auto !important;
		}
		#module2 .logobloc {
			float :none !important;
			width: auto !important;
		}
		#module3 {
			display: inherit;
		}
		#module3 {
			height: auto !important;
		}
		#module3 .logobloc {
			float :none !important;
			width: auto !important;
		}
		#maincontent .column {
			width: 100% !important;
			clear:both;
			float:left
		}
		#maincontent .column1 div.inner, #maincontent .column2 div.inner {
			/*overflow:hidden;*/
		}
		#maincontent .column div.inner {
			margin-left: 0 !important;
			margin-right: 0 !important;
		}
		.items-row .item, .column {
			width: auto !important;
			float: none;
			margin: 0 !important;
		}

		.column div.moduletable, .column div.moduletable_menu {
			float: none;
			width: auto !important;

		}

		.contact form fieldset dt {
			max-width: 80px;
		}

		.contact input, .contact textarea {
			max-width: 160px;
		}
		#module4 {
			display: inherit;
		}
		#module4 {
			height: auto !important;
		}
		#module4 .logobloc {
			float :none !important;
			width: auto !important;
		}
		#module5 {
			display: inherit;
		}
		#module5 {
			height: auto !important;
		}
		#module5 .logobloc {
			float :none !important;
			width: auto !important;
		}
		#module6 {
			display: inherit;
		}
		#module6 {
			height: auto !important;
		}
		#module6 .logobloc {
			float :none !important;
			width: auto !important;
		}
		#module7 {
			display: inherit;
		}
		#module7 {
			height: auto !important;
		}
		#module7 .logobloc {
			float :none !important;
			width: auto !important;
		}
		.beauty__container{
			width: 90vw;   
			margin-right: 0px;
			margin-left: 0px;
		}
		body.com_content.view-featured.no-layout.no-task.itemid-101 div#module3 .uk-overlay-panel.uk-flex.uk-flex-middle.uk-overlay-fade{
			margin-left: 0vw;    width: 100vw;
		}
		#nav1 ul.menu, #nav1 ul.maximenuck{
			text-align: left;
		}
		.attention__container {
			margin-left: 0;
			margin-right: 0;
		}
		body.com_content.view-featured.no-layout.no-task.itemid-101 div#module2 .uk-overlay-panel.uk-flex.uk-flex-middle.uk-overlay-fade{
			width: 100vw;
		}
		.attention__text {
			padding-right: 40px;
		}
		.attention__container {
			-webkit-flex-basis: auto;
			-ms-flex-preferred-size: auto;
			flex-basis: auto;
			width: 100%;
			padding: 0 0px;
		}
		.production__main{
			max-width: 100%;
		}
		.proud__content p{
			text-align: center !important;
		}
		.owl-item>div{
			height: auto !important;
		}
		.catalog__info{
			padding: 0px !important;
			width: 100% !important;
		}
		.portfolio__elem:nth-child(odd) .portfolio__column:first-child, .portfolio__elem .portfolio__column:last-child, .portfolio__elem .portfolio__column:first-child{
			float: none !important;
			width: 100% !important;
			padding-left: 0px !important;

		}
		.portfolio__content{
			padding: 10px !important;
		}
		.showroom__text{
			margin: 0px !important;
			padding: 10px !important;
		}
		.attention__text p{
			font-size: 12px !important;
		}
		ul.nav.menu{
			display: none;
		}
	}
	@media screen and (max-width: 524px) {

		.container {
			width: 292px !important;
		}

		.hidemobile1 {
			display: none !important;
		}

		#banner {
			height: auto !important;
		}
		#banner .logobloc {
			float :none !important;
			width: auto !important;
		}
		#banner img {
			display :block !important;
			margin: 0 auto !important;
		}
		#nav1 {
			height: auto !important;
		}
		#nav1 ul {
			height: auto !important;
		}
		#nav1 li {
			float :none !important;
			width: 100% !important;
		}
		#nav1 div.floatck {
			width: 100% !important;
		}
		#module1 {
			display: inherit;
		}
		#module1 {
			height: auto !important;
		}
		#module1 .logobloc {
			float :none !important;
			width: auto !important;
		}
		#module2 {
			display: inherit;
		}
		#module2 {
			height: auto !important;
		}
		#module2 .logobloc {
			float :none !important;
			width: auto !important;
		}
		#module3 {
			display: inherit;
		}
		#module3 {
			height: auto !important;
		}
		#module3 .logobloc {
			float :none !important;
			width: auto !important;
		}
		#maincontent .column {
			width: 100% !important;
			clear:both;
			float:left
		}
		#maincontent .column1 div.inner, #maincontent .column2 div.inner {
			/*overflow:hidden;*/
		}
		#maincontent .column div.inner {
			margin-left: 0 !important;
			margin-right: 0 !important;
		}
		.items-row .item, .column {
			width: auto !important;
			float: none;
			margin: 0 !important;
		}

		.column div.moduletable, .column div.moduletable_menu {
			float: none;
			width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
	}#module4 {
		display: inherit;
	}
	#module4 {
		height: auto !important;
	}
	#module4 .logobloc {
		float :none !important;
		width: auto !important;
	}
	#module5 {
		display: inherit;
	}
	#module5 {
		height: auto !important;
	}
	#module5 .logobloc {
		float :none !important;
		width: auto !important;
	}
	#module6 {
		display: inherit;
	}
	#module6 {
		height: auto !important;
	}
	#module6 .logobloc {
		float :none !important;
		width: auto !important;
	}
	#module7 {
		display: inherit;
	}
	#module7 {
		height: auto !important;
	}
	#module7 .logobloc {
		float :none !important;
		width: auto !important;
	}


}