@media (max-width: 767px) {
  /* line 4, ../scss/menu.scss */
  .header {
    background: #fff;
  }
  /* line 5, ../scss/menu.scss */
  .header.left {
    position: relative;
  }
  /* line 8, ../scss/menu.scss */
  .header.left .minicart-wrapper {
    position: absolute;
    right: 25px;
    top: -35px;
  }

  /* line 19, ../scss/menu.scss */
  .nav-open .page-wrapper {
    left: 0px;
  }
  /* line 23, ../scss/menu.scss */
  .nav-open .page-wrapper .sections.nav-sections {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.75);
  }
  /* line 24, ../scss/menu.scss */
  .nav-open .page-wrapper .sections.nav-sections a {
    color: #ff5501 !important;
  }
  /* line 31, ../scss/menu.scss */
  .nav-open .page-wrapper .sections.nav-sections .nav-sections-items {
    width: 80%;
  }
  /* line 35, ../scss/menu.scss */
  .nav-open .page-wrapper .sections.nav-sections .nav-sections-items .section-item-content .navigation {
    background: transparent;
  }
  /* line 38, ../scss/menu.scss */
  .nav-open .page-wrapper .sections.nav-sections .nav-sections-items .section-item-content .navigation li {
    border: 0px;
  }
  /* line 41, ../scss/menu.scss */
  .nav-open .page-wrapper .sections.nav-sections .nav-sections-items .section-item-content .navigation li a {
    color: #ff5501;
  }
  /* line 48, ../scss/menu.scss */
  .nav-open .page-wrapper .sections.nav-sections .nav-sections-items .section-item-title {
    border: 0px;
    background: transparent;
  }
  /* line 57, ../scss/menu.scss */
  .nav-open #nav-icon1 {
    left: auto !important;
    right: 20px;
    z-index: 100;
  }
  /* line 63, ../scss/menu.scss */
  .nav-open #nav-icon1 span:nth-child(1) {
    top: 9px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  /* line 71, ../scss/menu.scss */
  .nav-open #nav-icon1 span:nth-child(2) {
    opacity: 0;
    left: -60px;
  }
  /* line 76, ../scss/menu.scss */
  .nav-open #nav-icon1 span:nth-child(3) {
    top: 9px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }

  /* line 85, ../scss/menu.scss */
  #nav-icon1,
  #nav-icon2,
  #nav-icon3,
  #nav-icon4 {
    width: 24px;
    height: 21px;
    left: 15px;
    position: absolute;
    top: 55px !important;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
  }

  /* line 105, ../scss/menu.scss */
  #nav-icon1 span,
  #nav-icon3 span,
  #nav-icon4 span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #ff5501;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }

  /* line 126, ../scss/menu.scss */
  #nav-icon1 span:nth-child(1) {
    top: 0px;
  }

  /* line 130, ../scss/menu.scss */
  #nav-icon1 span:nth-child(2) {
    top: 8px;
  }

  /* line 134, ../scss/menu.scss */
  #nav-icon1 span:nth-child(3) {
    top: 16px;
  }
}