@media screen and (min-width: 768px) {
  .main-navigation ul li.smm-active {
    position: static; }
    .main-navigation ul li.smm-active.smm-doing-preview ul.sub-menu {
      display: block; }
    .main-navigation ul li.smm-active ul.sub-menu {
      position: absolute;
      width: 100%;
      z-index: 9999999999;
      border: 0;
      top: auto; }
      .main-navigation ul li.smm-active ul.sub-menu li {
        display: inline; }
        .main-navigation ul li.smm-active ul.sub-menu li a:not(.button) {
          width: auto;
          padding: 0; }
    .main-navigation ul li.smm-active .widget {
      margin-bottom: 3.631em;
      /**
					 * Tag clouds
					 */
      /**
					 * Product list widgets
					 */
      /**
					 * Product layout
					 * When product shortcodes are added to the mega menu.
					 */ }
      .main-navigation ul li.smm-active .widget ul:not(.products) {
        position: static;
        left: auto;
        display: block;
        float: none; }
        .main-navigation ul li.smm-active .widget ul:not(.products) li {
          display: list-item;
          background-color: transparent;
          margin: 0;
          padding: 0;
          border: 0;
          text-transform: none;
          display: inherit;
          width: auto;
          font-weight: normal; }
          .main-navigation ul li.smm-active .widget ul:not(.products) li:before, .main-navigation ul li.smm-active .widget ul:not(.products) li:after {
            display: none; }
          .main-navigation ul li.smm-active .widget ul:not(.products) li a {
            background-color: transparent;
            margin: 0;
            padding: 0;
            border: 0;
            text-transform: none;
            display: inherit;
            width: auto;
            font-weight: normal;
            display: inline; }
            .main-navigation ul li.smm-active .widget ul:not(.products) li a:after {
              display: none; }
            .main-navigation ul li.smm-active .widget ul:not(.products) li a:hover {
              background-color: transparent; }
          .main-navigation ul li.smm-active .widget ul:not(.products) li ul.children {
            margin-top: 0;
            margin-left: 1em;
            font-size: .857em;
            box-shadow: none;
            background-color: transparent; }
      .main-navigation ul li.smm-active .widget h3.widget-title {
        font-size: 1em;
        border: 0;
        padding: 0; }
      .main-navigation ul li.smm-active .widget table thead th {
        padding: .618em; }
      .main-navigation ul li.smm-active .widget table td,
      .main-navigation ul li.smm-active .widget table th {
        padding: .618em; }
        .main-navigation ul li.smm-active .widget table td a,
        .main-navigation ul li.smm-active .widget table th a {
          background-color: transparent;
          margin: 0;
          padding: 0;
          border: 0;
          text-transform: none;
          display: inherit;
          width: auto;
          font-weight: normal; }
      .main-navigation ul li.smm-active .widget .tagcloud a {
        background-color: transparent;
        margin: 0;
        padding: 0;
        border: 0;
        text-transform: none;
        display: inherit;
        width: auto;
        font-weight: normal; }
      .main-navigation ul li.smm-active .widget ul.product_list_widget li {
        overflow: hidden;
        zoom: 1;
        margin-bottom: .618em; }
      .main-navigation ul li.smm-active .widget ul.products {
        position: static;
        left: auto;
        display: block;
        float: none; }
        .main-navigation ul li.smm-active .widget ul.products li {
          margin: 0;
          padding: 0;
          background-color: transparent;
          margin-bottom: 2.618em; }
          .main-navigation ul li.smm-active .widget ul.products li:hover,
          .main-navigation ul li.smm-active .widget ul.products li:hover a:first-of-type {
            background-color: transparent; }
          .main-navigation ul li.smm-active .widget ul.products li a:first-of-type:hover {
            background-color: transparent; }
          .main-navigation ul li.smm-active .widget ul.products li a {
            width: auto; }
            .main-navigation ul li.smm-active .widget ul.products li a:first-of-type {
              padding: 0; }
      .main-navigation ul li.smm-active .widget a.button,
      .main-navigation ul li.smm-active .widget a.added_to_cart {
        width: auto;
        display: inline-block; }
      .main-navigation ul li.smm-active .widget .columns-1 ul.products li.product {
        width: 100%;
        margin-right: 0;
        float: none; }
      .main-navigation ul li.smm-active .widget .columns-2 ul.products li.product {
        width: 47.8260869565%;
        float: left;
        margin-right: 4.347826087%; }
      .main-navigation ul li.smm-active .widget .columns-3 ul.products li.product {
        width: 30.4347826087%;
        float: left;
        margin-right: 4.347826087%; }
      .main-navigation ul li.smm-active .widget .columns-4 ul.products li.product {
        width: 21.7391304348%;
        float: left;
        margin-right: 4.347826087%; }
      .main-navigation ul li.smm-active .widget .columns-5 ul.products li.product {
        width: 16.9%;
        margin-right: 3.8%; }
    .main-navigation ul li.smm-active .smm-row:last-child > div .widget:last-of-type {
      margin-bottom: 0; }
    .main-navigation ul li.smm-active:hover a.button,
    .main-navigation ul li.smm-active:hover a.added_to_cart {
      background-color: inherit; }
  .smm-span-1 {
    width: 4.347826087%;
    float: left;
    margin-right: 4.347826087%; }
  .smm-pre-1 {
    margin-left: 8.6956521739%; }
  .smm-post-1 {
    margin-right: 8.6956521739%; }
  .smm-span-2 {
    width: 13.0434782609%;
    float: left;
    margin-right: 4.347826087%; }
  .smm-pre-2 {
    margin-left: 17.3913043478%; }
  .smm-post-2 {
    margin-right: 17.3913043478%; }
  .smm-span-3 {
    width: 21.7391304348%;
    float: left;
    margin-right: 4.347826087%; }
  .smm-pre-3 {
    margin-left: 26.0869565217%; }
  .smm-post-3 {
    margin-right: 26.0869565217%; }
  .smm-span-4 {
    width: 30.4347826087%;
    float: left;
    margin-right: 4.347826087%; }
  .smm-pre-4 {
    margin-left: 34.7826086957%; }
  .smm-post-4 {
    margin-right: 34.7826086957%; }
  .smm-span-5 {
    width: 39.1304347826%;
    float: left;
    margin-right: 4.347826087%; }
  .smm-pre-5 {
    margin-left: 43.4782608696%; }
  .smm-post-5 {
    margin-right: 43.4782608696%; }
  .smm-span-6 {
    width: 47.8260869565%;
    float: left;
    margin-right: 4.347826087%; }
  .smm-pre-6 {
    margin-left: 52.1739130435%; }
  .smm-post-6 {
    margin-right: 52.1739130435%; }
  .smm-span-7 {
    width: 56.5217391304%;
    float: left;
    margin-right: 4.347826087%; }
  .smm-pre-7 {
    margin-left: 60.8695652174%; }
  .smm-post-7 {
    margin-right: 60.8695652174%; }
  .smm-span-8 {
    width: 65.2173913043%;
    float: left;
    margin-right: 4.347826087%; }
  .smm-pre-8 {
    margin-left: 69.5652173913%; }
  .smm-post-8 {
    margin-right: 69.5652173913%; }
  .smm-span-9 {
    width: 73.9130434783%;
    float: left;
    margin-right: 4.347826087%; }
  .smm-pre-9 {
    margin-left: 78.2608695652%; }
  .smm-post-9 {
    margin-right: 78.2608695652%; }
  .smm-span-10 {
    width: 82.6086956522%;
    float: left;
    margin-right: 4.347826087%; }
  .smm-pre-10 {
    margin-left: 86.9565217391%; }
  .smm-post-10 {
    margin-right: 86.9565217391%; }
  .smm-span-11 {
    width: 91.3043478261%;
    float: left;
    margin-right: 4.347826087%; }
  .smm-pre-11 {
    margin-left: 95.652173913%; }
  .smm-post-11 {
    margin-right: 95.652173913%; }
  .smm-span-12 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .smm-pre-12 {
    margin-left: 104.347826087%; }
  .smm-post-12 {
    margin-right: 104.347826087%; }
  .smm-last {
    float: right;
    margin-right: 0; }
  .smm-mega-menu {
    padding: 2.618em; }
  .storefront-legacy .smm-mega-menu {
    margin-left: -2.618em;
    margin-right: -2.618em; }
  .smm-row:before, .smm-row:after {
    content: "";
    display: table; }
  .smm-row:after {
    clear: both; } }