/* Smartphone intermediaire */
@media all and (max-width:992px) {
.container {
    width: 320px;
}
#header .content {
    width: 100%;
	padding: 20px;
}

#menu {
    display: none;	
}
#menu {
    padding-left: 250px;
}
#menu ul li {
    float: none;
    display:block;
    background: none;
    padding-left: 0px;
    font-size: 18px;
    margin: 10px 0px 0px 0px;
}    
#menu_responsive {
    display: block;
    margin: 0 auto;
    padding:25px 0px 0px 0px;
    height: 75px;
    text-align: right;
    width: 100%;
    float: right;
}   
.sous_menu {
    display:none; 
    background: #ffffff;
    color:#28364d ;
    position: absolute;
    width:100%;
    top: 110px;
    left: 0px;
    z-index:999;
}
.sous_menu_2 {
    display:none; 
    background: #ffffff;
    color:#28364d ;
    width:100%;
    z-index:999;
}        
.sous_menu ul {
    list-style: none;
    text-align: center;
    margin: 0 auto;
    padding: 0;
}
.sous_menu ul li {
    height: auto;
    border-top: 1px #28364d solid;
    padding: 20px;
    font-size: 17px;
	font-family: 'caustenbold';
}
.sous_menu ul li.active {
    color: #f0d83b;
}
.sous_menu_2 ul {
	padding: 20px 0px;
}
.sous_menu_2 ul li {
    height: auto;
    border-top: 0px;
    padding: 0px 0px 5px 0px;
    font-size: 13px;
}
.sous_menu ul li.active, .sous_menu_2 ul li a.active {
    font-weight: bold;
    color: #f0d83b;
}
/* PAGE EXPERTISE */
.page-content .badge {
	width: 250px;
	height: 250px;
	font-size: 12px;
}
}

@media all and (max-width:768px) {
	#page .owl-carousel-home .badge {
		position: inherit;
		margin: 30px;
		width: 250px;
		height: 250px;
		font-size: 13px;
	}
	#page .owl-carousel-home .badge ul li {
		font-size: 15px;
	}
	#page .owl-carousel-home h2 {
		font-size: 20px;
		line-height: 25px;
	}
	#page .owl-carousel-home h3 {
		font-size: 25px;
		line-height: 25px;
	}
	#page .owl-carousel-home .item-3 .content {
		align-self: flex-start;
		padding: 20px;
	}
	#page .owl-carousel-home .item-1 .badge {
		align-self: flex-end;
	}
	#header {
		height: 110px;
	}	
	#header .logo {
		width: 167px;
		top: 23px;
	}
	/* PAGE EXPERTISE */
	.page-content {
		padding-top: 110px;
	}
	#page.page-content .left {
		width: 100%;
		order: 2;
		height: auto;
		padding: 30px 30px 100px 30px;
	}
	#page.page-content .right {
		width: 100%;
		padding: 0px 30px 80px 30px;
		order: 1;
		height: 250px;
	}
	.page-content .badge {
		width: 180px;
		height: 180px;
		font-size: 15px;
		left: 20px;
		top: inherit !important;
		bottom: -120px;
	}
	

	.owl-carousel-produits {
		margin: 20px 0px 20px 0px;
		width: 70% !important;
	}
	.page-content .right .title2 {
		flex-flow: column;
		align-items: flex-start;
	}
	.page-content .right .title2 img {
		margin:10px 0px 20px 0px;
	}
	.owl-carousel-solutions {
		width:30% !important;
		margin: 0;
	}

	/* ACHAT /VENTE */
	.page-content.achat .badge {
		left: inherit;
    	right: 20px;
	}
	/* FOOTER */
	#footer {
		height: auto;
		padding: 0px;
		flex-flow: column;
	}
	#footer img {
		width: 95% !important;
		margin: 5px auto;
		order: 2;
	}
	#footer .mentions {
		display: none;
	}
	#footer .footer-right {
		width: 100%;
		flex-flow: wrap;
	}
	#footer .contact {
		width: 100%;
		height: 30px;
		margin: 0px;
		order: 1;
		font-size: 11px;
	}
	#footer .catalogue {
		background: none;
		color: #f0d83b;
		order: 2;
	}
}

@media all and (max-width:400px) {
	.owl-carousel-solutions {
		width:70% !important;
		margin: 0;
	}
	.expertise-bottom {
		display: flex;
		flex-flow: column;
	}
	.expertise-bottom .confiance {
		margin: 0px;
		text-align: center;
	}
}