#header.hidden #bottom_bar ul.menu {
bottom:10px;
}
#header #bottom_bar .mobile_menu_toggle{
display: none;
font-size: 30px;
text-align: center;
color:#717171;
cursor: pointer;
transition: .3s transform;
position: absolute;
top:50px;
right:30px;
}
#header #bottom_bar .mobile_menu_toggle.active{
transform: rotate(90deg);
color:#F3CF45;
}
#header #bottom_bar ul.mobile_menu{ display: none;
position: relative;
width:100%;
padding:30px 0; 
}
#header #bottom_bar ul.mobile_menu.active{
display: block;
}
#header #bottom_bar ul.menu{
display: block;
float:right;
position: absolute;
right:20px;
bottom:10px;
list-style-type: none;
}
#header #bottom_bar ul.menu > li{
display: inline-block;
vertical-align: bottom;
margin-left:25px;
position: relative;
}
#header #bottom_bar ul.menu > li > ul.sub-menu{
z-index:1;
display: none;
position: absolute;
top:26px;
left:-20px;
background:white;
width:260px;
height:auto;
padding:20px;
-webkit-box-shadow: 17px 17px 5px -15px rgba(102,102,102,1);
-moz-box-shadow:17px 17px 5px -15px rgba(102,102,102,1);
box-shadow: 17px 17px 5px -15px rgba(102,102,102,1);
}
#header.hidden #bottom_bar ul.menu > li > ul.sub-menu{
-webkit-box-shadow: 0px 6px 5px -5px rgba(102,102,102,1);
-moz-box-shadow:0px 6px 5px -5px rgba(102,102,102,1);
box-shadow: 0px 6px 5px -5px rgba(102,102,102,1);
}
#header #bottom_bar ul.mobile_menu > li > ul.sub-menu{
display: block;
width:100%;
height:auto;
padding:0 20px;
box-sizing: border-box;
background:rgba(243, 207, 69, 0.17)
}
#header #bottom_bar ul.menu > li > ul.sub-menu li{
display: block;
position: relative;
padding:5px 0;
}
#header #bottom_bar ul.menu > li > ul.sub-menu li a{
display: block;
position: relative;
}
#header #bottom_bar ul.menu > li:hover > ul.sub-menu{
display: block;
}
#header #bottom_bar ul.mobile_menu > li{
display: block;
width:100%;
}
#header #bottom_bar ul.menu > li:first{
margin-left:0;
}
#header #bottom_bar ul.menu  li a,
#header #bottom_bar ul.mobile_menu li a{
display: block;
text-transform: uppercase;
font-family: 'Sarala', sans-serif;
color:#3E3E3E;
font-size:16px;
line-height:24px;
text-decoration: none !important;
}
#header #bottom_bar ul.menu li > ul a,
#header #bottom_bar ul.mobile_menu li > ul a{
font-size:14px;
}
#header #bottom_bar ul.mobile_menu > li a{
display: block;
position: relative;
padding:15px 20px;
margin:0;
width:100%;
}
#header #bottom_bar ul.menu > li a:after,
#header #bottom_bar ul.mobile_menu > li a:after{
display: block;
position: relative;
content:'';
background:#F3CF45;
height:2px;
width:0%;
transition: .3s width;
}
#header #bottom_bar ul.mobile_menu  li >  a:after{
position: absolute;
bottom: 12px;
}
#header #bottom_bar ul.menu  li:hover > a:after,
#header #bottom_bar ul.menu  li.current_page_ancestor  > a:after,
#header #bottom_bar ul.menu  li.current-menu-item >  a:after{
width:40px;
}
#header #bottom_bar ul.mobile_menu  li:hover >  a:after,
#header #bottom_bar ul.mobile_menu  li.current_page_ancestor  >  a:after,
#header #bottom_bar ul.mobile_menu  li.current-menu-item >  a:after{
width:35px;
}
@media only screen and (max-width: 1020px) {
#header #bottom_bar ul.menu{
display: none;
}
#header #bottom_bar .mobile_menu_toggle{
display: block;
}
}
@media only screen and (max-width: 768px) {
#header #bottom_bar .mobile_menu_toggle{
top:35px;
}
}