@media only screen and (max-width: 480px) {
  .promofolder {
    width: 100%;
  }

  .promofolder h2 {
    font-size: 1em;
  }
  .headline {
    line-height: 1.5;
    font-size: 1.8em;
  }

  #navbar {
    margin: 0px;
    margin-bottom: 20px;
  }

  .navbar-nav {
    margin: 0px;
  }

  #navbar .navbar-nav>li>a {
    font-size: 1em;
    width: 120px;
    margin: 5px;
  }

}

@media only screen and (min-width: 768px) {

}

@media only screen and (max-width: 767px){
  .promofolder {
    width: 100%;
  }

  .promofolder h2 {
    font-size: 1.2em;
  }

  .quick-view-aside {
    bottom: 0px;
    left: 20px;
    right: 20px;
    top: auto;
    width: auto;
    height: 50%;
}

.quick-view-carousel {
    bottom: 40%;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
}

.quick-view-close {
    top: 0px;
}

.quick-view-aside::before {
    width: 0px;
}

.quick-view-aside::after {
    width: 0px;
}

.caption {
  text-align: center;
}

.quick-view-aside> div {
  text-align: center;
}

.widget-img {
  height: 200px;
}

.widget {
  min-height: 300px;
}
}