/**
 * @package Helix V3 Framework
 * @author JoomShaper https://www.joomshaper.com
 * @copyright (c) 2010 - 2026 JoomShaper
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
 */

/*=========================================
 *======= 	 Megamenu	   ============
 *=======================================*/
.sp-megamenu-parent {
  list-style: none;
  padding: 0;
  margin: 0;
  z-index: 99;
  display: block;
  float: right;
  position: relative;
  > li {
    display: inline-block;
    position: relative;
    padding: 0;

    &.menu-justify {
      position: static;
    }

    > a,
    > span {
      display: inline-block;
      padding: 0 15px;
      line-height: 90px;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: #000;
      margin: 0;
    }

    &.sp-has-child > a:after,
    &.sp-has-child > span:after {
      font-family: var(--fontAwesome--Version);
      font-weight: 700;
      content: " \f107";
    }

    /*
        &.active:hover>a,
        &:hover>a {
                background-color: @major_color;
                color: #fff;
        }
        */
  }

  .sp-module {
    padding: 10px;
  }

  .sp-mega-group {
    list-style: none;
    padding: 0;
    margin: 0;

    .sp-mega-group-child {
      list-style: none;
      padding: 0;
      margin: 0;
    }
  }

  .sp-dropdown {
    margin: 0;
    position: absolute;
    z-index: 10;
    display: none;

    .sp-dropdown-inner {
      background: @megabg_color;
      box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
      padding: 20px;
    }

    .sp-dropdown-items {
      list-style: none;
      padding: 0;
      margin: 0;

      .sp-has-child > a:after {
        font-family: var(--fontAwesome--Version);
        font-weight: 700;
        content: " \f105";
        float: right;
      }
    }

    &.sp-menu-center {
      margin-left: 45px;
    }

    &.sp-dropdown-main {
      top: 100%;
      &.sp-menu-right {
        left: 0;
      }
      &.sp-menu-full {
        left: auto;
        right: 0;
      }

      &.sp-menu-left {
        right: 0;
      }
    }

    &.sp-dropdown-sub {
      top: 0;
      left: 100%;
      .sp-dropdown-inner {
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
      }
    }

    //List Item
    li.sp-menu-item {
      //child sub
      display: block;
      padding: 0;
      position: relative;
      > a,
      span {
        display: block;
        padding: 10px;
        color: @megatx_color;
        cursor: pointer;

        &.sp-group-title {
          text-transform: uppercase;
          font-weight: bold;
        }
      }

      > a:hover {
        color: #fff;
      }

      &.active > a {
        &:hover {
          color: #fff;
        }
      }
    }
  }

  .sp-dropdown-mega {
    > .row {
      margin-top: 30px;
      &:first-child {
        margin-top: 0;
      }
    }
  }

  //Has Child
  .sp-has-child {
    &:hover {
      > .sp-dropdown {
        display: block;
      }
    }
  }

  //Fade Animation
  &.menu-fade {
    .sp-has-child:hover {
      > .sp-dropdown {
        -webkit-animation: spMenuFadeIn 400ms;
        animation: spMenuFadeIn 400ms;
      }
    }
  }

  //Zoom Animation
  &.menu-zoom {
    .sp-has-child:hover {
      > .sp-dropdown {
        -webkit-animation: spMenuZoom 400ms;
        animation: spMenuZoom 400ms;
      }
    }
  }
}

/*=================  Off Canvas  ===============*/

#offcanvas-toggler {
  float: right;
  line-height: 87px;
  margin-left: 15px;
  font-size: 20px;
  > i {
    .transition(~"color 400ms, background-color 400ms");
    &:hover {
      color: #fff;
    }
  }
}
.off-canvas-menu-init {
  overflow-x: hidden;
  position: relative;
}
.offcanvas {
  .offcanvas-overlay {
    visibility: visible;
    opacity: 1;
  }
}
.offcanvas-overlay {
  background: rgba(0, 0, 0, 0.2);
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9999;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.body-wrapper {
  position: relative;
  transition: 0.5s;
  right: 0;
  visibility: visible;
  backface-visibility: hidden;
}

.close-offcanvas {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 1;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  line-height: 0.5;
  text-align: center;
  font-size: 16px;
  border: 1px solid #fff;
  color: #fff;
  padding-top: 3px;

  &:hover {
    color: inherit;
  }
}

.offcanvas-menu {
  width: 320px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  position: fixed;
  top: 0;
  right: 0;
  transform: translateX(320px);
  visibility: hidden;
  overflow: inherit;
  transition: 0.5s;
  z-index: 10000;
  .offcanvas-inner {
    > .alert {
      margin: 20px;
    }

    .sp-module {
      margin: 0;
      padding: 30px;

      &:not(:last-child) {
        margin-bottom: 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
      }

      &:after {
        display: none;
      }

      &:last-child {
        border-bottom: none;
        margin-bottom: 0;
      }

      &.off-canvas-menu {
        padding: 0;
      }

      .sp-module-title {
        font-size: 16px;
        line-height: 1;
        text-transform: uppercase;
      }

      ul {
        &.nav {
          display: block;
          margin: 0 -30px;
        }
        > li {
          border: 0;
          position: relative;
          border-bottom: 1px solid rgba(0, 0, 0, 0.1);
          overflow: hidden;
          a {
            .transition(300ms);
            padding: 10px 20px;
            font-size: 14px;
            text-transform: uppercase;
            color: #fff;
            font-weight: 500;
            line-height: 28px;
          }
          &:hover,
          &:focus {
            a {
              background: rgba(0, 0, 0, 0.15);
            }
          }
          a {
            &:hover,
            &:focus {
              background: rgba(0, 0, 0, 0.15);
            }
          }
          ul {
            > li {
              &.active,
              &:hover,
              &:focus {
                > a {
                  background: rgba(0, 0, 0, 0.15) !important;
                }
              }
              > a {
                &:hover,
                &:focus {
                  background: rgba(0, 0, 0, 0.15) !important;
                }
              }
            }
          }

          .offcanvas-menu-toggler {
            display: inline-block;
            position: absolute;
            top: 0;
            right: 0;
            padding: 13px 20px;
            cursor: pointer;
            .open-icon {
              display: none;
            }

            .close-icon {
              display: inline;
            }

            &.collapsed {
              .open-icon {
                display: inline;
              }
              .close-icon {
                display: none;
              }
            }
          }

          > a:after {
            display: none;
          }

          ul {
            background: rgba(0, 0, 0, 0.02);
            > li > a {
              padding-left: 30px;
            }
          }
        }
      }
    }
    .search {
      margin-top: 25px;
      input {
        width: 100%;
        background: transparent;
        border-color: #5f5f5f;
        color: #fff;
      }
    }
  }
}

.offcanvas {
  width: 100%;
  height: 100%;
  position: relative;
  .transition(0.5s);
  .body-wrapper {
    right: 0;
    transform: translateX(-320px);
  }
  .body-wrapper:after {
    width: 100%;
    height: 100%;
    right: 0;
  }
  .offcanvas-menu {
    visibility: visible;
    z-index: 9999;
    right: 0;
    transform: translateX(0);
    ul.nav-child li {
      padding-left: 10px;
    }
  }
}

.menu .nav-child.small {
  font-size: inherit;
}

/* *************   START Helix 1.4 CSS Block   *************** */
/* *********************************************************** */
//Drop Down Animation
.sp-megamenu-parent {
  //Fade in up Animation
  &.menu-fade-up {
    .sp-has-child:hover {
      > .sp-dropdown {
        -webkit-animation: spMenuFadeInUp 400ms;
        animation: spMenuFadeInUp 400ms;
      }
    }
  }
  //Rotate
  &.menu-rotate {
    .sp-has-child:hover {
      > .sp-dropdown {
        opacity: 1;
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        visibility: visible;
      }
    }
  }
  //Slide Down
  &.menu-slide-down {
    .sp-has-child:hover {
      > .sp-dropdown {
        opacity: 1;
        visibility: visible;
        top: 90px;
        .sp-dropdown {
          top: 0;
        }
      }
    }
  }
}
/* ================== Menu Slide Down ================== */
.menu-slide-down {
  .sp-has-child {
    > .sp-dropdown {
      top: 60px;
      opacity: 0;
      visibility: hidden;
      display: block;
      transition: all 500ms ease;
      &.sp-dropdown-mega {
        left: auto;
        right: 0;
      }
    }
  }
}

/* =================== Rotate Menu Drop Down =============== */
.menu-rotate {
  .sp-has-child {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    > .sp-dropdown {
      -webkit-transform-origin: top center;
      transform-origin: top center;
      -webkit-transform: rotateX(-70deg);
      transform: rotateX(-70deg);
      -webkit-transition:
        transform 0.4s ease 0s,
        opacity 0.2s ease 0s,
        visibility 0.2s ease 0s;
      transition:
        transform 0.4s ease 0s,
        opacity 0.2s ease 0s,
        visibility 0.2s ease 0s;
      opacity: 0;
      visibility: hidden;
      display: block;
      &.sp-dropdown-mega {
        left: auto;
        right: 0;
      }
    }
  }
}

/* ======================== Drop In ====================== */
.menu-drop-in {
  .sp-has-child {
    .sp-dropdown-inner {
      background: transparent none repeat scroll 0 0;
      box-shadow: none;
      padding: 0;
    }
    .sp-dropdown-items {
      margin: 0;
      padding: 0;
      perspective: 1000px;
    }
    .sp-menu-item {
      -webkit-transform: translate(0, 100px);
      transform: translate(0, 100px);
      opacity: 0;
      padding: 0 20px !important;
      background-color: @megabg_color;
      &:first-child {
        padding-top: 20px !important;
      }
      &:last-child {
        padding-bottom: 20px !important;
      }
    }
    &:hover {
      .sp-menu-item {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-name: dropup;
        animation-name: dropup;
        &:nth-child(1) {
          -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
        }
        &:nth-child(2) {
          -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
        }
        &:nth-child(3) {
          -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
        }
        &:nth-child(4) {
          -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
        }
        &:nth-child(5) {
          -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
        }
        &:nth-child(6) {
          -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
        }
        &:nth-child(7) {
          -webkit-animation-duration: 0.9s;
          animation-duration: 0.9s;
        }
        &:nth-child(8) {
          -webkit-animation-duration: 1s;
          animation-duration: 1s;
        }
        &:last-child {
          box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2);
        }
      }
    }
    &.menu-justify {
      &:hover {
        .sp-dropdown {
          -webkit-animation: spMenuFadeInUp 500ms;
          animation: spMenuFadeInUp 500ms;
        }
      }
      .sp-dropdown-inner {
        background: #fff none repeat scroll 0 0;
        box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
        padding: 20px !important;
      }
      .sp-mega-group {
        .sp-menu-item {
          padding: 0 !important;
          -webkit-animation-direction: normal;
          animation-direction: normal;
          -webkit-animation-fill-mode: none;
          animation-fill-mode: none;
          -webkit-animation-iteration-count: 0;
          animation-iteration-count: 0;
          -webkit-animation-name: none;
          animation-name: none;
          -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
          opacity: 1;
          -webkit-transform: none;
          transform: none;
          &:last-child {
            box-shadow: none;
          }
        }
      }
    }
  }
}

//Drop In Animation
@keyframes dropup {
  0% {
    opacity: 0;
    transform: translate(0, 100px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@-webkit-keyframes dropup {
  0% {
    opacity: 0;
    transform: translate(0, 100px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

/* ================== Twist Menu =================== */
.menu-twist {
  .sp-has-child {
    .sp-dropdown-inner {
      background: transparent none repeat scroll 0 0;
      box-shadow: none;
      padding: 0;
    }
    .sp-dropdown-items {
      margin: 0;
      padding: 0;
    }
    .sp-menu-item {
      -webkit-transform: rotateY(90deg);
      transform: rotateY(90deg);
      padding: 0 20px !important;
      background: #fff;
      &:first-child {
        padding-top: 20px !important;
      }
      &:last-child {
        padding-bottom: 20px !important;
      }
    }
    &:hover {
      .sp-menu-item {
        -webkit-animation-direction: normal;
        animation-direction: normal;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-name: twist;
        animation-name: twist;
        &:nth-child(1) {
          -webkit-animation-duration: 0.4s;
          animation-duration: 0.4s;
        }
        &:nth-child(2) {
          -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
        }
        &:nth-child(3) {
          -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
        }
        &:nth-child(4) {
          -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
        }
        &:nth-child(5) {
          -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
        }
        &:nth-child(6) {
          -webkit-animation-duration: 0.9s;
          animation-duration: 0.9s;
        }
        &:nth-child(7) {
          -webkit-animation-duration: 1s;
          animation-duration: 1s;
        }
        &:nth-child(8) {
          -webkit-animation-duration: 1.1s;
          animation-duration: 1.1s;
        }
        &:last-child {
          box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2);
        }
      }
    }
    &.menu-justify {
      &:hover {
        .sp-dropdown {
          -webkit-animation: spMenuFadeInUp 500ms;
          animation: spMenuFadeInUp 500ms;
        }
      }
      .sp-dropdown-inner {
        background: #fff none repeat scroll 0 0;
        box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
        padding: 20px !important;
      }
      .sp-mega-group {
        .sp-menu-item {
          padding: 0 !important;
          -webkit-animation-direction: normal;
          animation-direction: normal;
          -webkit-animation-fill-mode: none;
          animation-fill-mode: none;
          -webkit-animation-iteration-count: 0;
          animation-iteration-count: 0;
          -webkit-animation-name: none;
          animation-name: none;
          -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
          opacity: 1;
          -webkit-transform: none;
          transform: none;
          &:last-child {
            box-shadow: none;
          }
        }
      }
    }
  }
}
/* Twist Animation */
@keyframes twist {
  0% {
    opacity: 0;
    transform: rotateY(90deg);
  }
  100% {
    opacity: 1;
    transform: rotateY(0);
  }
}
@-webkit-keyframes twist {
  0% {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotateY(0);
  }
}

/*===========	Menu Animation   ============*/
//Fade in
@-webkit-keyframes spMenuFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes spMenuFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
//Zoom
@-webkit-keyframes spMenuZoom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}

@keyframes spMenuZoom {
  0% {
    opacity: 0;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
  }

  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
//Fade in Up
@-webkit-keyframes spMenuFadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
  }
}

@keyframes spMenuFadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

/* =============== Slide Top Off Canvas Menu ============== */
.slide-top-menu {
  .offcanvas-menu {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .body-wrapper {
    right: 0;
  }
  .offcanvas-overlay {
    visibility: visible;
    opacity: 1;
  }
  .offcanvas-menu {
    right: 0;
    background-color: rgba(0, 0, 0, 1);
    visibility: visible;
  }
}

/* ========= Full Screen Off Canvas Menu ========= */
.full-screen {
  .offcanvas-menu {
    right: -100%;
    width: 100%;
    transform: translateX(0);
    background-color: rgba(0, 0, 0, 0.9);
    transition: all 600ms ease;
    .offcanvas-inner {
      margin: 0 auto;
      text-align: center;
      .sp-module {
        margin-bottom: 0;
        margin-top: 80px;
        padding-bottom: 0;
        ul {
          background: transparent;
          height: auto;
          li {
            overflow: inherit;
            a {
              color: #fff;
              display: inline-block;
              font-size: 28px;
              padding: 20px;
              &:before {
                display: none;
              }
              &:hover,
              &:focus {
                background: transparent;
              }
            }
            .offcanvas-menu-toggler {
              left: auto;
              right: auto;
              font-size: 28px;
              padding: 20px 10px;
            }
            ul {
              li {
                display: block;
                padding: 0 20px;
                a {
                  font-size: 16px;
                  padding: 5px 20px;
                }
                .offcanvas-menu-toggler {
                  padding: 6px 10px;
                }
              }
            }
            &:hover,
            &:focus {
              a {
                background: transparent;
              }
            }
          }
          &.nav.menu {
            padding-bottom: 75px;
          }
        }
        .search {
          max-width: 300px;
          margin: 25px auto 0;
        }
        .sp-module-title {
          font-size: 28px;
        }
      }
    }
    .close-offcanvas {
      font-size: 20px;
      height: 35px;
      line-height: 1;
      right: 30px;
      top: 25px;
      width: 35px;
      padding-top: 6px;
    }
  }
}
.full-screen-off-canvas {
  &.ltr {
    .offcanvas-menu {
      visibility: visible;
      z-index: 9999;
      width: 100%;
      right: 0;
    }
  }
}

/* =============== Full Screen Off Canvas From Top ================== */
.full-screen-ftop {
  .offcanvas-menu {
    right: 0;
    width: 100%;
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    background-color: rgba(0, 0, 0, 0.9);
    transition: all 500ms ease;
    .offcanvas-inner {
      margin: 0 auto;
      text-align: center;
      .sp-module {
        margin-bottom: 0;
        margin-top: 80px;
        padding-bottom: 0;
        ul {
          background: transparent;
          height: auto;
          > li {
            opacity: 0;
            -webkit-transform: translate3d(0px, -80px, 0px);
            transform: translate3d(0px, -80px, 0px);
            -webkit-transition:
              transform 0.5s ease 0s,
              opacity 0.5s ease 0s;
            transition:
              transform 0.5s ease 0s,
              opacity 0.5s ease 0s;
          }
          li {
            overflow: inherit;
            a {
              color: #fff;
              display: inline-block;
              font-size: 28px;
              padding: 20px;
              &:before {
                display: none;
              }
              &:hover,
              &:focus {
                background: transparent;
              }
            }
            .offcanvas-menu-toggler {
              left: auto;
              right: auto;
              font-size: 28px;
              padding: 20px 10px;
            }
            ul {
              li {
                display: block;
                padding: 0 20px;
                a {
                  font-size: 16px;
                  padding: 5px 20px;
                }
                .offcanvas-menu-toggler {
                  padding: 6px 10px;
                }
              }
            }
            &:hover,
            &:focus {
              a {
                background: transparent;
              }
            }
          }
          &.nav.menu {
            padding-bottom: 75px;
          }
        }
        .search {
          max-width: 300px;
          margin: 25px auto 0;
        }
        .sp-module-title {
          font-size: 28px;
        }
      }
    }
    .close-offcanvas {
      font-size: 20px;
      height: 35px;
      line-height: 1;
      right: 30px;
      top: 25px;
      width: 35px;
      padding-top: 6px;
    }
  }
}
.full-screen-off-canvas-ftop {
  &.ltr {
    .offcanvas-menu {
      visibility: visible;
      z-index: 9999;
      width: 100%;
      right: 0;
      opacity: 1;
      .sp-module {
        margin-top: 80px;
        ul {
          background: transparent;
          height: auto;
          > li {
            opacity: 1;
            -webkit-transform: translate3d(0px, 0px, 0px);
            transform: translate3d(0px, 0px, 0px);
          }
        }
      }
    }
  }
}
/* =================== New Look Off Canvas Menu ================ */
.new-look {
  .offcanvas-menu {
    background-color: #2b2f3b;
    .sp-module {
      ul {
        > li {
          > a {
            &:before {
              display: none;
            }
            padding-left: 28px;
          }
          &:hover,
          &:focus,
          &.active {
            a {
              background: #22b8f0;
            }
          }
          ul {
            li {
              a {
                background-color: #2b2f3b !important;
                &:hover,
                &:focus {
                  color: #22b8f0;
                }
              }
            }
          }
          .offcanvas-menu-toggler {
            top: 6px;
            padding: 18px 25px;
            i {
              display: none !important;
            }
            &:before {
              background: #fff none repeat scroll 0 0;
              content: "";
              height: 8px;
              left: auto;
              position: absolute;
              right: 25px;
              top: 14px;
              width: 2px;
              -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
            }
            &:after {
              background: #fff none repeat scroll 0 0;
              content: "";
              height: 2px;
              left: auto;
              position: absolute;
              right: 22px;
              top: 17px;
              width: 8px;
              -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
            }
            &.collapsed {
              &:before {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
              }
              &:after {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
              }
            }
          }
        }
      }
    }
  }
}
.new-look-off-canvas {
  .offcanvas-overlay {
    visibility: visible;
    opacity: 1;
  }
  &.ltr {
    .offcanvas-menu {
      visibility: visible;
      right: 0;
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
  }
}

/* ====================== Firefox Only Css ==================== */
@-moz-document url-prefix() {
  .offcanvas-menu {
    right: -320px;
    transform: translateX(0px);
  }
}

/* *************   END:: Helix 1.4 CSS Block   ************** */
/* ********************************************************** */

@media (min-width: 576px) {
  .sp-menu-full.container {
    width: 540px;
  }
}

@media (min-width: 768px) {
  .sp-menu-full.container {
    width: 720px;
  }
}

@media (min-width: 992px) {
  .sp-menu-full.container {
    width: 960px;
  }
}

@media (min-width: 1200px) {
  .sp-menu-full.container {
    width: 1140px;
  }
}

@media (min-width: 1400px) {
  .sp-menu-full.container {
    width: 1320px;
  }
}
