/* Mobile */
@media only screen and (max-width: 768px) {
	
	.disappear {display: none !important;}
	.center {text-align: center !important;}
	.noborder {border: none !important;}
	.m-mobile0 {margin: 0 !important;}

	/*=================================================================
 	Navigation  ======================================================*/
	.navbar {background :#f8f8f8 url(../img/decorations/tex-menu.jpg) repeat 18px 0;}

	.navbar .logo {display: block; padding-top: 6px;}

	.navbar ul {background-color: #f8f8f8;}

	.gumby-no-touch .navbar ul li:hover .dropdown ul { overflow: auto; background: #c7c7c7;}

	.logo-link {display: block; margin-top: 12px; margin-left: 19px !important;}


	.navbar a.toggle {background-color: #fafafa; border: 3px solid #efefef; font-size: 1rem; font-size: 14px; width: 65px; line-height: 34px;}
	.navbar a.toggle:hover {background-color: #e0e0e0;}
	.navbar a.toggle:active, .navbar a.toggle.active {background-color: #c7c7c7;}
	/*#nav-main > div.row { border-radius: 4px; border-bottom: 3px solid #e70808;}*/

	.navbar > div.row > ul > li {max-height: 320px;}
	.navbar ul li.active .dropdown ul li a:hover {color: red;}
	.navbar ul li.active .dropdown ul li,.navbar ul li.active .dropdown ul li a {background-color: #3C3C3C;}
	.navbar li .dropdown ul > li.active a {padding: 3px 8px;}

	#nav-main > div.row {height: 60px;}

	/*=================================================================
 	Catalogue  ======================================================*/
	.catalogue .items-article > li { width: 47.3073%; margin: 0 1.01626%; float: left;}

	.marques > div { float: none; margin: 3px 0px; min-height: 1px; height: auto; width: 100%; clear: both;}
	.marques > div:after {content: ""; clear: both; display: table;}
	.marques > div p.lead{position: relative; font-size: 50px; float: left;}
	.marques > div ul {float: left;}

}



/**
 * IPAD PORTRAIT
 * 
 *
 */
@media only screen and (min-width: 768px) and (max-width: 850px) {
#nav-main > div.row {height: 60px;}
	.logo-link {display: block;}

	.marques > div { float: none; margin: 3px 0px; min-height: 1px; height: auto; width: 100%; clear: both;}
	.marques > div:after {content: ""; clear: both; display: table;}
	.marques > div p.lead{position: relative; font-size: 50px; float: left;}
	.marques > div ul {float: left;}


}