@media only screen and (max-width: 991px){
    /* 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;}
}
@media only screen and (max-width: 991px){
    /*.navigation li.sub-menu > a:after{content:""; position: absolute; right: 0; top: 50%;}
    .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%;}
    .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; left:-800px; /*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;
	}
}

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

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



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