/* Toggle Menu CSS */
.toggle-mobile-btn {display: none; float: left; /*line-height: 80px;*/ width: 28px; transition: 0.3s;}
.toggle-mobile-btn span:after,
.toggle-mobile-btn span:before {content: ""; position: absolute; left: 0; top: -9px;}
.toggle-mobile-btn span:after{top: 9px;}
.toggle-mobile-btn span {position: relative; display: inline-block;}
.toggle-mobile-btn span,
.toggle-mobile-btn span:after,
.toggle-mobile-btn span:before {width: 100%; height:3px; transition: all 0.3s; backface-visibility: hidden;border-radius: 2px;}
.toggle-mobile-btn.open span {background-color: transparent;}
.toggle-mobile-btn.open span:before {transform: rotate(45deg) translate(5px, 5px);}
.toggle-mobile-btn.open span:after {transform: rotate(-45deg) translate(7px, -8px);}
/* Toggle Menu CSS End */
.navigation{ position: relative;}
.navigation ul{padding:0; margin:0;}
.navigation li{display: inline-block;  position: relative; list-style: none;}
.navigation li a{text-decoration: none; transition: 0.3s;}
.navigation li.sub-menu > a{ display:block; /*margin-right: 5px;*/}
@media (min-width: 992px){
	.navigation li.sub-menu > a{ margin-right: 5px;}
}
.navigation li.sub-menu > a:after{content:""; position: absolute; right: 0; top: 50%; margin-top: -2px;}
.navigation li.sub-menu ul{display: none; position: absolute; top: 100%; z-index: 99999; left:0; width: 140px; padding:0;}
.navigation li.sub-menu > ul a:after{display: none;}
.navigation li.sub-menu:hover > ul{display: block;}
.navigation li.sub-menu li{margin: 0; width: 100%; border-bottom:none;}
.navigation li.sub-menu li:hover{ border-bottom:none;}
.navigation li.sub-menu li a{padding: .5em 0; width: 100%; display: block; box-sizing: border-box; line-height: normal; text-transform: capitalize;}

/*== Media Query for Mobiles/Tablets
==================================== */
@media only screen and (max-width: 991px){
	.navigation{text-align:left; width:230px; margin:0; transition:0.3s; position:absolute; z-index:200; left:-340px; /*top:80px;*/}
	.toggle-mobile-btn {display: block;}
	.header{text-align: center; position: relative;}
	.fixed-header .navigation{top: 60px; transition: 0.3s;}
	.navigation li{margin: 0; width: 100%;}
	.navigation li a,
	.fixed-header .navigation li a{padding: 0 20px; width: 100%; line-height: 40px;}
	.navigation li.sub-menu > a:after{right: 10px; top: 22px;}
	.navigation li a:hover, .navigation li.active a{/*background-color: #F68E56; color: #fff;*/}
	.navigation li.sub-menu ul{position: relative; width: 100%; border: 0;}
	.navigation li.sub-menu li a{padding:10px 20px; /*font-size: 13px;*/}
	
	.toggle-mobile-btn{
		position:absolute;
	}
	.menu_droite .toggle-mobile-btn{ right:15px;}
}

@media (min-width:768px) and (max-width:991px){
	.navigation{
		left:-900px;
	}
	.toggle-mobile-btn{
		top:15px;
	}
}

@media only screen and (max-width: 767px){
	.toggle-mobile-btn{
		top:15px;
	}
}



/*== Media Query for Mobiles/Tablets End
======================================== */