/* adds some margin below the link sets  */

.navbar .dropdown-menu div[class*="col"] {
    margin-bottom:1rem;
 }

 .navbar .dropdown-menu {
   border:none;
   background-color:#f8f9fa!important;
 }

 @media screen and (max-width: 992px) {


    .navbar-mega-scroll {

        height: 350px;
        max-height: 350px;
        width: 100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling:touch; // mobile safari

      }

      #logoH1{
        margin:5px 0 !important;
        padding-bottom: 15px;
      }

      .navbar .nav-item-pm {
        padding:.5rem .5rem;
      }



}


 /* breakpoint and up - mega dropdown styles */
 @media screen and (min-width: 992px) {

   /* remove the padding from the navbar so the dropdown hover state is not broken */
 .navbar {
   height: 50px;
   padding-top:0px;
   padding-bottom:0px;
 }

 /* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
 .navbar .nav-item-pm, .nav-item {
   padding:.5rem .5rem;
   margin:0 .25rem;
 }
 .nav-item-sub {
    /*padding:.5rem .5rem;
    margin:0 .25rem;*/
    padding: 0 !important;
    margin:0 !important;
  }

  .h3Menu{
    margin:0 !important;
    padding:0 !important;
  }



 /* makes the dropdown full width  */
 .navbar .dropdown {position:static;}

 .navbar .dropdown-menu {
   width:100%;
   left:0;
   right:0;
 /*  height of nav-item  */
   top:45px;

   display:block;
   visibility: hidden;
   opacity: 0;
   transition: visibility 0s, opacity 0.3s linear;

 }




   /* shows the dropdown menu on hover */
 .navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
   display:block;
   visibility: visible;
   opacity: 1;
   transition: visibility 0s, opacity 0.3s linear;
 }

   .navbar .dropdown-menu {
     border: 1px solid rgba(0,0,0,.15);
     background-color: #fff;
   }

 }