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

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

  header a.header-tel span,
  header a.header-email span {
    display: none;
  }

  header a.header-email {
    left: 320px;
  }

  header a.header-tel::before {
     content: "\f879";
  }

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

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

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

  .default-hero-01 button.scroll-to-next {
    display: none;
  }

  .default-hero-01 .cencontent {
    width: 80%;
  }

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

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

  .sub-hero-02 h1,
  .sub-hero-02 h2,
  .sub-hero-02 p {
    text-align: center;
  }

  .sub-hero-02 .cencontent {
    width: auto;
    margin-left: 0;
    padding: 0 80px;
  }

  .sub-hero-02 .control-bar.cb-03 a.btn,
  .sub-hero-02 .control-bar.cb-03 a.btn:first-child {
    display: table;
    float: none;
    margin: 0 auto;
  }

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

  .sub-hero-03.top-sh-03 .col-1-2,
  .sub-hero-03.top-sh-03,
  .sub-hero-03 {
    height: auto;
  }

  .sub-hero-03.top-sh-03 .revolve-bg,
  .sub-hero-03.top-sh-03 .revolve-bg .revolve-bg-item,
  .sub-hero-03 .revolve-bg,
  .sub-hero-03 .revolve-bg .revolve-bg-item {
    height: 400px;
  }

  .sub-hero-03 .img-overlay {
    display: none;
  }

  .sub-hero-03 .col-1-2 {
    width: 100%;
    height: auto;
    float: none;
    background-color: #9494a0;
    padding: 80px;
  }

  .sub-hero-03.top-sh-03 .col-1-2:first-child,
  .sub-hero-03 .col-1-2:first-child {
    height: 400px;
    background: none;
    padding: 0;
  }

  .sub-hero-03.switch .col-1-2:first-child {
    float: none;
  }

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

  .sub-hero-03 .cenabs {
    position: static;
  }

  .sub-hero-03 .control-bar.cb-01 {
    bottom: auto;
    top: 50px;
  }

  .sub-hero-03.top-sh-03 h1 {
    font-size: 25px;
  }

  .sub-hero-03.top-sh-03 p {
    font-size: 35px;
  }

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

  .offset-hero {
    height: auto;
    padding-left: 0;
  }

  .offset-hero .revolve-bg,
  .offset-hero .revolve-bg .revolve-bg-item {
    height: 400px;
    position: static;
  }

  .offset-hero .img-overlay {
    display: none;
  }

  .offset-hero .col-1-2 {
    width: 100%;
    float: none;
    padding: 0;
  }

  .offset-hero .offset-content {
    position: static;
    width: 100%;
    height: auto;
    padding: 80px;
  }

  .offset-hero .offset-content .control-bar.cb-01 {
    position: static;
    margin-top: 30px;
  }

  .offset-hero .offset-content .control-bar.cb-01 a.btn {
    display: block;
    float: left;
  }

  /*
  ---------------------------------------
  HEADING BAR
  ---------------------------------------
  */

  .heading-bar h1,
  .heading-bar h2,
  .heading-bar h3 {;
    line-height: 120%;
  }

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

  .std-block-02 .col-1-3,
  .std-block-02 .col-1-3.gutter {
    width: 100%;
    float: none;
    margin: 0;
  }

  .std-block-02 .col-1-3.gutter:nth-child(2),
  .std-block-02 h4 {
    margin-top: 30px;
  }

  /*
  ---------------------------------------
  PRODUCTS
  ---------------------------------------
  */

  .options-sort span.select2-container {
    width: 200px !important;
  }

  .options-bar, .options-sort, .options-filter {
    height: 30px;
  }

  .options-sort .select2-container--default .select2-selection--single {
    height: 55px;
  }

  .options-bar .options-sort h6 {
    right: 215px;
  }

  .product-options .exp-content a.product-option img {
    width: 80px;
  }

  .product-options .exp-content a.product-option h4 {
    height: 80px;
  }

  .products.product-detail .col-1-2:nth-child(1),
  .products.product-detail .col-1-2:nth-child(2),
  .products-list .col-1-4,
  .products-list .col-3-4 {
    width: 100%;
    float: none;
  }

  .product-detail .gallery {
    padding-right: 0;
    margin-bottom: 50px;
  }

  .products-list .col-3-4 {
    margin-top: 20px;
  }

  .filter-menu.filter-menu-01 {
    padding-right: 0;
  }

  .filter-exp-item {
    display: block;
  }

  .product-detail .long-desc + .product-data p {
    font-size: 14px;
  }

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

  .grid-list-pl .pl-item .label h2 {
    margin-bottom: 0;
  }

  /*
  ---------------------------------------
  GRID LIST OL 01
  ---------------------------------------
  */

  .grid-list-ol-01,
  .grid-list-ol-01 .col-1-2 {
    margin: 0;
  }

  .grid-list-ol-01 .col-1-2 {
    width: 100%;
  }

  .grid-list-ol-01 .ol-item {
    margin-top: 0;
  }

  .grid-list-ol-01 .label {
    padding: 100px;
  }

  .grid-list-ol-01 .ol-item .label h2 {
    font-size: 40px;
  }

  .grid-list-ol-01 .ol-item .label p {
    padding-bottom: 10px;
  }

  /*
  ---------------------------------------
  HEADING BAR
  ---------------------------------------
  */

  .heading-bar h3 {
    font-size: 20px;
  }

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

  .basket-list .heading-bar a {
    right: 80px;
    top: 35px;
  }

  .basket-list-item {
    height: 200px;
  }

  .basket-list-item .basket-item-data {
    left: 150px;
    top: 20px;
  }

  .basket-list-item .basket-item-controls {
    height: inherit;
    width: 100%;
    top: 0;
    left: 0;
  }

  .basket-list-item .basket-item-controls .basket-item-controls-base {
    bottom: 0;
    right: auto;
    width: 100%;
    left: 0;
  }

  .basket-list-item .basket-item-controls form.basket-update-form input {
    width: 50px;
    padding-left: 0;
    left: 0;
    bottom: 0;
    border-left: none;
    border-right: none;
    border-bottom: none;
  }

  .basket-list-item .basket-item-controls form.basket-update-form button[type="submit"] {
    width: calc(100% - 50px);
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .basket-list-item .basket-item-controls button.basket-delete {
    right: 20px;
    bottom: 70px;
  }

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

  .basket-list p.basket-total,
  .basket-list p.basket-auth-message {
    margin-right: 80px;
    margin-left: 80px;
  }

  .basket-list p.line-total {
    display: none;
  }

  /*
  -------------------------------------
  EXPANDING ITEMS
  -------------------------------------
  */

  .exp-item i {
    font-size: 17px;
  }

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

  footer.footer-01 .col-1-2 {
    padding-bottom: 0;
  }

  footer.footer-01 .grid-wrapper .col-1-3,
  footer.footer-01 .grid-wrapper .col-1-3:first-of-type {
    width: 100%;
    float: none;
  }

  footer.footer-01 .grid-wrapper .col-1-3 {
    margin: 50px 0 0 0;
  }

  footer.footer-01 .grid-wrapper .col-1-3:first-of-type {
    margin: 0;
  }

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

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

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

  .sub-hero + .offset-hero,
  .offset-hero + .sub-hero,
  .heading-bar + .std-block-02,
  .std-block-02 + .std-block-07,
  .sub-hero + .std-block-02,
  .std-block-02 + .sub-hero,
  .std-block-02 + .offset-hero,
  .std-block-02 + .std-block-02,
  .std-block-02 + .gallery.content-block,
  .std-block-02 + .form-01,
  .form-01 + .sub-hero-02 {
    margin-top: 80px;
  }

  .collections-detail .std-block-02,
  footer,
  .std-block-09 {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .product-detail + footer,
  .products-list + footer,
  .std-block-01 + footer {
    padding-top: 80px;
  }

  .offset-hero + .sub-hero {
    margin-top: 0;
  }

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

}