/*   Responsive Mega menu with logo
MAHESH AMBURE
https://codepen.io/maheshambure21/pen/KgyKBe  */


/*body {
  font-family: 'Source Sans Pro', sans-serif;
}*/
/** {
  box-sizing: border-box;
}*/
/*a {
  color: #333;
}*/



.menum {
    width: 100%;
	line-height: 5px;
	border-bottom: 1px solid #d2eaea;
	/*border-bottom: 1px solid #ddf0f0;*/
	/*border-bottom: 1px solid #01b1b1;*/
	/*border-bottom: 1px solid #ccc;*/
	 
	
}

.menum a{
    color:#000;
	
}
.menum-container {
  margin: 0 auto;
  /*background: #e9e9e9;*/
   background: #fff;
}
.menum a.logo {
    display: inline-block;
    padding: 1.5em 0em;
    width: 19%;
    float: left;
}
.menum img {
    max-width: 100%;
}
.menum-mobile {
  display: none;
  padding: 20px;
}
.menum-mobile:after {
  content: "\f394";
  font-family: "Ionicons";
  font-size: 2.5rem;
  padding: 0;
  float: left;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-25%);
          transform: translateY(-25%);
		  
  margin-top:10px;
  margin-bottom:20px;
  color:#01b1b1;
  /*font-weight:bold;*/
  
}
.menum-dropdown-icon:before {
  /*content: "\f489";*/
  content: "\f489";
  font-family: "Ionicons";
  
  display: none;
  cursor: pointer;
  float: right;
  padding: 1.5em 2em;
  background: #fff;
  color: #000;
  
  font-weight:bold;
}

.menum > ul {
  margin: 0 auto;
  width: 100%;
  list-style: none;
  padding: 0;
  position: relative;
  /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
  box-sizing: border-box;
 
   clear: right;
  
}
.menum > ul:before,
.menum > ul:after {
  content: "";
  display: table;
  
}
.menum > ul:after {
  clear: both;
  

}
.menum > ul > li {
  float: left;
  /*background: #e9e9e9;*/
   background: #fff;
  padding: 0;
  margin: 0;
  font-weight:400;

 
 
  
}
.menum > ul > li a {
  text-decoration: none;
 /* padding: 1.5em 3em;*/
  padding: 1.5em 0.5em;
  display: block;
   /* opacity: 1;*/
  
}
.menum > ul > li:hover {
/*  background: #f0f0f0;*/
 background: #fff;
  /* opacity: 1;*/
    
}
.menum > ul > li > ul {
position: relative;
 opacity: 1!important;

  display: none;
  width: 100%;
  /*background: #f0f0f0;*/
  /*background: #fff;*/
  background: #fff;
  padding: 20px;
  position: absolute;
  z-index: 99;
  left: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
  border-bottom: 1px solid #efefef;
  
}
.menum > ul > li > ul:before,
.menum > ul > li > ul:after {
  content: "";
  display: table;
  /* opacity: 1;*/
  
   
}
.menum > ul > li > ul:after {
  clear: both;
 /* opacity: 1;*/
}
.menum > ul > li > ul > li {
  margin: 0;
  padding-bottom: 0;
  list-style: none;
  width: 25%;
  background: none;
  float: left;
   
}
.menum > ul > li > ul > li a {
  color: #777;
  padding: .2em 0 10px;
  width: 95%;
  display: block;
    /* opacity: 1;*/
 
 /* border-bottom: 1px solid #ccc;*/
  
}
.menum > ul > li > ul > li a:hover{
	color:#01b1b1;
	/*color:#03a9f4;*/
}
.menum > ul > li > ul > li > ul {
  display: block;
  padding: 0;
  margin: 10px 0 0;
  list-style: none;
  box-sizing: border-box;
}
.menum > ul > li > ul > li > ul:before,
.menum > ul > li > ul > li > ul:after {
  content: "";
  display: table;
   /* opacity: 1;*/
}
.menum > ul > li > ul > li > ul:after {
  clear: both;
}
.menum > ul > li > ul > li > ul > li {
  float: left;
  width: 100%;
  padding: 10px 0;
  margin: 0;
  font-size: .8em;
}
.menum > ul > li > ul > li > ul > li a {
  border: 0;    
  font-size: 14px;
 /* opacity: 1;*/
}
.menum > ul > li > ul.normal-sub {
  width: 300px;
  left: auto;
  padding: 10px 20px;
}
.menum > ul > li > ul.normal-sub > li {
  width: 100%;
}
.menum > ul > li > ul.normal-sub > li a {
  border: 0;
  padding: 1em 0;
}
/* 末末末末末末末末末末末末末末末末末末末末末末末末末
Mobile style's
末末末末末末末末末末末末末末末末末末末末末末末末末 */
/*@media only screen and (max-width: 959px) {*/
@media only screen and (max-width: 959px) {



.menum {
   
	border-bottom:none;
	/*border-bottom: 1px solid #ccc;*/
	 
	
}


.menum img {
    max-width: 68%;
	
}


  .menum-container {
  
    width: 100%;
	float: right;
  }
  .menum-container .menum{
	display:block;
	
   }
  .menum-mobile {
    display: block;    
    float: right;    
    padding: 20px 20px 0;
  }
  .menum-dropdown-icon:before {
    display: block;
	
  }
  .menum > ul {
    display: none;
    width:100%;
  }
  .menum > ul > li {
    width: 100%;
    float: none;
    display: block;
  }
  .menum > ul > li a {
    padding: 1.5em;
    width: 100%;
    display: block;
	
  }
  .menum > ul > li > ul {
    position: relative;    
    padding: 0 40px;
  }
  .menum > ul > li > ul.normal-sub {
    width: 100%;
  }
  .menum > ul > li > ul > li {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  .menum > ul > li > ul > li:first-child {
    margin: 0;
  }
  .menum > ul > li > ul > li > ul {
    position: relative;
  }
  .menum > ul > li > ul > li > ul > li {
    float: none;
  }
  .menum .show-on-mobile {
    display: block;
  }
}