.navbar-toggler{ text-align: left; }
.navbar-light .navbar-toggler-icon{ float: right;}
.navbar{ padding: 0px !important; font-size: 16px !important; }
.bg-light{  border-radius: 10px 10px 0px 0px;     background: -moz-linear-gradient(87deg, #ccddef 0%, #ccddef 11%, #FFFFFF 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(89%, #ccddef), color-stop(100%, #ccddef)); /* safari4+,chrome */
    background: -webkit-linear-gradient(87deg, #ccddef 0%, #ccddef 11%, #FFFFFF 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(87deg, #ccddef 0%, #ccddef 11%, #FFFFFF 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(87deg, #ccddef 0%, #ccddef 11%, #FFFFFF 100%); /* ie10+ */
    background: linear-gradient(3deg, #ccddef 0%, #ccddef 11%, #FFFFFF 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#ccddef',GradientType=0 ); /* ie6-9 */ }
.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle {
  // Generate the caret automatically
  @include caret;
}

.menu-txt{    margin-top: 5px;
    display: inline-block; }
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: $zindex-dropdown;
  display: none; // none by default, but block on "open" of the menu
  float: left;
  min-width: $dropdown-min-width;
  padding: $dropdown-padding-y 0;
  margin: $dropdown-spacer 0 0; // override default ul
  font-size: $font-size-base; // Redeclare because nesting can cause inheritance issues
  color: $body-color;
  text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
  list-style: none;
  background-color: $dropdown-bg;
  background-clip: padding-box;
  border: $dropdown-border-width solid $dropdown-border-color;
  @include border-radius($border-radius);
  @include box-shadow($dropdown-box-shadow);
}

// Allow for dropdowns to go bottom up (aka, dropup-menu)
// Just add .dropup after the standard .dropdown class and you're set.
.dropup {
  .dropdown-menu {
    margin-top: 0;
    margin-bottom: $dropdown-spacer;
  }

  .dropdown-toggle {
    @include caret(up);
  }
}

// Dividers (basically an `<hr>`) within the dropdown
.dropdown-divider {
  @include nav-divider($dropdown-divider-bg);
}

// Links, buttons, and more within the dropdown menu
//
// `<button>`-specific styles are denoted with `// For <button>s`
.dropdown-item {
  display: block;
  width: 100%; // For `<button>`s
  padding: $dropdown-item-padding-y $dropdown-item-padding-x;
  clear: both;
  font-weight: $font-weight-normal;
  color: $dropdown-link-color;
  text-align: inherit; // For `<button>`s
  white-space: nowrap; // prevent links from randomly breaking onto new lines
  background: none; // For `<button>`s
  border: 0; // For `<button>`s

  @include hover-focus {
    color: $dropdown-link-hover-color;
    text-decoration: none;
    @include gradient-bg($dropdown-link-hover-bg);
  }

  &.active,
  &:active {
    color: $dropdown-link-active-color;
    text-decoration: none;
    @include gradient-bg($dropdown-link-active-bg);
  }

  &.disabled,
  &:disabled {
    color: $dropdown-link-disabled-color;
    background-color: transparent;
    // Remove CSS gradients if they're enabled
    @if $enable-gradients {
      background-image: none;
    }
  }
}

.dropdown-menu.show {
  display: block;
}

// Dropdown section headers
.dropdown-header {
  display: block;
  padding: $dropdown-padding-y $dropdown-item-padding-x;
  margin-bottom: 0; // for use with heading elements
  font-size: $font-size-sm;
  color: $dropdown-header-color;
  white-space: nowrap; // as with > li > a
}

/*=-====Bootstrapthemes.co btco-hover-menu=====*/

.navbar-light .navbar-nav .nav-link {
    color: rgb(64, 64, 64);padding:15px 15px 15px 15px ;border-right: solid 1px #FFF;
    text-transform: uppercase;

}
.btco-hover-menu a ,  .navbar > li > a {
    text-transform: capitalize;
    padding: 10px 15px;
}
.btco-hover-menu .active a,
.btco-hover-menu .active a:focus,
.btco-hover-menu .active a:hover,
.btco-hover-menu li a:hover,
.btco-hover-menu li a:focus ,
.navbar>.show>a,  .navbar>.show>a:focus,  .navbar>.show>a:hover{
    color: #000;
 
    outline: 0;
}

.nav-item a:hover{padding:22px 15px 5px 15px !important;
	border-bottom:solid 3px #df302d;
	background:#ad1c19;
	color:#FFF !important;}

/*submenu style start from here*/
.nav-item .active{
	border-bottom:solid 3px #df302d;padding:22px 15px 5px 15px !important;
	background:#ad1c19;
	color:#FFF !important;}

.navbar-nav li:nth-child(1).nav-item .active{ border-radius: 10px 0px 0px 0px; }


.dropdown-menu {
    padding: 0px 0; 
    margin: 0 0 0; 
    border: 0px solid transition !important;
    border: 0px solid rgba(0,0,0,.15);	
    border-radius: 0px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;

}

/*first level*/
.btco-hover-menu .collapse ul > li:hover > a{background: #f5f5f5;}
.btco-hover-menu .collapse ul ul > li:hover > a, .navbar .show .dropdown-menu > li > a:focus, .navbar .show .dropdown-menu > li > a:hover{background: #fff;}
/*second level*/
.btco-hover-menu .collapse ul ul ul > li:hover > a{background: #fff;}

/*third level*/
.btco-hover-menu .collapse ul ul, .btco-hover-menu .collapse ul ul.dropdown-menu{background:#f5f5f5;}
.btco-hover-menu .collapse ul ul ul, .btco-hover-menu .collapse ul ul ul.dropdown-menu{background:#f5f5f5}
.btco-hover-menu .collapse ul ul ul ul, .btco-hover-menu .collapse ul ul ul ul.dropdown-menu{background:#f5f5f5}

/*Drop-down menu work on hover*/
.btco-hover-menu{background: none;margin: 0;padding: 0;min-height:20px}

@media only screen and (max-width: 991px) {
    .btco-hover-menu .show > .dropdown-toggle::after{
        transform: rotate(-90deg);
    }

}
@media only screen and (min-width: 991px) {

    .btco-hover-menu .collapse ul li{position:relative;}
    .btco-hover-menu .collapse ul li:hover> ul{display:block}
    .btco-hover-menu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
    /*******/
    .btco-hover-menu .collapse ul ul li{position:relative}
    .btco-hover-menu .collapse ul ul li:hover> ul{display:block}
    .btco-hover-menu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
    /*******/
    .btco-hover-menu .collapse ul ul ul li{position:relative}
    .btco-hover-menu .collapse ul ul ul li:hover ul{display:block}
    .btco-hover-menu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}

}

@media only screen and (min-width: 768px) {
	.dropdown:hover>.dropdown-menu {
  display: block;
}
.dropdown-menu.show {
    display: none;
}
}



.navbar-toggler{ width: 100%; color: #000; }
.navbar-light .navbar-toggler {

    color: rgba(0,0,0,1);
    }


@media only screen and (min-width: 768px) and (max-width: 992px) {
    .nav-item .active {

    padding: 15px 5px 5px 5px !important;
    border-bottom: solid 3px #df302d;
    background: #ad1c19;
    color: #FFF !important;

}



    .nav-link  {

    padding: 15px 5px 5px 5px !important;



}
    .nav-item a:hover{    padding: 15px 5px 5px 5px !important;}
.navbar {

    font-size: 12px !important;

}
}


@media (min-width: 992px) and (max-width: 1199px) {
 .nav-link  {

    padding: 15px 7px 5px 7px !important;

}

    .nav-item a:hover{    padding: 15px 7px 5px 7px !important;}
     .nav-item .active{padding: 15px 7px 5px 7px !important}
  }


  @media (min-width: 0px) and (max-width: 767px) {
.navbar-nav li:nth-child(1).nav-item .active{ border-radius: 0px 0px 0px 0px; }

}