@include responsive_320
  header
    .collapsing
      -webkit-transition: none
      -moz-transition: none
      -ms-transition: none
      -o-transition: none
      transition: none
    .navbar-collapse
      position: fixed!important
      z-index: 10000
      top: 0
      left: 0
      width: 100%
      height: 100%
      .btn-close
        transform: rotateZ(45deg)
      &.show
        .navbar-nav
          a
            font-size: 30px
        .btn-close
          transform: rotateZ(0)
          background: transparent
          display: block
          border: none
          position: fixed
          top: 0
          right: 0
          cursor: pointer
          &:before,&:after
            content: ''
            height: 1px
            background: black
            transform: rotateZ(45deg)
            position: fixed
            top: 40px
            right: 26px
            width: 40px
          &:after
            transform: rotateZ(-45deg)


    .navbar
      height: 80px
      #logo
        svg
          max-width: 100px
    .navbar-nav
      padding-right: 0
      margin-top: 100px
      .nav-link
        padding-right: 0!important
        text-align: center
        font-size: 0
  .navbar-light
    .navbar-toggler
      border-radius: 50%
      width: 40px
      height: 40px
      background-color: $primary-color
      &:not(span)[aria-expanded="true"]
        transform: scale(75)
        border:  none

@include responsive_375
  header
    .collapsing
      -webkit-transition: none
      -moz-transition: none
      -ms-transition: none
      -o-transition: none
      transition: none
    .navbar-collapse
      position: fixed!important
      z-index: 10000
      top: 0
      left: 0
      width: 100%
      height: 100%
      .btn-close
        transform: rotateZ(45deg)
      &.show
        .navbar-nav
          a
            font-size: 30px
        .btn-close
          transform: rotateZ(0)
          background: transparent
          display: block
          border: none
          position: fixed
          top: 0
          right: 0
          cursor: pointer
          &:before,&:after
            content: ''
            height: 1px
            background: black
            transform: rotateZ(45deg)
            position: fixed
            top: 40px
            right: 26px
            width: 40px
          &:after
            transform: rotateZ(-45deg)


    .navbar
      height: 80px
      #logo
        svg
          max-width: 100px
    .navbar-nav
      padding-right: 0
      margin-top: 100px
      .nav-link
        padding-right: 0!important
        text-align: center
        font-size: 0
  .navbar-light
    .navbar-toggler
      border-radius: 50%
      width: 40px
      height: 40px
      background-color: $primary-color
      &:not(span)[aria-expanded="true"]
        transform: scale(75)
        border:  none

@include responsive_425
  header
    .collapsing
      -webkit-transition: none
      -moz-transition: none
      -ms-transition: none
      -o-transition: none
      transition: none
    .navbar-collapse
      position: fixed!important
      z-index: 10000
      top: 0
      left: 0
      width: 100%
      height: 100%
      .btn-close
        transform: rotateZ(45deg)
      &.show
        .navbar-nav
          a
            font-size: 30px
        .btn-close
          transform: rotateZ(0)
          background: transparent
          display: block
          border: none
          position: fixed
          top: 0
          right: 0
          cursor: pointer
          &:before,&:after
            content: ''
            height: 1px
            background: black
            transform: rotateZ(45deg)
            position: fixed
            top: 40px
            right: 26px
            width: 40px
          &:after
            transform: rotateZ(-45deg)


    .navbar
      height: 80px
      #logo
        svg
          max-width: 100px
    .navbar-nav
      padding-right: 0
      margin-top: 100px
      .nav-link
        padding-right: 0!important
        text-align: center
        font-size: 0
  .navbar-light
    .navbar-toggler
      border-radius: 50%
      width: 40px
      height: 40px
      background-color: $primary-color
      &:not(span)[aria-expanded="true"]
        transform: scale(75)
        border:  none

@include responsive_768
  header
    .collapsing
      -webkit-transition: none
      -moz-transition: none
      -ms-transition: none
      -o-transition: none
      transition: none
    .navbar-collapse
      position: fixed!important
      z-index: 10000
      top: 0
      left: 0
      width: 100%
      height: 100%
      .btn-close
        transform: rotateZ(45deg)
      &.show
        .navbar-nav
          a
            font-size: 30px
        .btn-close
          transform: rotateZ(0)
          background: transparent
          display: block
          border: none
          position: fixed
          top: 0
          right: 0
          cursor: pointer
          &:before,&:after
            content: ''
            height: 1px
            background: black
            transform: rotateZ(45deg)
            position: fixed
            top: 40px
            right: 26px
            width: 40px
          &:after
            transform: rotateZ(-45deg)


    .navbar
      height: 80px
      #logo
        svg
          max-width: 100px
    .navbar-nav
      padding-right: 0
      margin-top: 100px
      .nav-link
        padding-right: 0!important
        text-align: center
        font-size: 0
  .navbar-light
    .navbar-toggler
      border-radius: 50%
      width: 40px
      height: 40px
      background-color: $primary-color
      &:not(span)[aria-expanded="true"]
        transform: scale(75)
        border:  none


@include responsive_992
  header
    .btn-menu
      display: none
    .navbar-nav
      padding-right: 0

@include responsive_1024
  header
    .navbar-nav
      padding-right: 0
@include responsive_1200
  header