/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
   margin-bottom:1rem;
 }
 
 .navbar .dropdown-menu {
  border:none;
  /* background-color:#0060c8!important; */
 }
 
 header .navbar {
    padding: 0;
    background: #000;
    background-color: #fdf9f5 !important;
    /* background-image: linear-gradient(to bottom right, #b81119, #61004d); */
    z-index: 10;
 }
 header .navbar .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
  background-color: #85b12a;
  padding: 13px 7px;
  position: absolute;
  top: -57px;
  border-radius: 0;
 }
 
 header .navbar .navbar-nav  {
 margin: 0 auto;
 }
 
 header .navbar .navbar-nav .nav-item {
  position: inherit;
 }
 header .navbar .navbar-nav .nav-item .dropdown-menu{/* display: block; */padding: 5px 7px;} 
 header .navbar .navbar-nav .nav-item .dropdown-menu .col-deco{
    /* margin: 0px 9px; */
    border-right: #eae4e4 1px solid;
 } 
 header .navbar .navbar-nav .nav-item .dropdown-menu span{/* color: #83b114; */display: block;border-bottom: #c3c3c3 1px solid;/* padding-bottom: 5px; */margin-bottom: 7px;padding: 13px 5px;font-size: 13px;line-height: 0px;margin-top: 4px;font-weight: 700;} 
 header .navbar .navbar-nav .nav-item .dropdown-menu .nav-item{
 
 } 
 header .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link{color: #4c4c4c;padding: 2px 8px;font-size: 13px;font-family: inherit;} 
 header .navbar .navbar-nav .nav-item .nav-link {
     color: #317e3e;
     font-size: 16px;
     padding: 11px 18px;
     font-family: 'Courgette', cursive;
     /* text-transform: uppercase; */
     /* font-weight: 700; */
     display: block;
 }
 header .navbar .navbar-nav .dropdown-menu {
  width: 85%;
  left: 0;
  /* right: 0; */
  margin: 0 auto;
  top: 40px;
  padding: 5px 5px;
 }
 header .navbar .navbar-nav .dropdown-menu .tabs {
  outline: none;
 }
 header .navbar .navbar-nav .dropdown-menu .tabs .col-auto {
  width: 20%;
 }
 header .navbar .navbar-nav .dropdown-menu .tabs .col-auto .nav-pills {
  padding: 0;
 }
 
 header
  .navbar
  .navbar-nav
  .dropdown-menu
  .tabs
  .col-auto
  .nav-pills
  .nav-item
  .nav-link {
  color: #615e5e;
  padding: 10px 4px;
  border-radius: 0;
  font-size: 13px;
 }
 header
  .navbar
  .navbar-nav
  .dropdown-menu
  .tabs
  .col-auto
  .nav-pills
  .nav-item
  .nav-link.active {
  color: #fff;
  background-color: #85b12a;
 }
 header .navbar .navbar-nav .dropdown-menu .tabs .tab-content .tab-pane {
  padding: 0;
  outline: none;
 }
 header .navbar .navbar-nav .dropdown-menu .tabs .tab-content .tab-pane ul {
  padding: 0;
  list-style-type: none;
 }
 
 header .navbar .navbar-nav .dropdown-menu .tabs .tab-content .tab-pane ul li a {
  font-size: 12px;
  padding: 7px 14px;
  display: block;
  border-bottom: #d3d3d3 1px solid;
  color: #4f4f4f;
 }
 
 
 
 header .navbar .navbar-nav .nav-item.forbt{
 
 }
 header .navbar .navbar-nav .nav-item.forbt .nav-link{
 background-color: #ffc107;
    color: #000;
    text-transform: uppercase;
    padding: 10px 47px;
    font-weight: 700;
 }
 .navbar .nav-item .nav-link .caret {
    width: 20px;
    height: 20px;
    /* line-height: 20px; */
    position: absolute;
    font-size: 20px;
    top: 9px;
 }
 .navbar .nav-item .nav-link .caret:after{
     margin-left: .255em;
    vertical-align: .255em;
    content: "";
    /* border-top: .3em solid; */
    /* border-right: .3em solid transparent; */
    /* border-bottom: 0; */
    /* border-left: .3em solid transparent; */
    font-family: 'Material Design Icons';
        content: "\F140";
 }
 .navbar .nav-item .nav-link .caret:before{ display:none;
     margin-left: .255em;
    vertical-align: .255em;
    content: "";
    /* border-top: .3em solid; */
    /* border-right: .3em solid transparent; */
    /* border-bottom: 0; */
    /* border-left: .3em solid transparent; */
    font-family: 'Material Design Icons';
    content: "\F143";
 }
 
 
 .navbar .nav-item .nav-link:hover .caret:after{ display:none;}
 .navbar .nav-item .nav-link:hover .caret:before{ display:block;}
 header
  .navbar
  .navbar-nav
  .dropdown-menu
  .tabs
  .tab-content
  .tab-pane
  .banner-links {
  float: right;
  width: 60%;
 }
 
 
 
 


 @media only screen and (max-width: 992px) {
   
   .mega-menu .navbar .navbar-collapse {
       height: 100vh;
       position: absolute;
       left: -66%;
       top: 0;
       transition: all .7s ease !important;
       background-image: linear-gradient(to bottom right, #b81119, #61004d);
       width: 263px;
       }
   .mega-menu .navbar .collapse{
      
   }
   .mega-menu .navbar .collapsed {transition: all .7s ease !important;}
   .mega-menu .navbar .collapse.show{
    
       left: 0px;
   }
   
   
       .mega-menu .navbar .collapse:not(.show) {
           display: block;
       }
}