.jquerycssmenu{
  font-size:16px;
  padding:0;
}
.jquerycssmenu ul{
  margin: 0;
  padding: 0;
}
/*Top level list items*/
.jquerycssmenu ul li{
  transition: 0.4s ease;
  position: relative;
  text-decoration:none;
}

.top-menu-hr{
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    width: 0%; height: 1px; border-top:1px solid #343434; margin:7px auto;
}

.jquerycssmenu ul li a:hover .top-menu-hr{
    width: 80%;
}
.jquerycssmenu ul .active a .top-menu-hr{width: 80%;}
button.btn.dropdown-toggle.btn-default{
  border: none !important;
}
.navbar{min-height: 20px;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{background: none;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
  background: none; color:#343434;
}

.navbar-inverse .navbar-nav>li>a{color:#f4857e; padding:10.5px 7px; text-decoration: none;font-size: 14px; }
.navbar-inverse .navbar-nav>li>a:hover{color:#f4857e; transition: 0.3s ease;}
/* .navbar-inverse .navbar-nav>li ul li a:hover{color:#f4857e; transition: 0.3s ease;} */
.navbar {
    position: relative;
    border:0px;
    margin-bottom: 0px;
    height: 26px;
    border-radius: 0px;
}

.jquerycssmenu ul li ul{
  position: absolute;
  left: 0px;
  margin-top: -4px;
  display: block;
  visibility: hidden;
  padding-top: 6px;
  z-index: 100;
  width: 400px;
  border-bottom:1px solid #ddd;
  list-style: none;
  text-align: left;

  opacity: 0;
  transition: opacity 0.4s ease;

}

.jquerycssmenu ul li ul li{background:#ffffff; transition:0.4s ease; border-top: 1px solid #ddd;}
/* .jquerycssmenu ul li ul li:hover{transition:0.4s ease; padding-left:15px; color:#f4857e; } */
.jquerycssmenu ul li:hover ul{visibility: visible; transition: 0.4s ease;}
.jquerycssmenu ul li .sub a{color:#343434; text-decoration: none; padding:10px 15px; display: inline-block;}
.jquerycssmenu ul li ul li a i{color:#01aff1;}

.jquerycssmenu ul li:hover .sub{
  visibility: visible;
  opacity: 1;
}

/* style in sm */

@media (min-width: 768px) and (max-width: 991px){

.jquerycssmenu{
  font-size:10px;
  padding-top: 0px;
}

.jquerycssmenu ul li ul{
  background: #ffffff;
  position: absolute;
  left: 10px;
  display: block;
  visibility: hidden;
  z-index: 10;
  width: 220px;
  list-style: none;
}

}

/* style in xs */

 @media (max-width: 767px){
   .navbar-inverse .navbar-nav>li>a{color:#ffffff; padding: 3px 15px;}
   .navbar-inverse .navbar-toggle .icon-bar{background-color:#f58c88;}
   .navbar-inverse .navbar-toggle{margin-top:13px; margin-right: 0;border-color:#fff; background: #fff; }
   .navbar-inverse .navbar-toggle:focus .icon-bar,
   .navbar-inverse .navbar-toggle:hover .icon-bar{
      background: #fff;
   }
   .navbar-inverse .col-xs-7{
      padding-right: 0;
   }
   .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{ border-color:#f58c88; background: #f58c88;}
   .navbar-inverse .navbar-nav>li>a:hover{padding: 3px 15px 3px 20px; color:#f58c88;}
   .jquerycssmenu{padding-top: 0px; padding-right: 0px;}
   .jquerycssmenu ul{height:auto; width: 100%; background:rgba(0,0,0,0.7);  }
   .jquerycssmenu .sub{transition: 0.3s ease; background: none; list-style: none; visibility: hidden; display: none;}
   .jquerycssmenu ul li:hover .sub{transition: 0.3s ease; visibility: visible; display: block;}
   .jquerycssmenu ul li{border:0px;}
   .navbar .container{padding:0px;}
   .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
    border:0px; position: absolute; z-index: 11;
  }
  .top-menu-hr{margin:0px; opacity: 0;}
   #myjquerymenu{width: 100%; margin-top:69px; text-align: left;}
   #myjquerymenu ul{padding-top:10px; padding-bottom:10px; }
   .jquerycssmenu ul li ul{display: block; padding-left: 30px; border:0px;}
   .jquerycssmenu ul li ul li a{color: #ffffff;}
   .jquerycssmenu ul .active{background:none; border:0px;}
   .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
    color:#ffffff;
   }
   .jquerycssmenu ul li .sub{
      position: relative; width:auto;
   }
   .jquerycssmenu ul li .sub li{background:none; border:0px; height: 30px;}
   .jquerycssmenu ul li .sub li a{color:#ffffff; padding: 0px;line-height: 16px;}
   .jquerycssmenu ul li .sub li a:hover{
      color: #f58c88;
   }
   .jquerycssmenu ul li:hover .sub{visibility: visible; transition: 0.4s ease;}

   /* */
   .navbar-toggle .icon-bar{
      background-color: #f58c88 !important;
   }
   .navbar-toggle {
     	border: none;
     	background: transparent !important;
   }

   .navbar-toggle:hover {
   	  background: transparent !important;
   }

   .navbar-toggle .icon-bar {
   	width: 22px !important;
   	-webkit-transition: all 0.2s !important;
   	transition: all 0.2s !important;
   }

   /* ANIMATED X */
   .navbar-toggle.x .icon-bar:nth-of-type(1) {
   	-webkit-transform: rotate(45deg) !important;
   	-ms-transform: rotate(45deg) !important;
   	transform: rotate(45deg) !important;
   	-webkit-transform-origin: 10% 10% !important;
   	-ms-transform-origin: 10% 10% !important;
   	transform-origin: 10% 10% !important;
   }

   .navbar-toggle.x .icon-bar:nth-of-type(2) {
   	opacity: 0 !important;
   	filter: alpha(opacity=0) !important;
   }

   .navbar-toggle.x .icon-bar:nth-of-type(3) {
   	-webkit-transform: rotate(-45deg) !important;
   	-ms-transform: rotate(-45deg) !important;
   	transform: rotate(-45deg) !important;
   	-webkit-transform-origin: 10% 90% !important;
   	-ms-transform-origin: 10% 90% !important;
   	transform-origin: 10% 90% !important;
   }

   /* ANIMATED X COLLAPSED */
   .navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
   	-webkit-transform: rotate(0) !important;
   	-ms-transform: rotate(0) !important;
   	transform: rotate(0) !important;
   }

   .navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
   	opacity: 1 !important;
   	filter: alpha(opacity=100) !important;
   }

   .navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
   	-webkit-transform: rotate(0) !important;
   	-ms-transform: rotate(0) !important;
   	transform: rotate(0) !important;
   }
   /* END ANIMATED X */
   .jquerycssmenu ul li ul{
       display: block !important;
       visibility: visible !important;
       opacity: 1 !important;
   }
   .navbar-inverse .navbar-nav>li>a:hover {
       padding: 3px 15px 3px 20px;
       color: #f58c88;
   }
   .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
      /* max-height: 86vh !important; */
      max-height: calc(100vh - 40px) !important;
      padding-bottom: 40px;
   }
   #myjquerymenu>ul{
        padding-bottom: 50px;
   }
}
@media (max-width: 375px){
    .jquerycssmenu ul li .sub li a{
        font-size: 14px;
    }
}