.menu_content {
float:right;
padding:4.5% 0 0 0;
margin:0 0 0 0;
width:68%;
}
/*== 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: #888; 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: 'roboto', 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: #344c96;}
.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 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: #2b1b73;}
.navigation li.sub-menu li a:hover{background: #2b1b73; 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: -201px; top: 80px; background-color: #e4e4e4; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd;}
	.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: #2b1b73; 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:20%;
padding-right:5%;
padding-top:7%;
}
}

@media only screen and (min-width:500px) {
.menu_content {
width:20%;
padding-top:5%;
}
}
@media only screen and (min-width:500px) {
.menu_content {
padding-top:3%;
}
}

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