.siteHeader{
  position: absolute;
  z-index: 1;
  width: 100%;
    .navbar{
      background: #000;
      padding-top: 10px;
      padding-bottom: 10px;
        .navbar-brand{
          img{
            max-width: 150px;
          }
        }
        .navbar-nav{
            .nav-item{
                .nav-link{
                    color: #fff;
                    font-size: 14px;
                    padding: 8px 12px;
                    letter-spacing: 1.5px;
                    &:hover{
                      color: $themePrimaryClr;
                    }
                }
            }
        }
        .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);
          }
    }
}
.mainSectionheading{
  text-align: center;
  h5{
      font-size: 20px;
      margin-bottom: 10px;
      text-transform: uppercase;
      position: relative;
      color: $themeSecondaryClr;
  }
  span{
    display: inline-block;
    background: $themePrimaryClr;
    content: '';
    width: 50px;
    height: 3px;
  }
  h2{
    margin-top: -5px;
    margin-bottom: 0;
    font-size: 16px;
  }
}
.mainSectionheadingWhite{
  text-align: center;
  h5{
      font-size: 20px;
      color: #fff;
      margin-bottom: 10px;
      text-transform: uppercase;
      position: relative;
  }
  span{
    display: inline-block;
    background: $themePrimaryClr;
    content: '';
    width: 50px;
    height: 3px;
  }
  h2{
    margin-top: -5px;
    margin-bottom: 0;
    color: #fff;
    font-size: 16px;
  }
}