@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){
  .menu-item-has-children > a::after{ line-height:7px; }

}

button.sub-menu-toggle {
  display: none;
}



@media (min-width:1200px){
  /*--------------Mobile menucss-----------------*/

   .navbar-collapse ul {    margin:0; padding: 0;}
   .navbar-collapse ul li { display: inline-block; list-style: none; position: relative; margin: 0px; padding:0; }
   .navbar-collapse ul li:last-child::after{display: none;}
   .navbar-collapse ul li:last-child{padding-right: 0;    margin-right: 0;}
   .menu-top-right-menu-container ul li:last-child {
    margin-left: 180px;
}

.menu-top-right-menu-container {
  text-align: right;
}

.menu-top-left-menu-container ul li:first-child {
    margin-right: 140px;
}





.navbar-collapse ul li a {
  margin: 0;
  padding: 0 0;
  line-height: normal;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 1px;
  color: #fff;
  font-weight: bold;
  font-family: 'Asap', sans-serif;
}
   .navbar-collapse ul li:hover a, .navbar-collapse ul li.current-menu-item a {color: #7cea02;}
   .navbar-collapse.collapse { display: block!important; }
   .navbar-toggle { display: none; }

   .menu-item-has-children > a:after {content: "\f107";font-family: FontAwesome;color: #fff;font-size: 16px;margin-left: 8px;transition: 1s;}
   .menu-top-menu-container>ul li.menu-item-has-children:hover > a:after { color: #14879c; }
   .menu-item-has-children > ul > li.menu-item-has-children > a:after { content: "\f105"; font-family: 'FontAwesome'; margin-left: 0; font-size: 13px; float: right; margin-top: 2px; position: static; width: auto; height: auto; background: none; color: #fff; }
   .menu-item-has-children > ul > li.menu-item-has-children > a:hover:after { color: #fff; }
   .navbar-collapse > ul > li.menu-item-has-children:hover > a::after { content: "\f106"; color: #fff; }
   .menu-item-has-children ul {position: absolute;width: 220px;list-style: none;text-align: left;padding-left: 0;z-index: 999;top: 100%;display: block !important;padding: 0;left: 0;opacity: 0;border-radius: 0;visibility: hidden;transform-origin: top;transition: 0.3s;transform: scale(0);padding-top: 10px;}
   .menu-item-has-children ul li {
    position: relative;
    width: 100%;
    float: left;
    padding: 0 !important;
    margin: 0px 0 0 !important;
    border-bottom: 1px #e1e1e1 solid;
    transition: 1s;
    border-right: none;
    font-size: 18px;
    border-radius: 0;
    background: #000;
}
   .menu-item-has-children ul li:last-child{ border-bottom: none; }
   .menu-item-has-children ul li.active >a{ color:#2f3068 !important; }
   .menu-item-has-children ul li a { margin-left: 0; color: #fff !important; white-space: normal; width: 100%; float: none; text-decoration: none; padding:10px 11px; display: block; -webkit-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;     }
   .menu-item-has-children ul li a:hover {
    color: #fff!important;
    position: relative;
    text-align: left;
    background: #5db001;
}
   .menu-item-has-children ul li a:before{ border-left: none; border-right: none; display: none; }
   .menu-item-has-children ul ul{ position: absolute; list-style: none; text-align: left; padding-left: 0; z-index: 999; display: block; padding:0px 0 0 0; left: 100%; border-radius:0px; top: 0px !important; border-bottom: none; }
   .menu-item-has-children ul ul li { position: relative; width: 100%; float: left;  background: #000; }
 
   .menu-item-has-children:hover > ul { opacity: 1; visibility: visible; transform: scale(1); }
   
 
   /*--------------Mobile menu css End-----------------*/
 

 }


 @media (max-width:1499px ) {


 .menu-top-left-menu-container ul li:first-child {
  margin-right: 100px;
}


.menu-top-right-menu-container ul li:last-child {
  margin-left: 140px;
}


 }
 
 @media (max-width:1199px ) {
 
 .container{max-width:100%}
   div#myNavbar.collapse.show{right:0}
   button:focus{outline:0 dotted;outline:0 auto -webkit-focus-ring-}
 .menu-item-has-children>a:after{font-size:15px;display:none}
 .main_navigation .navbar-inverse{position:unset}
 .navbar-header {position: absolute;top: 25px;right: 15px;z-index: 99999;}
 .navbar-toggle{display:block;border-color:transparent;margin-top:0;margin-bottom:0}
 .navbar-toggle.collapsed .icon-bar{background-color: #fff!important;width:30px;height:3px;float:left;}
 .navbar-toggle .icon-bar{background-color:#fff!important;width: 40px;height: 4px;}
 .navbar-toggle .icon-bar+.icon-bar{margin-top:6px}
 .navbar-toggle:focus,.navbar-toggle:hover{background-color:transparent!important}
 div#navbarOpened.openMenu{width:100%;height:100%;top:0;left:0;position:fixed;background:rgba(0,0,0,.47);z-index:99}
 .navbar-toggle{height: 40px;cursor:pointer;width: 40px;background:0 0;right: 15px;float:right;padding:0;margin:0;z-index:999999;position:fixed;top: 30px;transform:scale(.7);-webkit-transform:scale(.7);-moz-transform:scale(.7);border:none;}
 .navbar-toggle.collapsed{position:static;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1)}
 div#myNavbar {position: fixed;overflow-x: auto;width: 350px;height: 100vh !important;z-index: 99;bottom: 0;top: 0;right: -1000px;left: inherit;padding: 100px 0 200px;display: block !important;-webkit-transition: right .4s cubic-bezier(0.190, 1.000, 0.220, 1.000);-moz-transition: right .4s cubic-bezier(0.190, 1.000, 0.220, 1.000);transition: right .4s cubic-bezier(0.190, 1.000, 0.220, 1.000);background: #000000;}
 
 .collapse.show ul{margin:0;display:block;padding:0}
 .collapse.show ul>li{width:100%;margin-left:0!important;margin-top:0!important;padding:0;position: relative;}
 
 .collapse.show ul li+li{border-top: solid 1px #cfbcbc;}
 .collapse.show ul li a {
  padding: 12px 15px !important;
  text-align: left;
  margin: 0;
  display: block;
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 1px;
  color: #fff;
  font-weight: bold;
  font-family: 'Asap', sans-serif;
}
   .collapse.show ul li a:hover{color:#fff;background-color: #24af00;} 
   .collapse.show ul li a:focus{color:#fff}
   .navbar-toggle.collapsed .icon-bar:first-child{transform:rotate(0);margin-top:0}
   .navbar-toggle.collapsed .icon-bar:last-child{transform:rotate(0);margin-top:7px}
   .navbar-toggle .icon-bar:first-child{transform:rotate(45deg);margin-top:7px;float:left}
   .navbar-toggle .icon-bar:last-child{transform:rotate(-45deg);margin-top: -4px;float:left;}
   .navbar-toggle .icon-bar:nth-child(2){display:none}
   .navbar-toggle.collapsed .icon-bar:nth-child(2){display:block;margin-top:7px;width: 22px;}
   .menu-item-has-children .subItem{width:40px;position:absolute;margin-top: 4px;right: 5px;z-index:999;text-align:center;cursor:pointer;}
   .menu-item-has-children .subItem:before{content:'\f107';font-family:FontAwesome;font-size:20px;float:left;width:100%;color:#fff;margin-top: 3px;}
   .menu-item-has-children.parentMenuActive>.subItem:before{content:'\f106';color:#fff;}
   .navbar-collapse .menu-item-has-children ul li a{font-size: 15px;}
   .menu-item-has-children{position:unset}
   .menu-item-has-children ul{position:relative;width:100%;float:left;text-align:left;height:auto;transform:skew(0);border-radius:0;left:0;background: #24af00;}
   .menu-item-has-children:hover>a:before{display:none}
   .navbar-collapse .menu-item-has-children ul li+li{    border-top: solid 1px #78daff;}
   .menu-item-has-children ul ul{background: #000000;left:0;}
   .navbar-collapse .menu-item-has-children ul ul li+li{border-top: solid 1px #cfbcbc;}
   .menu-item-has-children ul ul li ul { background: #184b82; }
 







 }


 
 @media (max-width: 812px ){


 .navbar-header {
  top: 20px;
}
 
div#myNavbar.collapse.show {
  right: 0;
  width: 100%;
  padding: 80px 0 200px;
}

 }

@media (max-width: 575px ){


  .navbar-header {
    top: 15px;
}




.navbar-toggle {
  top: 20px;
}




}


@media (max-width: 480px ){

  .navbar-inverse .navbar-collapse.collapse{top: 53px;}
  .navbar-toggle { width: 32px;}





}