@media only screen and (max-width: 768px) {
 .landing-img {background-image: url(https://www.sefiles.net/merchant/6468/images/template/landing-alt.jpg) !important;}
.marquee {height: 45px !important;}
.marquee-content {height: 56px !important;}
.marquee-content p, .marquee-content a, .highlight {
font-size: 14px !important;
}
#landing h1, #bike-nerds h2, #get-started h2 {
font-size: 9vw !important;
}
#inv-sales h2, #product-ad h2, #shop-ride h3, #shop-parts h3 {
font-size: 8vw !important;
}
.inv-sales-wrapper {flex-direction: column !important;}
.sale-one, .sale-two, #shop-ride .image-col {width: 100% !important;}
.sale-one {margin-bottom: 40px;}
.sale-one-img, .sale-two-img, .img-card-img {max-height: 300px;}
#inv-sales h4 {text-shadow: 2px 2px 4px rgba(0, 0, 0, .25);}
#product-ad {max-height: 425px !important;}
#shop-ride .shop-divider p {font-size: 7vw !important;}
#shop-ride .shop-image-wrapper {border-radius: 13px !important;}
#shop-ride > div > div:nth-child(2), #shop-ride > div > div:nth-child(3), #shop-ride > div > div:nth-child(4) {
margin-top: 50px;
}
#shop-parts > div > div:nth-child(3), #shop-parts > div > div:nth-child(4) {
margin-top: 40px;
}
#shop-parts .image-col {width: 46%;}
#shop-parts .shop-divider p, #get-started a {font-size: 5vw !important;}
}
@media only screen and (max-width: 1078px) {
.triple-item-wrapper {flex-direction: column;}
#get-started {
margin: 50px 0 10px 0 !important;
flex-direction: column-reverse;
}
.bike-nerds-img-wrapper, .bike-nerds-text-wrapper, .get-started-text-wrapper, .get-started-link-wrapper, .img-card-img {
width: 100% !important;
max-width: 500px;
}
.bike-nerds-img-wrapper {border-radius: 25px !important;}
.get-started-text-wrapper {margin: 0 auto;}
.img-card-img {margin: 0 auto 50px auto;}
.bike-nerds-text-wrapper {margin: 50px 0 55px 0;}
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
#shop-ride .image-col {width: 48%;}
#shop-parts .image-col {width: 46%;}
#shop-ride .shop-divider p {font-size: 30px;}
#shop-ride > div > div:nth-child(3), #shop-ride > div > div:nth-child(4),#shop-parts > div > div:nth-child(3), #shop-parts > div > div:nth-child(4) {
margin-top: 50px;
}
#shop-parts .shop-divider p {font-size: 26px;}
}
@media only screen and (min-width: 1101px) {
#shop-ride .image-col {width: 48%;}
#shop-ride .shop-divider p {font-size: 43px;}
#shop-parts .shop-divider p {font-size: 26px;}
#shop-ride > div > div:nth-child(3), #shop-ride > div > div:nth-child(4) {
margin-top: 50px;
}
#shop-parts .image-col {width: 21.8%;}
}
/* Global edits */
.sePage .sePageMain {margin-top: 0px;}
#inv-sales h2, #product-ad h2, #bike-nerds h2, #get-started h2 {
font-family: "Syne", sans-serif !important;
font-optical-sizing: auto;
font-size: 60px;
line-height: 1.1em;
}
#inv-sales h2, #product-ad h2, #get-started h2 {
max-width: 900px;
font-weight: 750 !important;
}
#product-ad h2 {
margin: 0 auto;
color: #fff;
}
#inv-sales h2, #get-started h2 {
margin-bottom: 25px;
color: #000;
}
#bike-nerds h2 {
max-width: 800px;
margin: 0 auto 40px auto;
text-align: center;
font-weight: 800;
}
h4, p, .sePage .sePageLayout a.btn.btn-primary, #inv-sales a, #product-ad a {
font-family: "Space Grotesk", sans-serif;
font-optical-sizing: auto;
}
p {
font-size: 18px;
font-weight: 400;
color: #000;
}
.sePage .sePageLayout a.btn.btn-primary, #inv-sales a, #product-ad a {
margin-top: 15px;
padding: 12px 26px;
border-radius: 50px;
border: none;
font-weight: 500;
font-size: 15px;
}
.sePage .sePageLayout a.btn.btn-primary, #inv-sales a {
background-color: #3c0;
color: #fff;
}
#product-ad a {
margin-top: 0;
background-color: #fff;
color: #000;
}
/* News marquee */
#InfoPage201 > section:nth-child(1) > div {
margin: 0;
padding: 0;
}
.marquee {
height: 50px;
width: 100vw;
overflow: hidden;
position: relative;
background-color: #000;
display: flex;
gap: 1.5rem;
}
.marquee-content p, .marquee-content a, .highlight {
font-family: "Syne", sans-serif;
font-optical-sizing: auto;
font-weight: 750;
font-style: normal;
font-size: 15px;
}
.marquee-content p {color: #fff;}
b.highlight, .marquee-content a, .marquee-content a:hover {
font-weight: 800;
color: #3c0 !important;
text-transform: uppercase;
}
.marquee-content {
min-width: 100%;
height: 60px;
display: flex;
justify-content: space-around;
align-items: center;
flex-shrink: 0;
gap: 1.5rem;
}
@keyframes scroll {
from {transform: translateX(0);}
to {transform: translateX(calc(-100% - 1.5rem));}
}
.scroll {animation: scroll 30s linear infinite;}
.marquee:hover > #scroll-one, .marquee:hover > #scroll-two {
animation-play-state: paused;
}
/* Main banner */
#landing {
width: 100%;
text-align: center;
}
.landing-img {
width: 100%;
height: 62vh;
max-height: 550px;
margin: 0 auto 45px auto;
border-radius: 25px;
background-color: #323232;
background-image: url(https://www.sefiles.net/merchant/6468/images/template/Landing-Image-Template-Flat-Tire.jpg);
background-position: 50% 50%;
background-size: cover;
}
#landing h1 {
margin: 10px 0 45px 0;
font-family: "Syne", sans-serif;
font-optical-sizing: auto;
font-weight: 800;
font-size: 65px;
color: #000;
line-height: 1.1em;
}
.sePage .sePageLayout a.btn.btn-primary:hover, #inv-sales a:hover {
border: none;
background-color: #000;
color: #fff;
}
/* Inventory sale */
#inv-sales {margin-top: 70px;}
#inv-sales h4 {
font-family: "Space Grotesk", sans-serif !important;
font-weight: 700;
color: #fff;
}
.inv-sales-wrapper {
margin-top: 45px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.sale-one, .sale-two {width: 48%;}
.sale-one-img, .sale-two-img {
width: 100%;
height: 400px;
border-radius: 25px;
background-color: #f5f5f5 !important;
background-size: cover !important;
background-position: 50% 50% !important;
}
.sale-one-img {
background: linear-gradient(15deg, rgba(51,51,51,.5) 0%, rgba(51,51,51,0) 50%), url("https://www.sefiles.net/merchant/6468/images/template/ashley-fits.jpg");
}
.sale-two-img {
background: linear-gradient(15deg, rgba(51,51,51,.5) 0%, rgba(51,51,51,0) 50%), url("https://www.sefiles.net/merchant/6468/images/site/sram-price-drop.png");
}
.sale-img-content-wrapper {
height: 100%;
padding: 20px 30px;
display: flex;
flex-wrap: wrap;
justify-content: start;
align-content: end;
}
.btn-wrapper {
margin-top: 20px;
display: flex;
justify-content: center;
}
.btn:hover {text-decoration: none;}

.section.sePageSection.sePageSectionResponsive:nth-child(4) {
margin: 120px 0 90px 0;
background: url('https://www.sefiles.net/merchant/6468/images/template/fox-fork-tube.jpg');
background-size: cover;
background-position: 50% 50%;
}
#product-ad {
width: 100%;
height: 65vh;
max-height: 550px;
justify-content: center;
}
#product-ad, .product-ad-wrapper {
display: flex;
flex-direction: column;
align-items: center;
}
.product-ad-wrapper {
padding: 40px;
justify-content: start;
}
#product-ad a:hover {
text-decoration: none;
background-color: #3c0;
color: #fff;
}
#product-ad > div > div {margin-top: 30px;}
/* Shop by ride formatting */
#shop-ride {margin-bottom: 60px;}
#shop-parts {margin-bottom: 100px;}
#shop-ride h3, #shop-parts h3 {
margin-bottom: 40px;
font-family: "Syne", sans-serif !important;
font-optical-sizing: auto;
font-weight: 750 !important;
font-size: 45px;
color: #000;
}
.shop-ride-wrapper {
margin-bottom: 20px;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.shop-image-wrapper {
display: flex;
position: relative;
max-width: 100%;
max-height: 400px;
overflow: hidden;
z-index: 1;
background-color: #f5f5f5;
}
#shop-ride .shop-image-wrapper {
border-radius: 25px;
justify-content: end;
}
#shop-parts .shop-image-wrapper {
border-radius: 13px;
justify-content: start;
align-items: end;
}
.shop-image-wrapper::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
background: #f5f5f5;
opacity: 0;
-webkit-transition: transform 300ms ease;
-moz-transition: transform 300ms ease;
transition: transform 300ms ease;
}
.shop-img {
width: 100%;
transition: transform .5s ease;
object-fit: cover;
}
#shop-ride .shop-img {z-index: 2;}
.shop-divider:hover img {
transform: scale(1.03);
}
.shop-divider p {
position: absolute;
font-family: "Space Grotesk", sans-serif !important;
font-optical-sizing: auto;
font-weight: 700;
}
#shop-ride .shop-divider p {
margin: 23px 12px 0 0;
color: #999;
writing-mode: vertical-rl;
text-orientation: sideways;
-webkit-transition: color 300ms ease;
-moz-transition: color 300ms ease;
transition: color 300ms ease;
}
#shop-ride .shop-divider:hover p {color: #3c0;}
#shop-parts .shop-divider p {
margin: 0 0 13px 20px;
color: #fff;
z-index: 1;
text-decoration: underline;
text-decoration-color: rgba(255, 255, 255, 0);
-webkit-transition: text-decoration-color 300ms ease;
-moz-transition: text-decoration-color 300ms ease;
transition: text-decoration-color 300ms ease;
}
#shop-parts .shop-divider:hover p {
text-decoration-color: rgba(255, 255, 255, 1);
}
/* Bike nerds */
.section.sePageSection.sePageSectionResponsive:nth-child(7) {
border-top: solid 1px #d8d8d8;
border-bottom: solid 1px #d8d8d8;
}
#bike-nerds {margin: 60px 0 80px 0;}
#bike-nerds, .triple-item-wrapper {width: 100%;}
.triple-item-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.triple-item-wrapper div {width: 30%;}
.bike-nerds-text-wrapper {text-align: center;}
#bike-nerds p {
text-align: left;
font-weight: 400;
font-size: 18px;
}
.bike-nerds-img-wrapper {
height: 350px;
border-radius: 13px;
overflow: hidden;
}
.bike-nerds-img-one, .bike-nerds-img-two {
background-size: cover !important;
}
.bike-nerds-img-one {
background: url('https://www.sefiles.net/merchant/6468/images/site/flat-tire-trophy.jpg');
background-position: 50% 30%;
}
.bike-nerds-img-two {
background: url('https://www.sefiles.net/merchant/6468/images/site/bike-nerds-v2.jpg');
background-position: 10% 50%;
}
/* Get started */
#get-started, .get-started-text-wrapper, .get-started-link-wrapper {
display: flex;
}
#get-started {
margin: 90px 0 75px 0;
justify-content: space-between;
}
.get-started-text-wrapper, .img-card-img {width: 48%;}
.get-started-link-wrapper {width: 100%;}
.get-started-text-wrapper {
justify-content: center;
flex-direction: column;
}
.get-started-link-wrapper {
margin-top: 25px;
flex-direction: column;
}
.img-card-img {
height: 500px;
border-radius: 25px;
background: url('https://www.sefiles.net/merchant/6468/images/site/sweed-repair.jpg');
background-size: cover !important;
background-position: 50% 30%;
}
#get-started h2 {margin-top: 0;}
#get-started a {
font-family: "Syne", sans-serif;
font-optical-sizing: auto;
font-weight: 800;
font-size: 25px;
color: #000;
text-decoration: none;
-webkit-transition: color 250ms ease;
-moz-transition: color 250ms ease;
transition: color 250ms ease; 
}
#get-started a:first-child, #get-started a:nth-child(2) {
border-bottom: solid 1px #d8d8d8;
}
#get-started a:hover {color: #3c0;}
.animated-btn {
width: 100%;
height: 65px;
display: flex;
align-items: center;
}
.animated-btn span:nth-child(2) {
margin-left: 30px;
-webkit-transition: margin-left 250ms ease-in-out;
-moz-transition: margin-left 250ms ease-in-out;
transition: margin-left 200ms ease-in-out;
}
.animated-btn:hover > span:nth-child(2) {margin-left: 80px;}