.siteHeader{
  .mainMenuBar{
    background: #000;
    padding: 0 0;
    .navbar-brand{
      img{
        max-width: 120px;
        @media screen and (max-width:767px){
          top: 0;
        }
      }
    }
    .navbar{
      padding: 0 0;
      @media (max-width:767px){
        padding:10px 0;
    }
        .navbar-nav{
            .nav-item{
                .nav-link{
                  color: #fff;
                    line-height: 42px;
                    &:hover{
                      color: $themePrimaryClr;
                    }
                }
                &.mega-dropdown {
                  .mega-dropdown-menu{
                    margin-top: 0;
                    border-radius: 0;
                    width: 100%;
                    left: 0;
                    border: 0;
                    padding: 10px 5px;
                    .webSS{
                      margin: 10px 0;
                      img{
                        transition: .3s ease-in-out;
                      }
                      h6{
                        background: #F7F7F7;
                        margin-bottom: 0;
                        padding: 5px;
                        text-align: center;
                        transition: .3s ease-in-out;
                      }
                      &:hover{
                        cursor: pointer;
                        img{
                          filter: grayscale(1);
                          transition: .3s ease-in-out;
                        }
                        h6{
                          background: #000;
                          color: #fff;
                          transition: .3s ease-in-out;
                        }
                      }
                    }
                  }
                }
            }
        }
        .navbar-toggler{
            background: $themePrimaryClr;
            border-radius: 0;
            .icon-bar {
                width: 22px; 
                height: 2px;
                background-color: #fff;
                display: block;
                transition: all 0.2s;
                margin: 4px 0;
            }
        }
        .navbar-toggler .top-bar {
            transform: rotate(45deg);
            transform-origin: 10% 10%;
          }
           
          .navbar-toggler .middle-bar {
            opacity: 0;
          }
           
          .navbar-toggler .bottom-bar {
            transform: rotate(-45deg);
            transform-origin: 10% 90%;
          }
           
          .navbar-toggler.collapsed .top-bar {
            transform: rotate(0);
          }
           
          .navbar-toggler.collapsed .middle-bar {
            opacity: 1;
          }
           
          .navbar-toggler.collapsed .bottom-bar {
            transform: rotate(0);
          }
    }
  }
}