// KEEP
// / nav
@media screen and (max-width: 991px) {
  @include navbar-collapse();

  .profile-photo .profile-photo-small {
    margin-left: -2px;
  }

  [class*='navbar-toggleable-'] .navbar-collapse {
    width: 300px;
  }

  .button-dropdown {
    display: none;
  }

  .section-nucleo-icons .container .row > [class*='col-']:first-child {
    text-align: center;
  }

  .footer {
    .copyright {
      text-align: right;
    }
  }

  .section-nucleo-icons .icons-container {
    margin-top: 65px;
  }

  .section-images {
    height: 500px;
    max-height: 500px;

    .hero-images-container {
      max-width: 500px;
    }

    .hero-images-container-1 {
      right: 10%;
      top: 68%;
      max-width: 269px;
    }

    .hero-images-container-2 {
      right: 5%;
      max-width: 135px;
      top: 93%;
    }
  }

  .nav-open {
    .navbar-collapse {
      @include transform-translate-x(0px);
    }

    .wrapper {
      @include transform-translate-x(-150px);
    }

    .navbar-translate {
      @include transform-translate-x(-300px);
    }

    .menu-on-left {
      .navbar-collapse {
        @include transform-translate-x(0px);
      }

      .navbar-translate {
        @include transform-translate-x(300px);
      }

      .wrapper {
        @include transform-translate-x(150px);
      }

      #bodyClick {
        right: auto;
        left: 300px;
      }
    }
  }
}
// nav
@media screen and (min-width: 992px) {
  .navbar-nav {
    .nav-link {
      &.profile-photo {
        padding: 0;
        margin: 7px $padding-base-horizontal;
      }

      &.btn:not(.btn-sm) {
        margin: 0;
      }
    }

    .nav-item:not(:last-child) {
      margin-right: 5px;
    }
  }
  .navbar-collapse:not(.has-image) {
    background: transparent !important;
  }

  .card.card-form-horizontal {
    [class*='col-sm-']:not(:last-child),
    [class*='col-md-']:not(:last-child) {
      padding-right: 0;
    }
  }

  .burger-menu {
    @include navbar-collapse();

    .navbar-toggler {
      display: block;
    }

    .navbar-collapse {
      display: block !important;

      .navbar-nav {
        position: relative;
        max-height: calc(100vh - 75px);
        min-height: 100%;
        overflow: auto;
        margin-top: 53px;
        height: 100%;
        z-index: 2;
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;

        .nav-item {
          margin: 0;
        }
      }
    }

    .navbar-nav .dropdown-menu {
      position: static;
      float: none;
    }

    &.menu-on-left {
      .navbar-collapse {
        right: auto;
        left: 0;
        @include transform-translate-x(-300px);
      }

      .navbar-translate {
        flex-direction: row-reverse;
      }
    }

    .navbar-toggleable-md {
      .navbar-nav .dropdown-menu {
        position: static;
        float: none;
      }

      .navbar-toggler {
        display: inline-block;
      }
    }

    .nav-open & {
      &.menu-on-left .navbar .navbar-translate {
        @include transform-translate-x(300px);
      }

      .navbar .navbar-translate {
        @include transform-translate-x(-300px);
      }

      &.menu-on-left .navbar-collapse,
      .navbar-collapse {
        @include transform-translate-x(0px);
      }

      &.menu-on-left #bodyClick {
        right: auto;
        left: 300px;
      }
    }

    &.menu-on-left .navbar-brand {
      float: right;
      margin-right: 0;
      margin-left: 1rem;
    }
  }

  .section-nucleo-icons .icons-container {
    margin: 0 0 0 auto;
  }

  .footer:not(.footer-big) {
    .copyright {
      float: right;
    }
  }
}

// nav
@media screen and (max-width: 576px) {
  .navbar[class*='navbar-toggleable-'] .container {
    margin-left: 0;
    margin-right: 0;
  }

  .typography-line span {
    margin-left: 0;
  }

  .team-4 {
    .card-profile .card-footer {
      text-align: center;
    }
  }

  .nav-pills.nav-pills-just-icons {
    justify-content: center;

    .nav-item .nav-link {
      margin-top: 15px;
      margin-left: auto;
      margin-right: auto;
    }
  }

  .footer {
    .pull-left,
    .footer-brand,
    .pull-right {
      float: unset;
    }
  }

  .media {
    display: block;

    .media {
      padding-left: 35px;
    }
  }

  .fileinput {
    margin: 0 auto;
    width: stretch;
  }

  .header-3 {
    .buttons {
      text-align: center !important;
    }
  }

  .blog-post {
    .button-container > .btn:first-child {
      display: inline-block;
    }
  }

  .testimonials-2 {
    .card-testimonial .card-body {
      max-width: 350px;
      min-height: 400px;
      margin: 0 auto;
    }
  }

  .subscribe-line .card-form-horizontal .btn {
    margin-top: 10px;
  }

  .modal .modal-dialog .modal-header button.close {
    font-size: 18px;
    right: 12px;
    top: 10px;
  }

  .header-3 .btn {
    margin-bottom: 10px;
  }

  .card.card-fashion:not(.card-background):before {
    display: none;
  }

  .page-header {
    .container h6.category-absolute {
      width: 90%;
    }
  }
}