a.meanmenu-reveal {
  display: none
}

.mean-container .mean-bar {
  background-color: #fff;
  float: left;
  min-height: 60px;
  padding: 4px 0 0;
  position: relative;
  width: 100%;
  z-index: 999999;
}

.mean-container a.meanmenu-reveal {
  width: 22px;
  height: 22px;
  padding: 18px;
  top: 0;
  right: 0;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  text-indent: -9999em;
  line-height: 22px;
  font-size: 1px;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  float: right;
}

.mean-container a.meanmenu-reveal span {
  display: block;
  background: #fff;
  height: 3px;
  margin-top: 3px
}

.mean-container .mean-nav {
  float: left;
  width: 100%;
  background: #f8f8f8 none repeat scroll 0 0;
  height: auto;
}

.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
}

.mean-container .mean-nav ul li ul li ul {
  display: inherit !important;
}

.mean-container .mean-nav ul li {
  background: #f8f8f8 none repeat scroll 0 0;
  float: left;
  position: relative;
  width: 100%;
}

.mean-container .mean-nav ul li button{
  text-align: center;
  border-radius: 30px;
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
  color: unset !important;
  background-color: unset !important;
  border-color: ghostwhite !important;
}

.mean-container .mean-nav ul li button a {
  width: 30%;
  padding: 10px !important;
  text-decoration: none;
  border: 1px solid #0080FF !important;
  border-radius: 30px;
  padding: 10px !important;
  color: #0080FF;
  text-align: center;
}

.mean-container .mean-nav ul li button a:hover{
  border: none;
  border-radius: 30px;
  background-color: #0080FF;
  color: #fff;
}

.mean-container .mean-nav ul li a {
  background: #f8f8f8 none repeat scroll 0 0;
  color: #666666;
  display: block;
  float: left;
  font-size: 14px;
  margin: 0;
  padding: 1em 5%;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  width: 90%;
  font-weight: bold;
}

.mobile-menu-area {
  background: #262626;
}

.mean-container .mean-nav ul li li a {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  opacity: 0.75;
  text-shadow: none !important;
  visibility: visible;
  width: 100%;
  font-weight: normal;
  text-transform: capitalize;
  color: #444;
}

.mean-container .mean-nav ul li.mean-last a {
  border-bottom: 0;
  margin-bottom: 0
}

.mean-container .mean-nav ul li li li a {
  width: 100%;
}

.mean-container .mean-nav ul li li li li a {
  width: 60%;
  padding: 1em 20%
}

.mean-container .mean-nav ul li li li li li a {
  width: 50%;
  padding: 1em 25%
}

.mean-container .mean-nav ul li a:hover {
  background: #f8f8f8 none repeat scroll 0 0;
  color: #F47E1E;
}

.mean-container .mean-nav ul li a.mean-expand {
  width: 26px;
  height: 15px;
  margin-top: 1px;
  padding: 12px !important;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: 700;
  background: rgba(255, 255, 255, .1);
  border: 0 !important;
  color: #000 !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover, .mean-container .mean-nav ul li a.mean-expand i:hover {
  color: #000 !important;
  background: none;
}

.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both
}

.mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0
}

.mean-container .mean-bar,
.mean-container .mean-bar * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

.mean-remove {
  display: none !important
}

.mean-container .mean-bar::after {
  color: #ffffff;
  content: "MENU";
  font-size: 21px;
  left: 5%;
  position: absolute;
  top: 12px;
}


/* -------------------------------
39. Mobile menu
----------------------------------*/
.mean-container .mean-bar::after {
  display: none;
}

.mean-container .mean-nav ul li a:hover {
  color: #0762f8;
  border-radius: 0;
}

.mean-container a.meanmenu-reveal span {
  background: #000;
}

.mobile-menu-area {
  background: #fff none repeat scroll 0 0;
}

.mean-container .mean-nav ul li a {
  color: #444;
  display: block;
}

.mean-container .mean-nav ul li a.mean-expand {
  background: none;
  top: -4px;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
  background: none;
  color: #000 !important;
}

.mean-container .mean-nav ul li li a {
  color: #151948;
  opacity: .90;
  border-top: 0;
}

.mean-container a.meanmenu-reveal {
  color: #000;
}

.meanmenu-reveal.meanclose:hover {
  color: #000 !important;
}

.mean-container a.meanmenu-reveal:hover span {
  background: #fff;
}

/* .mean-container .mean-bar::before {
  background-image: url(../../assets/images/ccl/CCL_Pvt_Ltd_4Logo-ccl.png);
  background-repeat: no-repeat;
  content: "Clearcode-labs";
  color: #0280FD;
  font-size: 22px;
  font-weight: 800;
  left: 10px;
  position: absolute;
  top: 20px;
  padding-left: 40px;
} */

.mean-container .mean-nav ul li a {
  text-transform: none;
}

@media (min-width:768px) and (max-width:991px) {
  .mean-container .mean-nav ul li a {
    font-size: 17px !important;
    text-transform: none !important;
    padding: 0.75em 3% !important;
  }
}

@media (min-width:600px) and (max-width:767px) {
  .mean-container .mean-nav ul li a {
    font-size: 17px !important;
    padding: .75em 5%;
  }
}

@media (min-width:430px) and (max-width:598px) {
  .mean-container .mean-nav ul li a {
    font-size: 17px !important;
    padding: 0.750em 4%;
  }
}

@media (min-width:380px) and (max-width:430px) {
  .mean-container .mean-nav ul li a {
    font-size: 17px !important;
    padding: 0.750em 5%;
  }
}

@media (min-width:320px) and (max-width:380px) {
  .mean-container .mean-nav ul li a {
    font-size: 14x !important;
    padding: 0.750em 5%;
  }
}