.main-header{

  background: rgba(#333,0.8);


  .main-header-list{

    text-align: center;
    font-weight: 500;

    a{

      color:#fff;

      i{

        font-size:24px;

      }
      
    }

  }

}

@include media-breakpoint-up(md) {

  .main-header {


    .main-header-item{


      &.main-header-item-menu a {

        padding:10px 15px;

      }

      &.main-header-item-btn {

        padding:26px 0;

      }

    }

    .main-logo {

      height: $main-logo-height;

      // img {

      //   max-height: 115px;


      // }

    }

}

  .main-logo {

    width: auto;

  }

  .menu {

    float: left;
    font-family: $headings-font-family;
  
    .menu-has-sub-menu{

      > a:after{

        content: "\F107";
        margin-left: 10px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;

      }

    }

    a {

      display: block;
      letter-spacing: 1px;
      text-decoration: none;

      &:hover{

        background-color:$brand-primary;
        color:#fff;

      }

    }

    @include menu-horizontal;

    > li {

      // > a {

      //   text-transform: uppercase;

      // }

      &>ul{

        position: absolute;
        opacity: 0;
        visibility: hidden;
        padding:0;
        z-index: 99;
        list-style-type: none;
        padding: 0;
        margin: 0;
        @include transition ( all 0.2s);
        -webkit-transform: scale(1,.8);
        transform: scale(1,.8);
        -webkit-transform-origin: 50% 0;
        transform-origin: 50% 0;
        @include clearfix;

        &>li{

          margin-right: 0;
          background-color: #ededed;

        }

        &>li>a{

          padding: 10px 20px !important;
          height: auto;
          display: block;
          color:#333;
          min-width:180px;
          text-align: left;

          &:hover{

            background-color: $brand-primary;
            color:#fff;
            text-decoration: none;

          }

        }

      }

      &:hover{

        &>ul{
          opacity: 1;
          visibility: visible;
          transform: scale(1,1);
          -webkit-transform: scale(1,1);
        }

      }

    }

  }

}


@include media-breakpoint-only(sm) {

  .main-header {

    .main-header-item {


      &.main-header-item-hamburger {

        padding: 18px 0;
        float:right;

      }

    }

    .main-logo {

      height: $main-logo-height-small;

      img {

        max-height: 80px;


      }

    }

  }

}