.cabecera nav {
  font-family: 'Montserrat-Regular';
  font-size: 13px;
  letter-spacing: 0.65px;
  height: 100px;
  position: absolute;
  top: 0;
  z-index: 10;
  margin-left: 70px;
}

.promociones nav {
  font-family: 'Montserrat-Regular';
  font-size: 13px;
  letter-spacing: 0.65px;
}

@media only screen and (width <= 1199px) {
  .cabecera nav {
    background-color: #ffffff;
    transform: translateY(0);

  }

  .cabecera nav img,
  .promociones nav img {
    padding: 12px 4px;
    width: 60%;
  }
}

.navbar-toggler {
  border: 0 !important;
}

.navbar-nav li {
  margin: 0 18px;
}

@media only screen and (width <= 1284px) {
  .navbar-nav li {
    margin: 0 12px;
  }
}



.cabecera .navbar-nav li a,
.cabecera .navbar-nav .nav-link.active,
.cabecera .navbar-nav .nav-link.show {
  color: #2F2F2F;
}

.promociones .navbar-nav li a,
.promociones .navbar-nav .nav-link.show {
  color: #000000;
}

.navbar-nav li a:hover {
  color: #d7ba62;
}

@media only screen and (width <= 1200px) {

  .navbar-collapse {
      position: absolute;
      top: 88px;
      width: 300px;
      background: white;
      padding: 1px 20px;
    }
  .navbar-nav .nav-item .nav-link,
  .navbar-nav .nav-item .nav-link:hover,
  .navbar-nav .nav-link.active,
  .navbar-nav .nav-link.show {
    color: #000000 !important;
    font-size: 16px;
    padding: 12px 0;
  }
}

.navbar-nav .dropdown-menu {
  background-color: #000000;
  border: 0;
  border-radius: 0;
  color: #ffffff;
  font-family: 'Montserrat-Regular';
  font-size: 14px;
}

.navbar-nav .dropdown-menu li a {
  font-family: 'Montserrat-Regular';
  font-size: 14px;
color: #2F2F2F;
  padding: 10px 12px;
}

@media only screen and (width <= 1199px) {
  .navbar-nav .dropdown-menu li a {
    color: #2F2F2F;
    font-size: 16px;
    padding: 12px 0;
  }
}

.navbar-nav .dropdown-menu li a:hover {
  color: #d7ba62;
  background-color: #000000;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #ffffff !important;
}

@media only screen and (width <=768px) {
  .navbar-nav .nav-item .nav-link,
    .navbar-nav .nav-item .nav-link:hover, .navbar-nav .nav-link.active, .navbar-nav .nav-link.show{
      font-size:13px;
    }

  .navbar-collapse{
    top: 77px;
    border: none;
    left: 0;
    right: 0;
    width: 100vw;
  }
}