@media (min-width: 501px){
.mobile-only{ display:none !important; }
} 

@media (max-width: 991px){
a.mobile-cart{ position:absolute; right:10px; top:14px; }
}
@media (max-width: 500px){
.desktop-only{ display:none; }
.heroCarousel.slick-initialized{ display:none; }
.small-banner{ display:none; }
.body{ margin-top:0 !important; }

.mobileCarousel .slick-dots{ bottom:15px; }
.mobileCarousel .slick-dots li button{ border:solid 1px #fff; background:#7a7a7a; }
.mobileCarousel .slick-dots li.slick-active button::before{ background:#fff; }
.mobileCarousel .slick-dots li button, .slick-dots li button::before{ height:20px; width:20px; }

.orange-belt{ background:url(../img/intro-bg-img.png) no-repeat left bottom #E4F1FF; margin: 0 3%; width:94%; border-radius:25px; padding-bottom:165px; }
.orange-belt h2{ color:#000000; font-size:26px; margin-bottom:15px; }
.orange-belt p{ font-size:17px; max-width:320px; margin-bottom:25px; }
.orange-belt .btn-white{ display:none; }
.btn-white{ background:#000000; color:#fff; border:0; font-weight:700; padding: 13px 25px; border-radius: 50px; }


.featured-products-slider{ background:#F5F5F5; padding:20px 0 70px 15px !important; margin-bottom:35px; }
.featured-products-slider h2.page-heading{ font-size:24px; font-family: 'TrajanPro-Bold' !important; padding-right:15px; }

.slider-featured .productCarousel .slick-list { padding: 0 100px 0 0 !important;  }
.productCarousel .slick-list{ padding:0 !important; }
.slider-featured .slick-next, .slider-featured .slick-prev {  margin: 0 auto; left: 0; right: 0; top: auto; bottom: -90px; }
.slider-featured .slick-prev { background: #fff url(https://cdn11.bigcommerce.com/s-wjyjft5/images/stencil/original/image-manager/prev-arrow-mobile.png?t=1788247293) no-repeat center center; left: -50px; background-color: inherit !important; }
.slider-featured .slick-next { background: #fff url(https://cdn11.bigcommerce.com/s-wjyjft5/images/stencil/original/image-manager/next-arrow-mobile.png?t=1788247294) no-repeat center center; right: -50px; background-color: inherit !important; }
 

.categories-mobile{ padding:0 15px; display:flex; flex-wrap:wrap; margin:35px 0; }
.category-box{ margin-bottom:25px; text-align:center; }
.category-box img{ border-radius:250px; }
.category-box a{ font-size:20px; font-family: 'TrajanPro-Bold'; display:block; padding:10px 0 0 0; text-decoration:none; }

.shape-belt .container{ display:flex; flex-wrap:wrap; }
.shape-belt .thumbimgleft { order:2; }
.shape-belt .thumbimgright { order:3; }
.round-content{ background:none; border-radius:0; padding:0 10px; margin-bottom:30px; }
.shape-belt h3{ font-size:26px; color:#000000; }
.shape-belt p{ font-size:16px; line-height:21px; color:#000; }
.shape-belt p a{ font-weight:700; }
.thumbimgleft, .thumbimgright{ width:50% !important; padding:0 2%; }
.thumbimgleft img, .thumbimgright img{ width:100%; }

.card-figcaption-body .card-figcaption-button{ border: 1px solid #f7971e; font-weight: 700; color: #000; font-size: 14px; }
.card-figcaption-body .card-figcaption-button.quickview{ border: solid 1px #C8C8C8; font-size: 0; }

.footer{ padding-bottom:100px; }
.footer-info-col{ text-align:left; }
.footer-info-heading{ font-size:22px; font-weight:700; color:#F7971E; text-transform:uppercase; cursor:pointer; }
.footer-info-list a{ font-size:15px; color:#fff; padding:0 0 15px; display:block; }
.ftrmailIc{ margin:0; display:flex; align-items:center; }
.ftrmailIc a{ padding:0 0 0 8px; }
.footer-copyright { padding: 15px 0 0 0; }
.footer-copyright p{ color:#fff; text-align:left; letter-spacing:0; }
.footer-copyright > .powered-by{ letter-spacing:0; color:#fff; font-size:15px; }
.footer-copyright p span { color:rgba(255,255,255,0.7); }
.footer-copyright a{ color:#fff; }
.payment-icons{ margin-top:20px !important; text-align:left !important; }
.footer-contact-mobile{ border-top:solid 1px #565656; border-bottom:solid 1px #565656;padding-top:20px;}

.footer-info-list { display: none;  position: relative; padding-top:24px;  padding-bottom:20px; }
.footer-info-heading{ position:relative; }
.footer-info-heading::after { content: '+';  position: absolute; right: 15px; color: #ccc; font-size: 26px}
.footer-info-heading-mobile.is-open::after { content: '−'; }
.footer-info-list[style="display: block;"]::after { position: absolute; content: ''; background: #484848; top: 0; width: 100px; left: 0; height: 1px }
}