@media screen and (max-width: 1580px) {

  /*
  ---------------------------------------
  HEADER
  ---------------------------------------
  */

  header .user-controls {
    top: 160px;
    left: 80px;
  }

  /*
  ---------------------------------------
  NAV
  ---------------------------------------
  */

  ul#menu {
    padding: 130px 0 0 0;
  }

  ul#menu a,
  ul#menu li.menu-heading {
    width: 750px;
    padding: 0 150px;
  }

  /*
  ---------------------------------------
  DEFAULT HERO
  ---------------------------------------
  */
  .default-hero,
  .default-hero .revolve-bg,
  .default-hero .revolve-bg .revolve-bg-item {
    height: 800px;
  }

  /*
  ---------------------------------------
  DEFAULT HERO 01
  ---------------------------------------
  */

  .default-hero-01 h1 {
    font-size: 50px;
  }

  /*
  ---------------------------------------
  SUB HERO
  ---------------------------------------
  */

  .sub-hero,
  .sub-hero .revolve-bg,
  .sub-hero .revolve-bg .revolve-bg-item {
    height: 600px;
  }

  /*
  ---------------------------------------
  SUB HERO 01
  ---------------------------------------
  */

  .sub-hero-01 h2 {
    font-size: 40px;
  }

  /*
  ---------------------------------------
  SUB HERO 01
  ---------------------------------------
  */

  .sub-hero-02 h2 {
    font-size: 40px;
  }

  /*
  ---------------------------------------
  SUB HERO 03
  ---------------------------------------
  */

  .sub-hero-03 .col-1-2 {
    height: 600px;
  }

  .sub-hero-03 .col-1-2 .cencontent {
    padding: 0 100px;
  }

  .sub-hero-03 h1 {
    font-size: 40px;
  }

  /*
  ---------------------------------------
  OFFSET HERO
  ---------------------------------------
  */

  .offset-hero,
  .offset-hero .revolve-bg,
  .offset-hero .revolve-bg .revolve-bg-item {
    height: 700px;
  }

  .offset-hero .img-overlay {
    margin: 0 10% 0 40%;
  }

  /*
  ---------------------------------------
  OFFSET HERO 01
  ---------------------------------------
  */

  .offset-hero-01 .col-1-2 {
    width: 60%;
  }

  .offset-hero-01 .offset-content {
    left: 45%;
  }

  /*
  ---------------------------------------
  GRID LIST PL 02
  ---------------------------------------
  */

  .grid-list-pl-02 {
    grid-template-columns: repeat(3, 1fr);
  }

  /*
  -------------------------------------
  STANDARD BLOCK 02
  -------------------------------------
  */

  .std-block-02 .col-1-3:nth-child(2) {
    width: 60%;
  }

  /*
  ---------------------------------------
  BASKET
  ---------------------------------------
  */

  .basket-list .heading-bar a {
    right: 100px;
  }

  .basket-list-item .basket-item-data h2 a {
    font-size: 21px;
  }

  /*
  ---------------------------------------
  PRICES
  ---------------------------------------
  */

  .basket-list p.basket-total {
    margin-right: 100px;
    margin-left: 100px;
  }

  /*
  -------------------------------------
  FOOTER
  -------------------------------------
  */

  footer h6 {
    font-size: 45px;
  }

  footer p,
  footer a {
    font-size: 16px;
  }

  /*
  -------------------------------------
  SPACING
  -------------------------------------
  */

  .products-list,
  .product-detail,
  .std-block,
  .heading-bar,
  .grid-list-ol,
  .collections-detail .grid-list-pl,
  .collections-detail button.btn-01,
  .basket-list-item,
  .basket-list a.basket-continue,
  .basket-list p.basket-auth-message,
  form.std-form,
  .gallery.content-block,
  footer,
  .contact-form .success {
    margin-left: 100px;
    margin-right: 100px;
  }

  .basket-list-item,
  .collections-detail button.btn-01,
  .basket-list a.basket-continue {
    width: calc(100% - 200px);
  }

  .collections-list {
    margin-left: 20px;
    margin-right: 20px;
  }

  .products-list + footer,
  .product-detail + footer {
    margin-top: 50px;
  }

  /* Login form */
  .form-extra a {
    margin: 0 100px;
  }

}