*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*{margin:0;padding:0;}

.navbar-toggle1 {position:relative;padding:8px; border-radius:4px;margin:0;background:#FB461A;cursor:pointer; margin:auto; float:right; display:none;}
.navbar-toggle1:hover{background:#484848;}
.navbar-toggle1 img{margin:0; padding:0;}

.responsivemenu {
    width: 100%;
    float: left;
    background:#17A43B;  
	 position:relative;
	 background:linear-gradient(#21CB4B,#1AA63D);
	 background:linear-gradient(#21CF4D,#148932);
	 box-shadow: 0px  7px 0px #106D27;
 
}

.responsivemenu ul{list-style:none;    margin:0; display:flex}
.responsivemenu   ul  li{ float:left; padding-left:10px; padding-right:10px; line-height:60px; border-right:1px solid #116F28; border-left:1px solid #32DE5E; position:relative;  box-shadow: 0px  7px 0px #106D27; transition: all 0.5s ease 0s;    }
.responsivemenu  ul  li:first-child{border-left:none; }
.responsivemenu  ul  li:last-child{ border-right:none; }

.responsivemenu  ul  li a{color:#FFF; padding-left:5px; padding-right:5px;   font-size:19px; letter-spacing:1px; display:block; transition: all 0.3s ease 0s; }
.responsivemenu ul li:hover{  background:linear-gradient(#0A2336,#114A46); border-top:3px solid #FFF;  box-shadow: 0px  7px 0px #0B2738;}
.responsivemenu ul li:hover a{color:#FFF; text-decoration:none;}
.responsivemenu ul li.submenu{position:relative;}
.responsivemenu ul li.active{background:linear-gradient(#0A2336,#114A46); color:#FFF; box-shadow: 0px  7px 0px #0B2738; border-top:3px solid #FFF;}
.responsivemenu ul li.active a{color:#FFF;}

.menupanel  h3{font-size:14px; color:#0064AF; margin:0;}

/*----------Level2---------*/
.responsivemenu ul li.submenu ul{display:none; }
.responsivemenu ul li.submenu ul{position:absolute;  width:290px; top:60px; left:0; background:#114A46; z-index:1000;  box-shadow: 0px  7px 0px #0B2738; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.responsivemenu ul li.submenu:hover > ul{display:block;}
.responsivemenu ul li.submenu ul li{width:100%; line-height:48px; margin:0; border:none; border-bottom:1px solid #0E3D39; position:relative; display:block; float:left; padding-left:10px; position:relative; font-size:13px;  box-shadow:none;  transition: all 0.3s ease 0s;}
.responsivemenu ul li.submenu ul li:last-child{ border-bottom:none;}
.responsivemenu ul li.submenu li a{display:block; color:#FFF; font-weight:normal;}
.responsivemenu ul li.submenu ul li:hover{ background:#0E383F;}
.responsivemenu ul li.submenu ul li:hover  a{color:#FFF; }
.responsivemenu ul li.submenu ul li:last-child{border-bottom-left-radius:5px; border-bottom-right-radius:5px;}

.responsivemenu ul li.submenu ul li:hover div.level3 h3{ width:100%; padding:8px;  display:block; float:left; font-weight:800; background:#0093D9; 
color:#FFF;}
.responsivemenu ul li.submenu ul li:hover div.level3 {display:block; }
.responsivemenu ul li.submenu ul li div.level3{width:100%; top:0; left:280px; float:left; padding-left:10px; margin-bottom:10px; position:absolute; 
display:none; max-height:400px; overflow:auto; box-shadow: 5px  0px  5px -5px #333, 0  5px  5px -5px #333; z-index:1000}
.responsivemenu ul li.submenu ul li div.level3 ul{display:block; position:static; width:auto; float:left; }
.responsivemenu ul li.submenu ul li div.level3 ul li{float:left;    width:100%; border-bottom:none; border-bottom:1px solid #EBEBEB;  
padding-left:8px;
padding-right:8px;}
.responsivemenu ul li.submenu ul li div.level3 ul li:last-child{border-right:none;}
.responsivemenu ul li.submenu ul li div.level3 ul li a{ color:#242424}
.responsivemenu ul li.submenu ul li div.level3 ul li a:hover{ color:#45B6F3}

/*----------megamenu---------*/
.responsivemenu ul li:hover .megamenu{display:block;}
.responsivemenu ul li .megamenu{display:none; position:absolute; background:#FFF; top:40px; left:0; width:100%; z-index:1000; color:#C00; padding:15px; }
.responsivemenu ul li .megamenu ul{position:relative; display:block; width:100%;  margin:0; padding:0; top:0; margin-bottom:15px;}
.responsivemenu ul li .megamenu ul li{border-bottom:none!important; width:100%;  line-height:20px; padding-top:3px; padding-bottom:3px; padding-right:20px; float:left;}

.responsivemenu ul li .megamenu ul li:hover{background:none;}
.responsivemenu ul li .megamenu ul li a{color:#242424; padding:0; font-weight:normal; width:100%; border-bottom:1px  dashed #ccc; float:left; display:block; padding-bottom:3px; font-size:13px;}
.responsivemenu ul li .megamenu ul li:last-child a{border-right:none;}
.responsivemenu ul li .megamenu ul li a:hover{color:#5BBFF4;}
.menucol{width:25%; float:left;}
.menuco2{width:25%; float:left;}


/*----------megamenu 2---------*/
.responsivemenu ul li:hover .megamenu2{display:block;}
.responsivemenu ul li .megamenu2{display:none; position:absolute; background:#FFF; top:40px; left:0; width:100%; z-index:1000; color:#C00; padding:15px;}
.responsivemenu ul li .megamenu2 ul{position:relative; display:block; width:100%;  margin:0; padding:0; top:0; margin-bottom:15px;}
.responsivemenu ul li .megamenu2 ul li{border-bottom:none!important; width:100%;  line-height:40px; padding-top:3px; padding-bottom:3px; padding-right:20px; float:left;}

.responsivemenu ul li .megamenu2 ul li:hover{background:none;}
.responsivemenu ul li .megamenu2 ul li a{color:#242424; padding:0; font-weight:normal; width:100%; border-bottom:1px  dashed #ccc; float:left; display:block; padding-bottom:3px; font-size:13px; display:block;}
.responsivemenu ul li .megamenu2 ul li:last-child a{border-right:none;}
.responsivemenu ul li .megamenu2 ul li a:hover{color:#5BBFF4;}