/* Responsive CSS */
@media screen and ( max-width: 1024px ) {

  /* General */
    /* Layout */
    .half,
    .third,
    .two-third,
    .quarter,
    .three-quarter {

      width: 100%;
      float: none;
      text-align: center;
      margin-bottom: 15px;

    }

    .half:last-of-type,
    .third:last-of-type,
    .two-third:last-of-type {

      margin-bottom: 0;

    }

    .container {

      padding-left: 10px;
      padding-right: 10px;

    }

    .rb-social {

      text-align: center;
      float: none;

    }

    .top-header-shopping-cart {

      display: none;

    }

    header .third {

      margin-bottom: 0;

    }

  /* / General */

  .rb-search-bar {

    opacity: 1;
    pointer-events: all;

  }

  .rb-search {

    width: auto;

  }

  .rb-search-bar {

    position: relative;

  }

  .rb-search > i {

    display: none;

  }

  .rb-search-bar form input,
  .rb-search-bar form button {

    height: 48px!important;

  }

  .rb-cart-icon {

    height: 48px;
    line-height: 48px;

  }

  .rb-shopping-cart-container,
  .rb-search {

    transform: translateX( -25px );

  }

  ul.sub-menu .menu-item ul.sub-menu {

    left: 0;
    opacity: 1!important;
    pointer-events: auto!important;

  }

  ul.sub-menu {

    overflow: hidden;
    height: 0!important;

  }

  .open > ul.sub-menu {

    height: auto!important;

  }

  header.otb-header .rb-nav .rb-primary-menu .menu-item-has-children.open > .sub-drop-down {

    transform: rotate(180deg);

  }

}