.menu_content {
float:right;
padding:5px 0 0 0;
margin:0;
width:75%;
}
/*== Reset CSS
============== */
*{margin: 0; padding: 0; box-sizing: border-box;}
:focus{outline: none;}


/* Toggle Menu CSS */
.toggle-mobile-btn {display: none; float:right; line-height: 80px; width: 28px; margin-top:10%; 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: 5px; background-color: #ea5c06; 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, .search-box{float: right; position: relative; z-index:10;}
.navigation{margin-right: 10px;}
.navigation li{float: left; margin: 0 7px; position: relative; list-style: none;}
.navigation li a{text-decoration: none; float: left; font-size:14px; letter-spacing: 1px; line-height: 25px; text-transform: uppercase;font-family: 'Work Sans', sans-serif; color: #4f4f4f; transition: 0.3s;}
.navigation li.sub-menu > a{padding-right: 20px; font-family: 'roboto', sans-serif;}
.navigation li.sub-menu > a:after{content:""; position: absolute; right: 0; top: 50%; border-top: 5px solid #4f4f4f; border-left: 5px solid transparent; border-right: 5px solid transparent; margin-top: -4px;}
.navigation li.sub-menu > a:hover:after{border-top-color: #f58323;}
.navigation li.sub-menu ul{display: none; position: absolute; top: 100%; width: 200px; background: #f6f6f6; border: 1px solid #ededed; border-top: 0; z-index: 99999;}
.navigation li.sub-menu .onepro {width: 320px;}
.navigation li.sub-menu .twopro {width: 250px;}
.navigation li.sub-menu ul ul{top: 0; left: 100%;}
.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: 8px 15px; width: 100%; box-sizing: border-box; line-height: normal; text-transform: capitalize;}
.navigation li a:hover, .navigation li.active a{color: #f58323;}
.navigation li.sub-menu li a:hover{background: #e94c1f; color: #fff;}



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

@media only screen and (max-width: 1080px){
	.toggle-mobile-btn {display: block;}
	.navigation{text-align: left; width: 200px; margin: 0; transition: 0.3s; position: absolute; left: -200px; top: 80px; background-color: #e4e4e4; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd;}
	.navigation li.sub-menu .onepro {width: 200px;}
	.navigation li.sub-menu .twopro {width: 200px;}
	.fixed-header .navigation{top: 60px; transition: 0.3s;}
	.navigation li{margin: 0; width: 100%;}
	.navigation li a,
	.fixed-header .navigation li a{padding: 0 10px; width: 100%; line-height: 35px;}
	.navigation li.sub-menu > a:after{right: 10px; top: 22px;}
	.navigation li a:hover, .navigation li.active a{background-color: #e94c1f; color: #fff;}
	.navigation li.sub-menu ul{position: relative; width: 100%; border: 0;}
	.navigation li.sub-menu li a{padding: 6px 10px; font-size: 13px; }
}

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

@media only screen and (min-width:320px) {
.menu_content {
width:15%;
padding-top:9%;
padding-right:1%;
}
}

@media only screen and (min-width:400px) {
.menu_content {
padding-top:10%;
}
}
@media only screen and (min-width:460px) {
.menu_content {
padding-top:7.8%;
width:10%;
}
}

@media only screen and (min-width:560px) {
.menu_content {
width:13%;
padding-top:7%;
padding-right:3%
}
}

@media only screen and (min-width:600px) {
.menu_content {
width:10%;
padding-top:7%;
padding-right:0;
}
}
@media only screen and (min-width:720px) {
.menu_content {
width:15%;
padding-top:0;
padding-right:3%;
}
}


@media only screen and (min-width:990px) {
.menu_content {
float:right;
padding:5px 0 0 0;
margin:0;
width:75%;
}
}