/*mobile MEnu*/
	
	.sub-menu{
		display:none;
		text-align:left !important;
	}
	 .menu-tab {
  width: 90px;
  height: 70px;
  position: absolute;
  z-index: 100;
  top: 20px;
  right: 0px;
  cursor: pointer;
  transition: all 0.6s ease-in-out;
  /*end of div*/
}
 .menu-tab div {
  width: 33px;
  height: 4px;
  background-color: #fff;
  display: block;
  margin: 5px 28px;
  transition: all 0.6s ease-in-out;
}
	
.menus-tab div {
  width: 33px;
  height: 4px;
  background-color: #fff;
  display: block;
  margin: 5px 28px;
  transition: all 0.6s ease-in-out;
}
.menu-tab div:nth-child(1) {
  margin-top: 20px;
}

/*end of menu-tab*/
.menu-tab.active {
   right: 17px;
    transition: all 600ms ease-in-out;
    background-color:#8c0152;
	z-index:9999999;
	top:10px;
}
.menu-tab.active #one {
  transform: translateY(9px) rotate(-135deg);
  transition: all 0.6s ease-in-out;
  background-color: #fff;
}
.menu-tab.active #two {
  opacity: 0;
  transition: 0.4s ease;
}
.menu-tab.active #three {
  transform: translateY(-9px) rotate(-45deg);
  transition: all 0.6s ease-in-out;
  background-color: #fff;
}

.menu-hide {
 width: 320px;
    right: -320px;
    height: 100vh;
    position: fixed;
    z-index: 99999;
    top: 0px;
    transition: all 0.6s ease-in-out;padding-top:30px
  /*end of nav*/
}
.menu-hide nav {
  /*end of ul*/
}
.menu-hide nav ul 
{
	 margin: 0px 0%;
    padding: 0px;
    text-align: center;
  /*end of li*/
}
	.sub-menu li{
		/*padding-left:17%;*/
		font-weight: normal !important;
		line-height: 21px!important;
        vertical-align: top;
    text-align: center!important;
margin-bottom:10px;
		
	}
	.sub-menu li a{
		padding:10px 5px !important;
	}
.menu-hide nav ul li {
  /*height: 50px;*/
  list-style-type: none;
  text-align: left;
  line-height: 35px;
  transition: all 0.5s ease;/*border-bottom: 1px solid #646464;*/
	width:100%;
	font-weight:bold;
}

.menu-hide nav ul li a {
    padding: 0px 10px;
    text-decoration: none;
    color: #fff !important;
	font-size:18px;
font-weight:500;
    
}

/*end of menu-hide*/
.menu-hide.show {
   right: 0px !important;
  background-color:rgb(140 1 82 / 82%) !important;
  transition: all 0.6s ease-in-out;

}