@media screen and (min-width: 768px) {
.storefront-primary-navigation > .col-full {
position: relative; }
.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;   }
.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; } }