.navmenu{margin-top: 5px; display: inline-block;}

.navmenu ul{
      margin: 0;
      padding: 0;
      list-style-type: none;
      background: transparent;
      position: relative;
      color: #fff !important;
}
 
.navmenu ul li {
      display: inline-block; padding: 15px 15px;
}
 
.navmenu ul li a {
      color: #fff !important;
      text-decoration: none;
      /*padding: 15px;*/
      display: block; text-transform: uppercase; letter-spacing: 1px;
}
 
.navmenu ul li:hover {
   border-bottom: 3px #fff solid;
     /*background: rgba(0,113,189,0.5);*/
}
 
.navmenu ul ul {
      position: absolute;
      min-width: 280px !important;
      /*background: #0071bd;*/
      display: none; margin-left: -15px; padding-top:9px;
}
 
.navmenu ul ul li {
      display: block;
      background: #971876;
      /*background: rgba(0,113,189,0.5);*/
      border-bottom:1px #146aa4 solid; transform: translateY(13px);
      transition: transform 0.65s cubic-bezier(0.2,.8,.25,1),opacity 0.65s cubic-bezier(0.2,.8,.25,1);
}
 
.navmenu ul ul li:last-child{border-bottom:0px;}
.navmenu ul ul li{border-bottom:0px !important;}

.navmenu ul li:hover ul {
      display: block;
}
 
.navmenu ul li i {
      color: #fff !important;
      float: right;
      padding: 4px 0px 0px 8px !important;
}

.navmenu ul li ul li:hover{border-bottom: none;} 
.navmenu ul li ul li a{transition:all 0.3s ease-in-out 0s;}
 .navmenu ul li ul li a:hover { padding-left: 5px; color: #54abe6;}
}
.navmenu nav div {
     background: transparent; color: #fff; font-size: 24px; padding: 5px 12px; cursor: pointer;
display: none; border: 1px #fff solid; border-radius: 3px; margin-top: -40px;}

.navtogbtn{display: none !important;}
 
@media only screen and (min-width:320px) and (max-width: 767px) {

.opaque-navbar {
  background-color: black;
  height: 60px;
  transition: background-color .5s ease 0s;
}
  .navbar { position: relative; min-height: 50px; margin-bottom: 0px;}

  .navmenu{display: inline-block !important}
  .navmenu  nav div {
            display: inline-block !important;
      }
 
   .navmenu ul {
            display: none;
            position: absolute; left: 0;
            background: #971876; margin-top: -5px;
            /*background: rgba(0,113,189,0.7);*/ width: 100%; float: left;
      }
 
     .navmenu ul li {
            display: block; float: left; width: 100%; 
      border-bottom:0px #146aa4 solid !important;
      }
 
     .navmenu ul ul {
            position: static;
            background: transparent;
            margin-left: 5px; padding:0px !important;
      }

      .navmenu ul ul li {background: transparent;}
      .navmenu ul li ul li a{transition:all 0.3s ease-in-out 0s;}
     .navmenu ul li ul li a:hover { padding-left: 5px; color: #54abe6;}
      .navsec{float: right !important; width: 100% !important;}

      .navtogbtn {width: 35px;  float: right;  border: 1px #fff solid;  color: #fff;  text-align: center;
  height: 30px;  line-height: 30px;  margin-top: -31px; margin-right:0%;}

.navbar-fixed-top, .navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; display: inline;
}


}

@media only screen and (min-width:768px) and (max-width: 1024px) {
 .navtogbtn {width: 35px;  float: right;  border: 1px #fff solid;  color: #fff;  text-align: center;
  height: 30px;  line-height: 30px;  margin-top: -31px; margin-right: 2%;}


}