.main_menu { position:relative; z-index:500; padding-top:0; }
.main_menu ul { padding:0px; margin:0px; display:inline-block; }
.main_menu > ul > li { display:inline-block; float:left; position:relative; margin-right:0;}
.main_menu > ul > li:last-child { background:none; }
.main_menu > ul > li > a { position: relative;font-family: 'Mukta Vaani', sans-serif;display: block; font-size: 14px; color:#fff; padding:15px 21px 11px; text-transform:none; text-align:left; text-decoration:none; transition: all 0.8s ease 0s;  font-weight:600; -webkit-transition: all 0.8s ease 0s; }
.main_menu > ul > li > a:hover { text-decoration:none;  color:#ffffff;}
.main_menu > ul > li > a.last { border:none; }
.main_menu > ul > li:hover > a { color:#ffffff; background: url(../images/hvrlay.png) repeat left top;   }
.main_menu > ul > li:hover > a .sub { color:#000; }
.main_menu > ul > li.current_page_item > a { color:#ffffff; background:url(../images/hvrlay.png) repeat left top;   }
/* submenus */
.main_menu > ul > li.sub_li > a::before{transition: all 0s ease 0s; width: 9px; height: 6px; -webkit-transition: all 0s ease 0s; background: url(../images/arrow.png) no-repeat center center; content: ""; position: absolute; right: 7px; top: 50%; transform: translate(0,-50%);-webkit-transform: translate(0,-50%);}
.main_menu ul ul { width:200px; position:absolute; padding:0px; margin:0px; background:#1d0943;visibility: hidden; display:block; text-align:left; opacity: 0; -webkit-transition: all .50s ease; -moz-transition: all .50s ease; -ms-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; left:0px; top:50px;}
.main_menu ul ul li {transition: all 0.8s ease 0s;   -webkit-transition: all 0.8s ease 0s; display:block; position:relative; border-bottom:1px solid #ffffff; }
.main_menu ul ul li a { padding:10px 15px; display:block; font-size:15px; color:#fff; text-decoration:none;}
.main_menu ul ul a:hover { text-decoration:none; }
.main_menu ul ul li:hover {color:#fff;background:#6B40B5;transition: all 0.8s ease 0s;  -webkit-transition: all 0.8s ease 0s;}
.main_menu ul ul li:hover > a { color:#fff; }
.main_menu li:hover > ul { opacity: 1; visibility: visible; }
.main_menu > ul > li > ul > li:first-child { border-top:0px; }
.main_menu > ul > li > ul > li:first-child li:first-child { border-top:0px; }
.main_menu ul ul ul { padding-top:0px; left:200px; top:0; }
.main_menu ul ul li:first-child > ul { top:0px; border-top:0px; border-left:1px solid #ffffff;}
.main_menu > select { display:none; }
/* Responsive Menu
==========================*/

/* hide the link until viewport size is reached */
a.meanmenu-reveal { display: none; }
/* when under viewport size, .mean-container is added to body */

.mean-bar { float: left;  min-height: 25px; position: relative; width: 100%; z-index:99; }
a.meanmenu-reveal {  position: absolute; top: 0; right: 0;  cursor: pointer;  color: #fff; text-decoration: none; font-size: 13px; text-indent: -9999em; line-height: 22px; font-size: 1px; font-weight: 700; display:none!important; }
a.meanmenu-reveal span { display: block;  }
.mean-nav { background: #1d0943 ; float: left; position: absolute; top:-56px; width: 300px; right:0;   }
.mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none;  }
.mean-nav ul li { position: relative; float: left; width: 100%; }
.mean-nav ul li a { display: block; float: left; width: 100%; padding: 9px 15px; margin: 0; font-size:14px; text-transform:uppercase; text-align: left; color: #fff; border-bottom:1px solid #fff ; text-decoration: none; }
.mean-nav ul li li a { width: 100%; padding:9px 20px; text-transform:none; border-bottom:1px solid #ffffff; opacity: 1; filter: alpha(opacity=75); text-shadow: none !important; visibility: visible; background:#1d0943 ; }
.mean-nav ul li.mean-last a { border-bottom: none; margin-bottom: 0; }
.mean-nav ul li li li a { width: 100%; padding: 9px 30px; }
.mean-nav ul li li li li a { width: 100%; padding: 9px 35px; }
.mean-nav ul li li li li li a { width: 50%; padding: 9px 40px; }
.mean-nav ul li a:hover { background: #6b40b5 ; }
.mean-nav ul li a.mean-expand { width: 36px; height: 37px; border: none !important; padding: 6px 5px 3px 5px !important; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; line-height:22px}
.mean-nav ul li.current_page_item a { background: #6b40b5 none repeat scroll 0 0;}




 