.menu_content {
float:left;
padding:0 0 0 0;
margin:0;
width:73%;
}
/*== 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: #cf2226; 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; padding:20px 5px 20px 5px; }
.navigation li a:hover { background:#cf2226; color:#FFFFFF;}
.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 #b93026; border-left: 5px solid transparent; border-right: 5px solid transparent; margin-top: -4px;}
.navigation li.sub-menu > a:hover:after{border-top-color: #ffffff;}
.navigation li.sub-menu ul{display: none; position: absolute; top: 100%; width: 280px; color:#FFFFFF;background: #edecec; border: 1px solid #FFFFFF; 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;line-height: 25px; text-transform: capitalize;font-size:14px;}
.navigation li a:hover, .navigation li.active a{color: #ffffff;}
.navigation li.sub-menu li a:hover{background: #d72123; color: #ffffff;}



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

@media only screen and (max-width: 1080px){
	.toggle-mobile-btn {display: block;}
	.navigation{text-align: left; width: 270px; margin: 0; transition: 0.3s; position: absolute; left: -281px; 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: #b93026; color: #ffffff;}
	.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:38%;
padding-top:15%;
}
}
@media only screen and (min-width:400px) {
.menu_content {
width:45%;
padding-top:10%;
}
}
@media only screen and (min-width:460px) {
.menu_content {
width:45%;
padding-top:8%;
}
}
@media only screen and (min-width:600px) {
.menu_content {
width:45%;
padding-top:5%;
}
}
@media only screen and (min-width:990px) {
.menu_content {
width:73%;
padding-top:0;
padding-right:0;
}
}