@media (max-width: 1400px) {
.home-collection-grid a h3 {
margin-top: -80px;
font-size: 2.7em;
top: -10px;
left: -26px;
}
} @media (max-width: 1199.98px) {
section#home-foot-top-banner {
min-height: 420px !important;
}
img#free-ship-flag {
width: 250px;
}
div#home-story-content-wrap {
margin-top: 0;
}
input#gform_submit_button_4 {
left: 0;
}
span.featured-product-box-title {
min-height: 90px;
}
.feat-product-thumb {
height: 250px;
}
.home-collection-grid a h3 {
margin-top: -80px;
font-size: 2.7em;
top: 0px;
left: -26px;
}
} @media (max-width: 991.98px) {
button.hamburger {
display: block;
float: right;
position: relative;
top: -90px;
margin-bottom: -60px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
width: 40px;
height: 4px;
background-color: #bcbec0;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
ul#primary-menu li {
display: block;
width: 100%;
}
ul#primary-menu a {
display: block;
float: left;
width: 100%;
padding: 6px 15px;
text-align: left;
font-size: 1em;
}
ul#primary-menu {
display: block;
position: absolute;
z-index: 99;
background-color: #fff;
max-height: 0px;
padding: 0;
top: -12px;
border-bottom: none;
overflow: hidden;
width: 100%;
margin: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
ul#primary-menu.mobile-active {
max-height: 900px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
section#home-foot-top-banner {
min-height: 360px !important;
}
div#header-nav-1 img {
display: block;
width: 210px;
}
div#header-social-row a[href^="tel"] {
float: left;
}
nav#head-nav {
position: relative;
margin-top: 0px;
top: 30px;
}
ul#primary-menu a {
padding: 6px 10px 6px 30px;
font-size: 1.3em;
}
ul.sub-menu li a {
font-weight: 400 !important;
padding: 4px 10px 4px 30px !important;
font-size: 1em !important;
}
ul#primary-menu ul {
display: none;
}
ul#primary-menu > li.menu-item-has-children:before {
content: "▼";
font-size: 11px;
color: #212020;
position: absolute;
float: left;
top: 30px;
-webkit-transition: color 0.5s ease;
-moz-transition: color 0.5s ease;
-o-transition: color 0.5s ease;
-ms-transition: color 0.5s ease;
position: relative;
left: 10px;
}
ul#primary-menu > li.menu-item-has-children:after {
display: none !important;
} header .container {
max-width: 100%;
}
div#header-nav-2 {
padding: 0;
}
section#home-deal-banner {
font-size: 1.7em;
}
img#free-ship-flag {
width: 250px;
}
div#home-specials-row-2 a {
display: block;
margin-bottom: 20px;
}
.home-collections-boxes-col {
margin-bottom: 30px;
}
section#inner-header-title h1,
h1.woocommerce-products-header__title.page-title {
font-size: 2.5em;
}
section#inner-header-title,
header.woocommerce-products-header {
background: rgb(0 0 0 / 55%);
position: relative;
margin-top: -67px;
}
.feat-product-thumb {
height: 200px;
}
span.featured-product-box-title {
min-height: 110px;
}
.home-collections-boxes-col h2 {
top: -120px;
font-size: 1.8em;
margin-top: -43px;
}
div#home-story-content-wrap p {
font-size: 1.3em;
}
.home-collection-grid a h3 {
margin-top: -68px;
font-size: 2.2em;
top: 0px;
left: -26px;
}
}
@media (max-width: 820px) {
.parallax-wrapper-1,
.parallax-wrapper-2,
.parallax-wrapper-3 {
background-attachment: scroll !important;
}
} @media (max-width: 767.98px) {
section#home-foot-top-banner {
min-height: 310px !important;
}
section#home-deal-banner {
font-size: 1.2em;
}
img#free-ship-flag {
display: none;
}
img#foot-logo {
width: 220px;
}
div#foot-main {
text-align: center;
}
section#inner-header {
min-height: 260px;
}
section#inner-header-title h1,
h1.woocommerce-products-header__title.page-title {
font-size: 2.2em;
}
section#inner-header-title,
header.woocommerce-products-header {
background: rgb(0 0 0 / 55%);
position: relative;
margin-top: -62px;
}
main#primary-inner {
padding: 50px 0 60px;
}
div#contact-page-details {
text-align: center;
}
input#input_4_1 {
width: 90%;
display: block;
margin: 0 auto;
}
input#gform_submit_button_4 {
left: -20px;
}
.feat-product-thumb {
height: 250px;
}
span.featured-product-box-title {
min-height: 0;
}
a.featured-product-box-link {
margin-bottom: 30px;
}
div#best-sellers-row {
margin-bottom: 0;
}
section#home-story {
padding: 80px 0 60px;
}
span#xhide {
display: none;
}
div#top-banner {
font-size: 1em;
}
i.fa-solid.fa-flag-usa {
top: 0;
}
#home-outdoor-tall {
display: none;
}
.home-collection-grid a h3 {
margin-top: -72px;
font-size: 2.2em;
top: 0px;
left: -26px;
}
div#home-outdoor-short {
padding-top: 0;
margin-top: -10px;
}
section#home-join-newsletter {
padding: 20px 0 30px;
}
}
@media (max-width: 625px) {
input#gform_submit_button_4 {
left: -20px;
padding: 0 !important;
}
} @media (max-width: 575.98px) {
section#inner-header {
min-height: 220px;
}
section#inner-header-title h1,
h1.woocommerce-products-header__title.page-title {
font-size: 1.6em;
letter-spacing: normal;
}
section#inner-header-title,
header.woocommerce-products-header {
background: rgb(0 0 0 / 55%);
position: relative;
margin-top: -50px;
}
main#primary-inner {
padding: 30px 0 30px;
}
div#home-story-content-wrap h1 {
font-size: 2.5em;
}
div#home-story-content-wrap p {
font-size: 1.2em;
line-height: normal;
}
div#home-story-content-wrap h2 {
font-size: 1.1em;
}
section#home-story {
padding: 60px 0 30px;
}
a#home-story-btn {
font-size: 1.4em;
width: 180px;
}
section#home-join-newsletter h2 {
font-size: 1.7em;
margin-bottom: 0;
}
div#home-outdoor-short {
padding-top: 0;
padding-bottom: 0;
margin-top: -10px;
}
.home-collection-grid .home-collection-grid-col {
padding: 2px 10px;
}
.home-collection-grid a h3 {
margin-top: -66px;
font-size: 2.2em;
top: 0px;
left: -26px;
}
}
@media (max-width: 500px) {
.home-collections-boxes-col img {
margin-bottom: 20px;
}
.home-collections-boxes-col h2 {
top: -80px;
font-size: 1.6em;
margin-top: -53px;
}
a#home-gallery-insta-link {
font-size: 1.5em;
}
section#home-gallery {
margin: 30px 0 0;
}
}
@media (max-width: 400px) {
div#home-story-content-wrap h1 {
font-size: 2em;
}
div#home-story-content-wrap p {
text-align: left;
}
body.product-template-default main#primary {
padding: 30px 0;
}
} @media (min-width: 576px) {
} @media (min-width: 768px) {
br#xbreak {
display: none;
}
#home-outdoor-short {
display: none;
}
} @media (min-width: 992px) {
button.hamburger,
br.mobile-break,
hr.lg-hr {
display: none;
}
ul#primary-menu ul {
display: none;
position: absolute;
min-width: 180px;
background: #fff;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
z-index: 2;
border-radius: 10px;
}
ul#primary-menu li ul li {
text-align: center;
display: block;
max-width: 100%;
width: 250px;
}
ul#primary-menu li ul li a {
text-align: left;
padding: 10px 15px;
}
div#contact-page-details-col {
padding-left: 20px;
}
li.menu-item-has-children:hover > ul {
display: block !important;
}
ul#primary-menu ul.sub-menu a:hover {
background-color: #e7e7e7;
border-color: transparent;
}
ul#primary-menu a:hover {
border-color: #212020;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
ul#primary-menu a {
padding: 10px 9px !important;
font-size: 1em !important;
}
ul#primary-menu > li.menu-item-has-children:after {
content: "▼";
font-size: 9px !important;
color: #fff;
position: absolute;
right: -2px;
float: right;
top: 16px !important;
-webkit-transition: color 0.5s ease;
-moz-transition: color 0.5s ease;
-o-transition: color 0.5s ease;
-ms-transition: color 0.5s ease;
}
} @media (min-width: 1200px) {
}
@media (min-width: 1400px) {
section#home-foot-top-banner {
background-position: top !important;
min-height: 560px !important;
}
} @media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
.parallax-wrapper-1,
.parallax-wrapper-2,
.parallax-wrapper-3 {
background-attachment: scroll !important;
}
}
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {
.parallax-wrapper-1,
.parallax-wrapper-2,
.parallax-wrapper-3 {
background-attachment: scroll !important;
}
}